📝Hugo

🔥虚無との戦い

🐥Hugo Basics

デバッグでホットリロード

ローカルでサイトの表示を確認する用. navigateToChangedで編集がリアルタイム反映.

$ hugo server -D --navigateToChanged

✅Hugo HOWTO

💡HugoでMermaidのチャートを表示するには？

body内でmermaid.jsを読み込む. この方法はmermaidが不要な全てのページでも読み込みが生じるという弱点がある.

<body>
  <script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
  <script>
    mermaid.initialize({ startOnLoad: false });
    mermaid.init(undefined, ".language-mermaid");
  </script>
</body>

スピード重視の場合, 特定のページのみで読み込むようなフラグをmarkdownのプロパティに設定するなどして制御する.

Hugo でOrg-modeをつかう方法

Org-modeをMarkdownに変換して利用する方法と, そのままつかう方法の二種類がある.

Markdownに変換の方法

📝ox-hugoをつかうのがメジャーかつ王道.

直にOrg-modeを利用する方法

🔧Quartz