Hugoでmainroadのテーマを使ってブログを作成してみた

Web
p-nasi
Page content

必要な知識

  • git
  • Hugo
    • テーマ:mainroad
    • hugo.toml
  • Markdown記法

AIに聞けば意外と色々知ってるから積極的に使うと楽(たまに外れるけど)

Hugoの導入

1. Hugoをインストール

mac | linux

$ brew install hugo

windows

> winget install Hugo.Hugo.Extended

プロジェクトを作成

1.新しくmyblog(好きな名前にしてよい)を作成

$ hugo new site myblog

すると沢山フォルダが出てきます。

2.リポジトリを作る

$ git init
# あとでaddしてコミットしてもよい

3.テーマをインストール

$ git submodule add https://github.com/Vimux/Mainroad.git themes/mainroad

4.hugo.tomlを編集

theme = "mainroad"

を追加

5.ローカルで実行してみる

$ hugo server

使う

publicフォルダをサーバーにアップロードすると静的サイトができる

baseof.html

https://github.com/Vimux/Mainroad/blob/master/layouts/_default/baseof.html