前回の振り返り 前回は下記記事で、hugoを使いブログを作成しgithub actionsを使用した自動デプロイを設定しました。 今回はその続編で、投稿をリッチにするshort codeの紹介、投稿に画像を入れる方法、ページテンプレートのカスタマイズをやっていきます。 環境 項目
2023/11/29追記: このサイトはリニューアルしました。 ここで紹介した内容は現在このサイトでは使われていませんが、 過去の記事をそのまま掲載しています。 このサイトは Hugo を使って作成しました。 Hugo は Markdown などで書かれたソースファイルから静的なHTMLファイルのウェブサイトを生成するツールです。 Hugo では様々な テーマ を選択することができます。 このサイトではHugoテーマとして Mainroad を使用しています。 また、生成したサイトのホスティングには Netlify を利用しています。 この投稿では Hugo でサイトを作成する際の基本的な操作と、このサイトで行ったカスタマイズの内容を記しておきます。 Hugo サイトの作成 Hugo の基本的な使い方は公式ドキュメントの Quick Start などに書かれているのでここでは簡単に記します
すでに Middleman のプロジェクトがある場合,サンプルの index.html, tag.html, calendar.html や feed.xml, を作る必要があるため, blog テンプレートオプションとともに Middleman init を 再実行するか, 自分でファイルを作ってください。何が作られるか は GitHub で確認できます。 ブログ拡張にはたくさんの設定オプションがあります。プレビューサーバを起動し http://localhost:4567/__middleman/config/ にアクセスするとすべてのオプションが 確認できます。 記事 Middleman 自体がそうであるように, ブログ拡張は個別ファイルにフォーカスしています。 それぞれの記事はファイルごとに好きなテンプレート言語を使用できます。 記事のデフォルトのファイル名構造は {year}-{
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く