{
  "$type": "site.standard.document",
  "canonicalUrl": "https://blog.nove-b.dev//posts/create-hugo-blog",
  "description": "Hugo(ヒューゴ)でブログを立ち上げるまでにやったこと",
  "path": "/posts/create-hugo-blog",
  "publishedAt": "2024-02-15T14:30:37.000Z",
  "site": "at://did:plc:2atly2y5kfyjcj5zap6pv4wd/site.standard.publication/3mmxeqr2tcb2k",
  "tags": [
    "blog",
    "hugo"
  ],
  "textContent": "Hugoでこのブログを立ち上げたので、HugoのインストールからGithub Pageで公開するまで。\n\n---\n\n環境\n\n- windws11\n\n---\n\nHugo\n\nそもそもHugoのことをよく知らずに技術選定をしてしまったので、ここでしっかり調べておくことにする。\n\nHugoはGoで記述された静的サイトジェネレータで\n「ウェブサイトを構築するための世界最速のフレームワーク」 らしい。\n\nThe world’s fastest framework for building websites | Hugo\n\n静的サイトジェネレータ\n\n> 静的サイトジェネレーターとは、生（未加工）データとテンプレート群を基に、完全に静的なHTML\n> Webサイトを生成するツールのことです。静的サイトジェネレーターは、基本的に個々のHTMLページをコーディングする作業を自動化し、それらのページをユーザーがすぐに使えるようにします。これらのHTMLページは事前作成されたものであるため、ユーザーはブラウザで即座に読み込むことができます。\n>\n> 静的サイトジェネレーターとは？\n\n上記の通り、事前にHTMLを生成するのでパフォーマンスがいいのがメリットのひとつ。\n\n---\n\nHugoのインストール\n\n公式サイトに詳しい。\nWindowsなのでWindowsのインストール方法通りに行った。\n\nパッケージ管理システムのChocolatey、ScoopとWingetを使うインストール方法が提供されていた。他にも2つインストール方法が記載されている。比較表があるのでわかりやすい。\n\nパッケージ管理システム\n\nちなみにパッケージ管理システムとは、\n\n> コンピュータのプログラムを一貫した方法でインストールやアンインストール、ライブラリなどの依存関係を解決する流れをツールによって管理を自動化するシステム\n\nのこと。\n\nnpmとかComposerとかも言語のパッケージ管理ツールにあたる。\n\nChocolateyが有名っぽいけど、インストール方法がぱっと見わからなかったので、Scoopを使用することにした。\n\n調べるとMacではHomebrew一択っぽい。Windowsではwingetが公式っぽく、インストールも必要なく使えて便利そうだった。\n\nインストール情報をエクスポートすることもできるので、パソコンの買い替え時とかにも重宝できそうだった。\n\nWindowsのパッケージマネージャー「winget」を使ってみた\n\n今思えばwingetにすれば良かったと思うけど、Scoopを選択したので、それで進めていく。\n\nScoopでインストールする\n\n上記コマンドを使用すれば、hugoの拡張版をインストールすることができる。\n\n---\n\nHugoでサイトを構築する\n\nHugoでサイトを構築するのは簡単で、下記コマンドを叩くだけでいい。\n\n上記を実行した後に、\n\nで、サイトを確認することができる。\n\n---\n\nテーマを選んで適応する\n\nHugoは沢山のテーマが提供されている。Wordpressに通ずるものがある。\n\nHugo Themes\n\n今回は一番上にあったPaperModを採用することにした。\n\nhugo-PaperMod\n\nテーマを導入する\n\nサブモジュールって？\n\n> 外部の git リポジトリを、自分の git リポジトリのサブディレクトリとして登録し、特定の commit を参照する仕組み\n\nどういうこと🤔?\n\nとりあえず、上記コマンドでthemesの中にPaperModがインストールされた。\n\n最後にhugo.yamlに\n\nを追加すればテーマが適用される。\n\nできたサイトが🦥 nove-bでリポジトリがこちら。\n\n---",
  "title": "Hugo(ヒューゴ)でブログを立ち上げるまでにやったこと"
}