2013-01-11

Blogger で Markdown 記法で投稿する方法

Blogger に移行するにあたり、Markdownで記述する方法を調べた。
showdown.js でいけるんじゃないかと思い検索するとダンコガイさんの方法でうまくいきました。
http://blog.livedoor.jp/dankogai/archives/51818456.html の記事を参考にさせてもらいました。
ありがとうございます。

[手順]

1.CSSスタイルを登録

テンプレート > カスタマイズ > アドバンス > CSS 追加で以下のスタイルを追加。

.markdown  { width:100%; height:320px; overflow:scroll; background-color:#ffffff;  }
.showdown { background-color:#ffffff }


2.HTMLテンプレートへJavaScirptを追加(showdown.js)








3.blogを書くとき

<textarea> タグの中にMarkdownで記述する。

コード


<textarea border-style:dotted="border-style:dotted" class="markdown" disabled="disabled" style="height: 301px; margin: 2px; width: 580px;">
# test1
Neko,  __nyan__ **nya** nya-n [myblog][1] nya-n!
## test2
### tesst3

- Apple
  - Orange

---

- AppleApple
  - OrangeOrage
[1]:http://blog.ccm-lulu.com/ "myblog"
</textarea>




表示はこんなかんじ




と、こんな感じでブログ書いていこうと思います。


0 件のコメント:

コメントを投稿