Hugo on shimoju.diary

Hugo PaperModにBlueskyのアイコンを追加した

Sun, 07 Jan 2024 23:37:25 +0900

あけましておめでとうございます。最近はBlueskyでひたすらゲームの話をしています。

ということで今年の書き初め、もとい新年初Pull RequestはBlueskyにかかわるもの。このブログで利用しているHugo PaperModテーマにBlueskyのアイコンを追加しました。

実際に設置するとこんな感じ。めっちゃええやん。

上のように、Hugo PaperModにはトップページに簡単なプロフィールを掲載できる機能があり、そこに各種SNSへのアイコン付きリンクを設置できます。各サービスのアイコンはライトモード・ダークモード両対応のため、色の指定にcurrentcolorキーワードを用いたSVGとしてリポジトリに格納されており、現在のcolorプロパティの値に応じて色を切り替えられるようになっています。したがってすべてのアイコンは単色で表現されます。

Sun, 02 Jul 2023 14:21:50 +0900

このブログではHugoのテーマとしてadityatelange/hugo-PaperModを利用している。

以前書いたToDoで、<ul><li><ul>のようにリストをネストしたとき、子要素のulにmargin-bottomが適用されて、マージンが不揃いになってしまうのが気になっていたので直した。

.post-content li ol,
.post-content li ul {
 margin-bottom: 0;
}

これで、ネストしたリストでもマージンが揃っていい感じになった。

本家にコントリビュートしようとしたところ、Pull Requestを送る前にIssueで議論する雰囲気っぽかったのでIssueをしたためた。これはバグなのか？って感じはするけど、テンプレートがあるしひとまずBugとして報告してみた。

Thu, 22 Jun 2023 22:38:09 +0900

このブログはNode.js製の静的サイトジェネレーターであるHexoで作っていたけど、放置しすぎて（最新の記事が3年前…）Node.jsやnpmがだいぶ古くなっており、アップデートが面倒な状態になっていた。

最近はScrapboxにシュッと書いてしまうことが多いものの、やっぱりすべてをコントロールできる自分のサイトを持ちたいよなーということで作り直した。

前回の構築時にも比較に上がっていたHugoを採用。

以前と比べて、Markdownとアセットをまとめて管理できるPage Bundles機能などが追加されて順調に進化していることや、Hexoから大きくディレクトリ構成やfront-matterを変えなくてもよかったのが理由。