Hello hugo!!!

Feb 22, 2021 hugo ssg

自分のサイトをやっとこさ作りました😅

hugoにした理由

転職、コロナ禍と目まぐるしく生活が変わったこの1年。ブログ、書かなきゃなと思いつつ、書いてなかったのでやっと。

なんでも書きなぐるような場所としてはScrapBoxを愛用していたけど、最近思っていたこととして、

  • 外部のブログサービスで書くのが気乗りしなくなった
  • せっかくドメイン持ってるし使いたい
  • ScrapBoxがメモ程度のことから日々のことまでグチャグチャしてきた
  • ScrapBoxで時系列追いづらくなってきた

というのがあり、検討した結果hugoに決定しました。

技術的にどうというよりは、気に入ったテーマがシュッと見つかったからという理由。WordPressやGatsubyでも作ったけどテーマが選べずに断念たので。

WordPressと違って管理画面とかなくていいのもいい感じです。

使っているテーマ

テーマはここから探しました。

https://themes.gohugo.io/theme/hugo-clarity

ほとんどデフォルトのまま使用。気に入った点としては、ダークモードの切り替えがあったのと、ブログに使いやすいレイアウト、シンプルなデザイン。

実はこのテーマが曲者で、このあと数時間格闘することになりましたがそれはまた別で書きます。。。

ロゴとかの準備

ロゴは雑にGoogleスライド上で作成した画像をキャプチャして、加工しただけ。しかし画像を普段触らないので調べながらで割と時間がかかってしまった。

テーマにデフォルトで設定されている上部メニューバーのアイコン変更には特に苦戦。縦横比に気をつけないと画像の高さ分だけメニューバーの高さが増えてしまうので、デフォルトの画像に倣って横長のものを用意しないといけなかった。

最初気づかずに、なんかメニューが圧迫感あるな…と思ったら😥

faviconもいろいろ調べて、こんなサイトがあったのでシュッと作った。便利！！ https://realfavicongenerator.net

絵文字対応

テーマで絵文字をオンにできるようになっているので設定した😄 テーマのチュートリアルで絵文字のチートシートが紹介されていて、めちゃ便利なのでついでにメモしておく。