アメブロの記事をマークダウン記法で書けたらラクチンなのにな…

でもアメブロエディタにはマークダウンで書いていく記法はサポートされていません。今のところまだね。えーん

でも大丈夫!

秀丸エディタを使えばできますよ。ウインク

今までの総復習をしておきましょう。

まずCSSカスタマイズの方法。

アメブロにヘッダ画像を設定する

こちらの記事の最後の方でCSSのカスタマイズ方法を説明しています。

マークダウン記法をよく知らない方はこちらの記事を読んでみてね!ウインク

マークダウン記法の書き方(見出しヘッダ編)

秀丸エディタとマークダウン記法でブログを書く(強調表示編)

秀丸エディタとマークダウン記法でアメブロを執筆するCSSカスタマイズ(リスト編)
マークダウン記法で書いたファイルは拡張子をmdとして保存します。

この時に秀丸エディタを使うとマークダウン記法の強調表示ができて見やすいですよ!ウインク

秀丸エディタにマークダウン記法をハイライトする強調表示を入れる
ではその書き終えたマークダウンファイルをどうやってHTMLファイルに変換するのか?キョロキョロ

これは最近紹介したPandocを使うのがラクチンです!爆  笑

Pandocをインストールしてマークダウン記法からHTML5への変換をしよう!

HTMLファイルに変換した後の処理としてはリンクへのtarget="_blank"の追加ですね。

はるなぴは時々うっかりしていて忘れていることもありますが(笑)てへぺろ

外部リンクに target="_blank" を追加する秀丸マクロ

こちらのマクロを走らせれば簡単に解決!

うっかり忘れてなければですね(大草原)爆  笑

こうやっていったんHTMLファイルができてしまえば…

あとはアメブロエディタを開き、HTMLを選択し、作ったHTMLから必要な部分をコピペすればハイ出来上がり!グッ

後は絵文字や画像を入れればあっという間です。

これでもうどんどん記事をマークダウン記法で書いていくことができますね!ウインク