HugoとOrg-modeでブログを書く

March 3, 2018

Programming

Hugo Go Netlify Org-Mode

Hugoが Org-mode をサポートしました。 Markdown から乗り換えの時期がやってきました。

はじめに

振り返ると色々とブログ(サービス or ツール)を切り替えてきました。
ブログを切り替える際に、原則として記事を捨てるやり方を採用しています(笑)

手打ちHTML
ブロッサムだかブルッサムだか
Movable Type
WordPress
WordPress.com
はてなダイヤリー
はてなブログ
自作ブログエンジン (ASP.NET MVC)
Hugo & Org-mode & Azure WebApps & Azure CDN & Onedrive
Hugo & Org-mode & Netlify & GitHub

現在は上記10でやっています。

HugoとNetlifyの流れ

Org-modeのフォーマットで記事を書く
HugoでHTMLに変換する
その内容をgit commit && git push
netlifyが反応して、サーバーに記事が展開される

セットアップ

macOSでやっています。<br/> HugoはHomebrew経由でインストールが可能です。

1

$ brew install hoge

そのほかはこんな感じです。

Org-modeはEmacsに組み込まれているので、Emacsをインストールします。
netlifyは色々とやりましたが、画面の指示に従えばできました。

Summary

以下に解説があります。

favicon

以下が詳しいです。

Hugoでfaviconをつけよう · 竹内電設.com

Google Analytics

HugoはGoogle Analyticsのテンプレートを持っています。

1

{{ template "_internal/google_analytics_async.html" . }}

もし、採用しているテーマに上記の記述があれば、設定ファイル (ここではconfig.toml) に googleAnalytics にトラッキングIDを記述するだけでセットアップが完了します。

1
2
3
4
5
6
7
8


$ emacs config.toml

# config.tomlに googleAnalytics を追加する
baseURL = "your base url"
title = "your hugo site title"
googleAnalytics = "トラッキングID"

[params]

シェアボタン

下記が参考になります。

Hugoで作ったサイトにシェアボタンを足した | AABrain