テーマガイド
この記事では hugo-trainsh の描画機能を紹介します——見出し、コード、テーブル、図、数式、画像など。
3つのテーマモード
ヘッダーのトグルボタンで順に切り替えます：
- レトロ (ゲームパッド) — NES ディープブルー背景、ピクセルフォント見出し、8-bit ダイアログ枠
- ライト (太陽) — すっきりしたモダン配色
- ダーク (月) — 夜間の閲覧に最適
テキスト
通常の Markdown がそのまま使えます。太字はレトロモードでゴールドに、斜体も問題なく表示されます。任意のリンクもテーマに合わせてスタイルが変わります。
引用ブロックはレトロモードでシアンの枠が付き、長い記事でもすぐ見分けがつきます。
コード
フェンスコードブロックにはシンタックスハイライト、コピーボタン、ソフトラップが付きます：
from datetime import date
def greet(name: str) -> str:
return f"こんにちは、{name}！今日は {date.today()} です。"
print(greet("世界"))hugo server のようなインラインコードもスタイル付きです。
テーブル
| コマンド | 説明 |
|---|---|
hugo server | ローカル開発サーバーを起動 |
hugo | 静的サイトをビルド |
hugo new posts/hello.md | 新しい記事を作成 |
図表
Mermaid 図表はインラインで描画されます：
graph LR
A[執筆] --> B[ビルド]
B --> C{テスト}
C -->|合格| D[デプロイ]
C -->|不合格| A
数式
$$E = mc^2$$
画像
クリックでライトボックスが開きます：
