Hugo静的ブログを構築する（構築編）

2024年10月12日#建站154

AI 翻訳

この記事はAIを通じて中国語から日本語に翻訳されました。原文を表示

AI が生成した要約

タイトル: "Hugo静的ブログの構築" 日付: 2024-10-13 著者: Jask タグ: 建站 1. 準備作業 - HugoとGitを用意する。 2. サイトの構築 - 新しいHugoサイトを作成: `hugo new site your-blog-site` - ディレクトリ構成を整える。 3. テーマの変更 - テーマファイルを`themes`フォルダに追加。 - `hugo.toml`に設定を追加。 4. ページの新規作成 - `content`フォルダに`archive.md`を作成。 5. 記事の新規作成 - Gitで新しい記事を作成: `hugo new /content/posts/the-first-post.md` 6. サイトをローカルでデプロイ - コマンド: `hugo server -D`

1. 準備作業#

hugo
Git

2. サイトの構築#

新しい Hugo サイトを作成：hugo new site your-blog-site

ディレクトリ構造はこのようになります：

---archetypes

---assets

---content

---date

---i18n

---layout

---static

---themes

---hugo.toml

3. テーマの変更#

テーマファイルをthemesにドラッグします

hugo.toml に以下のコードを追加します：

baseURL = "https://your-site.com"
title = "your-site-name"
languageCode = "en-us"
theme = "name"#テーマフォルダ名はこれと一致する必要があります

4. ページの新規作成#

content 内にarchive.mdを新規作成します

title: "アーカイブ"
layout: "archives"
url: "/archives/"
summary: アーカイブ

5. 記事の新規作成#

git に入力

hugo new /content/posts/the-first-post.md

6. サイトをローカルにデプロイ#

hugo server -D