IT・システム開発

tumblrブログをMarkdown記法で書いたら、思った以上に快適すぎて驚いた件について

tumblrって、「Markdown」記法で記事作成できるんですよね。そういえば。
記事の作成効率UPのために試してみたいと思います。

Markdown記法ってなに?

というわけで、こんにちは!sawasawa(@sawasawa0)です。

まずMarkdown(マークダウン)記法について、なんぞやっていうところを説明します。

ざっくり言うと、

<h2>見出しだよ</h2>

みたいなのを

「## 見出しだよ」

って書けば良くなります。

なので、
「箇条書き作るのつれーわ!」

<ul><li>リスト1</li>
    <li>リスト2</li>
</ul>

「とか、めんどくせーわ!」
みたいなあなたにはホントおすすめです。

* リスト1
* リスト2

これだけ!すごい楽!

Markdown記法の詳細は下記のリンクが参考になります。

あとミスリードっぽいので、一応付け加えておくと、
はてなブログやWordPressでも、Markdown記法は使えます。
tumblrだけの専売特許ではないので、悪しからず。

はてなブログ

wordpress(要プラグイン)

tumblrでのMarkdownの表示がどうなるかまとめてみる

※ 本ブログのスタイルシートが適用された結果になります。

見出し

記述方法

## H2
### H3

表示結果

H2

H3

文字の書式

記述方法

_斜体もできる_

**太字もできる**

~~打ち消し線もはなんかダメ~~

表示結果

斜体もできる

太字もできる

~~打ち消し線はなんかダメ~~

リスト

記述方法

* リスト1
  * リスト1-1
* リスト2

1. リストA
2. リストB
   1. リストB-1
   2. リストB-2
3. リストC

表示結果

  • リスト1
    • リスト1-1
  • リスト2
  1. リストA
  2. リストB
    1. リストB-1
    2. リストB-2
  3. リストC

画像

記述方法

![画像タイトル](画像のURL)

表示結果

画像タイトル

引用

記述方法

> 引用もできる

表示結果

引用もできる

リンク

記述方法

[tumblrでイマドキっぽい感じのブログを作ってみた!](リンク先のURL)

表示結果
[pz-linkcard-auto-replace url="http://blog.sawasawaworks.com/post/166670648047/20171022tumblr%E3%81%A7%E3%82%A4%E3%83%9E%E3%83%89%E3%82%AD%E3%81%A3%E3%81%BD%E3%81%84%E6%84%9F%E3%81%98%E3%81%AE%E3%83%96%E3%83%AD%E3%82%B0%E3%82%92%E4%BD%9C%E3%81%A3%E3%81%A6%E3%81%BF%E3%81%9F"]

まとめ

Markdownで記事を書くとほんと便利です。
最近はMarkdownエディタも、使いやすいのがあるので、いろいろ試してみると良いかもしれません。

↓私が使っているMarkdownエディタ

◆typora


◆解説記事