Markdown Hugo 使い方完全ガイド:初心者が押さえるべきポイント

Go言語で開発されたHugo(ヒューゴ)は、世界最速を誇る静的サイトジェネレーターです。数千ページに及ぶMarkdown文書もわずか数ミリ秒でHTMLにビルドできます。

ブログや技術ドキュメントサイトを自作したい人にとって、HugoとMarkdownの組み合わせは最良の選択肢の一つです。本ガイドでは、HugoにおけるMarkdown記事の作成からテンプレート管理、デプロイまでの基本手順を解説します。

Hugoサイトの基本作成フロー

# 1. サイトの新規作成
hugo new site my-hugo-blog

# 2. テーマの追加
cd my-hugo-blog
git init
git submodule add https://github.com/theNewDynamic/gohugo-theme-ananke.git themes/ananke

# 3. 新規記事Markdownの作成
hugo new posts/first-post.md

Front Matter(TOML / YAML)の設定

Hugoでは記事のメタデータをTOML(+++)またはYAML(---)で記述します。

+++
title = "HugoでMarkdownを使いこなす完全ガイド"
date = 2026-08-19T10:00:00+09:00
draft = false
tags = ["Hugo", "Markdown", "SSG"]
categories = ["Tech"]
+++

## 本文の開始
Hugoの標準レンダラーであるGoldmarkにより、標準的なGFM(GitHub Flavored Markdown)が利用可能です。

Shortcode(ショートコード)で広がる表現力

Hugo独自のShortcodeを使えば、Markdown本文内にYouTube動画やツイート、ハイライト表示などを簡単に埋め込めます。

{{ youtube w7Ft2ymGmfc >}}

コメントを残す

メールアドレスが公開されることはありません。 ※ が付いている欄は必須項目です