[ポートフォリオサイト制作] 静的サイトジェネレーター Hugo での作成手順
静的サイトジェネレーター Hugo を利用してポートフォリオサイトを作成する流れを説明します。無料テーマからも多くのことを学ぶことができます。
13 posts
静的サイトジェネレーター Hugo を利用してポートフォリオサイトを作成する流れを説明します。無料テーマからも多くのことを学ぶことができます。
Hugoで快適にブログを書くために、NotionをヘッドレスCMSとして利用するOSSツール「Notion Hugo Exporter」を自作しました。開発の動機と使い方を解説します。
Hugo のサイトで npm を利用した Bootstrap 5 へのアップグレード手順例
HugoのDocsyテーマを使いながら、noindex制御・JSON-LD構造化データ・minifyとHTMLコメントの共存など、テンプレートカスタマイズで工夫した点をまとめています。
Hugo のドキュメントサイト用テーマ Docsy の Bootstrap 5 対応動向の確認
静的サイトジェネレーター(Hugoなど)のMarkdownコンテンツをオンライン上で管理するためのWebサービス Foresty を試してみました。
静的サイトコンテンツの公開用にNetlifyを利用していましたが、日本国内からの利用ではパフォーマンスが気になったので Cloudflare Pages へ移行しました。
Hugo の RSS 出力内容を変更したいときの修正方法
ヘッドレスCMS(Headless CMS)を利用したサイト構築と運用をした経験をもとに、Contentfulの使い勝手や所感をメモします。
Javascriptベースの静的サイトジェネレータを比較(Next.js 11ty Gatsby)した結果と、改めてHugoを選定した比較経緯をまとめます。
Hugoテンプレート構文における、ハイフンの有無によるHTMLタグ生成の変化をまとめます。
Hugoが標準で用意している Internal Template を利用して Google Analytics と OGP & Twitter Card の設定をします。
WordPressの運用をやめて静的サイトジェネレータへ移行するために Jekyll, Hugo, Hexo, Gatsby を比べた結果 Hugo を選択した理由をまとめます。