Blogging with Emacs org-mode

プログラミングはずっとEmacsを使ってきましたが最近org-modeをちゃんと使っていこうと思い色々試しています。 org-modeでブログを書きたいと思ったので調べてみると次のフローが良さそうなので採用することにしました。

1. Emacs org-mode
   • 編集
2. ox-hugo
   • markdownとしてエクスポート
3. Github
   • コンテンツ管理
4. Hugo
   • ブログ生成
5. Netlify
   • パブリッシング

Hugoのテーマ選び Link to heading

Hugo Themesから好きなテーマを選びます。 Beautiful Hugoにしてみました。

サイト作成 Link to heading

hugoでサイトを新規作成 Link to heading

hugoコマンドを使ってブログサイトを新規作成。

hugo new site blog

このディレクトリをGithubで管理します。

テーマ適用 Link to heading

cd blog
git submodule add https://github.com/halogenica/beautifulhugo.git themes/beautifulhugo
cp ./themes/beautifulhugo/exampleSite/config.toml ./config.toml

config.tomlをお好みでいじります。

コンテンツ Link to heading

ox-hugoで1つのorgファイルから複数のエントリーファイルを生成できるみたいなので、 ブログはベースのディレクトリ直下にblog.orgファイルを置いてそこにすべて記述し、 エントリーごとにcontent/post/***.mdファイルが生成されるようにしました。

Netlifyで配信 Link to heading

NetlifyはGithubへのpushをトリガーとしてhugoを実行し、配信までやってくれます。 そのように設定し、ドメインの設定も行い設置完了。