マークダウンでid属性

マークダウンで原稿を作ることが多いのだけれど、マークダウンなんて使っているのは僕だけ。けど、マークダウンのまま見せることはまずないのでそれほど困っていない。
(途中で見せる必要があるときはHTMLにしてプリントアウトなりなんなりすればいい)

WordPressでブログを運用していると、記事のはじめに見出しに対してのメニュー(目次)を作りたいという要望もあったりする。
長く運用していて記事数が多いと手作業でっていうのも大変なので、以前jQueryで記事内の見出し(h2とかh3とか)取得して、リストにしてリンク付けて自動でメニュー(目次)ができるようにしたこともあった。

今回は記事数も少ないし手作業でもいいやって考えたときに、マークダウンで書いちゃいたいけど、id属性とか(クラス属性とか)ってマークダウンでも書けるのかっていうことで調べた備忘録。

マークダウンでid属性を付与する

## タイトル {#idname}

{の前には半角スペースが必要らしい。

idさえ付与できれば、リンクはいつも通りでいいわけだから[リンク文字列](#idname)でいいから、


- [リンク文字列](#idname01)
- [リンク文字列](#idname01)
- [リンク文字列](#idname01)

こんな感じにリストにしてあげればOK。
装飾はCSSでとかそのあたりはご自由にということで。
記事数もないし、小見出しが大量にある記事もないのでとりあえずこれで満足。

ちなみにWordPressで目次を作るだけだったらプラグインもあるみたい。
Table of Contents Plus

※プラグインの更新も止まっているみたいなので利用する場合は自己責任でお願いします。

マークダウンで別ウィンドウでリンク

こちらはついでだったのだけれど。マークダウンでリンク書いて別ウィンドウ(別タブ) → target=”_blank” できたらいいなと思って調べた。

[リンク文字列](url){:target="_blank"}

こういう書き方でできる、場合もあるみたい。
というものも、WordPressのJetpackさんのマークダウンではうまくいかなかった。
{:target=”_blank”}が文字列として出力されて終わり。

古式ゆかしく、JavaScriptで同一ドメインじゃなかったらtarget=”_blank”付与、みたいなほうが確実なようだ。
今回はそこまでしなかったけれど。

参考サイト