静的サイトジェネレーターHugoを使って、ブログサイトを作成してみる
Hugoは、Go言語で記述された高速で強力な静的サイトジェネレーターであり、シンプルながらも柔軟性があり、ブログ、ドキュメント、ポートフォリオ、企業ウェブサイトなど、様々な種類のウェブサイトを簡単に作成することができます。 早速インストールして試してみますが、環境はWindows11のWSL上のUbuntuを利用します。 Hugoのインストール Hugoにはstandardとextendedという二つのバージョンがあり、お勧めのextended版をパッケージマネジャーsnapを使ってインストールします。詳しい説明はここ sudo snap install hugo サイト作成 以下のコマンドを使って新しいサイトを作成します。--format yamlをつけることでHugo設定ファイルをYAML形式に指定します。デフォルトではTOMLになります。hugo.yamlがサイトの設定ファイルです。 hugo new site my-new-site --format yaml テーマの選択 テーマに関しては、Hugoテーマサイトに様々なものがありますが、今回PaperModを使います。my-new-siteに移動してGithubにあるテーマをクローンします。将来テーマのアップデートはgit pullで行うことができます。 PaperModについてデモサイトに詳しい説明があります。 デモサイトのmarkdownのソースコードはGithubにあり、勉強になります。 git clone https://github.com/adityatelange/hugo-PaperMod themes/PaperMod --depth=1 設定ファイルhugo.yamlの編集 以下はサンプルの設定ファイルです。 baseURL: https://donsitnote.extendtech8.com/ title: Don's IT&Finance Notebook theme: hugo-PaperMod paginate: 5 enableInlineShortcodes: true pygmentsUseClasses: true # affect code display enableEmoji: true mainsections: ["posts", ] languageCode: 'ja' taxonomies: category: categories tag: tags series: series menu: main: - name: Archive url: archives weight: 5 - name: Search url: search/ weight: 10 - name: Tags url: tags/ weight: 10 outputs: home: - HTML - RSS - JSON params: env: production # to enable google analytics, opengraph, twitter-cards and schema....