Hugoでサイト構築

• 【Hugo】関連記事のリンクを表示する

  前提 Hugo: v0.125.4 Related layouts/_default/single.htmlなど、関連記事のリンクを挿入したい箇所に、以下のような内容を記載する。 {{ $opts

• 【Hugo】Shortcode内でGetPageを使うとタイムアウトする

  前提 Hugo: v0.125.4 原因 ページAのSummaryを取得するにはページBのSummaryが必要だが、ページBのSummaryを取得するにはページAのSum

• 【Hugo】別記事へのリンクを取得する

  前提 Hugo: v0.125.4 注意事項 この記事内で紹介しているShortcodeをそのまま使用すると、使用箇所によってはタイムアウトとなりうまく機能しない。 【Hu

• 【Hugo】目次(Table of Contents)を作る

  前提 Hugo: v0.125.4 TableOfContents 以下のメソッドを呼ぶだけで目次が作れる {{ .TableOfContents }} このページの場合、以下のhtmlが出力される <nav id="TableOfContents"> <ul> <li><a href="#前提"

• 【Hugo】MarkdownやソースコードをShortcodes内に記載する方法

  前提 Hugo: v0.125.4 対応内容 MarkdownをShortcode内に記載したときに、期待した結果が得られないことがあったので整理。 対応する方法としては、

• 【SCSS】StylelintとPrettierを使ってSCSSの自動整形

  Stylelint バージョン 16.4.0 インストール npm install --save-dev stylelint stylelint-config-standard-scss stylelint-config-recess-order 設定ファイル .stylelintrc.yaml extends: - stylelint-config-standard-scss - stylelint-config-recess-order - stylelint-prettier/recommended rules: block-no-empty: true no-duplicate-selectors: null Prettier バージョン 3.2.5 インストール npm install --save-dev prettier stylelint-prettier 設定ファイル .prettierrc.yaml tabWidth: 4 Style

• 【Hugo】HugoでSass(SCSS)を使う

  前提 環境: Windows Hugo: v0.125.4 Dart Sassのインストール Hugo ExtendedにはLibSassが含まれているが、非推奨となっているため、Dart Sassをイン

• 【Hugo】Hugoの基本的な文法

  前提 Hugo: v0.125.4 変数 定義 {{ $foo := "foo" }} 代入 {{ $foo = "bar" }} テンプレート内での使用 <p>{{ $foo }}</p> 比較 Eq arg1 == arg2 {{ eq 1 1 }} # true {{ eq 1 2 }} # false {{ eq "foo" "foo" }} # true {{ eq "foo" "bar" }} # false 参考

• 【Hugo】Hugoの環境構築

  前提 環境: Windows Hugo: v0.125.4 インストール バイナリをダウンロードして配置 Githubからバイナリをダウンロード Releases latest ダウンロードしたファイルを解凍し、任意の