Hugo

本文を追加するとこんな感じになります。

Canon EOS M200
Canon EF-M 15-45mm f/3.5-6.3 IS STM
20mm f4 1/80sec ISO200

ショートコード自体はかなりシンプルで、URLを構築する部分と、メタデータを並べる部分、そしてそれらを配置する部分しかありません。

当ブログでは、hugo のテーマに Mainroad を使っています。

2020年になって新しい記事を追加しようとしましたが、どうもトップページに追加した記事が一覧されない現象に出くわし、困った状況になっていました。

ox-hugo を使った Hugo への markdown 出力では、最終更新日( lastmod )を設定できる。

さらに次のように設定すれば、ファイル保存時に自動的に最終更新日を設定できる。

(setq org-hugo-auto-set-lastmod t)

しばらくはこの設定でうまく運用できていたが、細かい修正等で、わざわざ更新日を更新する必要がないことも多いことがわかった。

せっかく ox-hugo で記事を書いているので、Hugo記事のソースとなる orgfile を明示したい。

毎度手動でそのリンクを生成するのは面倒なので、マクロで実現してみる。

まず、マクロから呼び出す関数を書く。

環境構築がほぼ完了。基本的な処理フローは？と言えば、「書いて、デプロイ」のホント2ステップだけ。

1. Emacs Org Mode でメモを取るように書く（org-capture経由もOK）
2. deploy スクリプトを走らせる（サーバにrsyncしたり、GitHubにpush）

以上、楽すぎた。ありがとう Org Mode、Hugo、ox-hugo たち！

次のように org-capture を準備して、 C-c r B 押下すると、テンプレートが立ち上がる。カーソルはタイトル行に置かれる。 C-c C-c を押してそのまま保存でも良いが、それなりの分量の文章を書くならば、 C-u C-c C-c として保存先のサブツリーに移動してから編集する方がより安全といえる。

まず前提として、このサイトのようにドメイン直下にディレクトリを作ってブログを運用する場合には、デフォルトだと figure shotcode が正しく動作しない。対応策は、 config.toml で canonifyURLs=true にすること。

HUGO shortcodesを使って、Amazonアフィリエイトのリンクを組み込みます。

品名: GARMIN(ガーミン) ランニングウォッチ GPS 心拍計 ライフログ 50m防水 ForeAthlete 35J ブラック 【日本正規品】 FA35J 168938
価格: 22116 JPY
ASIN: B01N3PBDGJ

動かすのはちょっと大変。以下は、今回のために作った shortcodes で、これ加えて、Product Advertising API を用いたXMLデータのダウンロードスクリプト、XMLからJSON形式のデータを作り、 ./data/asin/B01N3PBDGJ.json として保存しておく必要があります。

ビルトインの shorcodes を使って簡単にできます。

inline

An inline equation \(f(x)\).

stand alone without numbering

A standalone equation: \[ E = mc^{2} \]

full equation with numbering

うまくいかない 通常のHTML出力では正しく式番号がレンダリングされる。

ox-hugo の設定では、

https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-AMS-MML%5FHTMLorMML

だが、通常のHTML出力では、