アメブロまたはBloggerでMarkdownでブログを書くためのmd2ameblo作った話

http://md2ameblo.herokuapp.com/ (ソースコード )

といっても半年以上前に作ったやつなんですが、今回Angular.jsを使ってUIをけっこう変えたのであらためて告知。

これは何？

MarkdownのテキストをアメブロやBlogger向けのHTMLに変換するヤツ。作ろうと思ったきっかけは会社でエンジニアブログを書かなくてはいけない時に、アメブロのエディタがアレ過ぎて辛かったので(*1)ついカッとなって作った。

*1) HTMLタグを書くエディタモードでも、改行が勝手にbrとか挿入されてm9(^{Д)ﾌﾟｷﾞｬｰってなる}

自分の使い方

自分はブログはBloggerで書いていて

1. wri.pe でMarkdownで記事を保存
2. md2ameblo でHTMLに変換
3. Bloggerのエディタにコピペ
4. 「ブログに書いた」という意味合いでwri.peで該当の記事をアーカイブ

という感じで使ってる。今年は昨年よりもっとブログを書こうと思っているので、ガンガン使っていく所存です。

使った技術

• Angular.js
• Python (サーバサイド)
  • bottle
  • misaka - MarkdownをHTMLに変換するライブラリ
• Heroku

データベースも使ってないのでHerokuに置いてある。git push でディプロイできてHeroku超便利。

今後

やっぱり変換かけるのが面倒なので、wri.pe的なエディタ作ってそこからワンクリックでBloggerに投稿するやつを作り中。

アメブロ Perfect GuideBook

posted withamazlet at 14.01.13

榎本 元

ソーテック社

売り上げランキング: 3,535

Amazon.co.jpで詳細を見る

Bloggerを独自ドメインで運用する

ググって出てきた記事だとちょっと情報が古かったので。自分はドメインはvalue domainで取得しているので、value domainでの設定方法をば。

value domainのDNSの設定

まず、設定する独自ドメインが blogger.lampetty.net だとする。

• value domainにログインする
• メニューで「DNSレコード/URL転送の変更」をクリック
• 対象のドメインを選択
• 下記の2つのレコードを定義する(末尾の . のつけ忘れに注意！)

cname yoectwasv3gk gv-pqase73paobfnq.dv.googlehosted.com.
cname blogger ghs.google.com.

• (DNSの変更が反映されるまで)しばらく待つ。キャッシュもあるので1,2時間ぐらいかな

Bloggerでの設定

• http://www.blogger.com/home からメニューの「設定」を選択
• ブログのアドレスの部分で下記のように設定する。