あけましておめでとうございます。 最近はBlueskyでひたすらゲームの話をしています。 ということで今年の書き初め、もとい新年初Pull RequestはBlueskyにかかわるもの。 このブログで利用しているHugo PaperModテーマにBlueskyのアイコンを追加しました。 実際に設置するとこんな感じ。めっちゃええやん。 上のように、Hugo PaperModにはトップページに簡単なプロフィールを掲載できる機能があり、そこに各種SNSへのアイコン付きリンクを設置できます。 各サービスのアイコンはライトモード・ダークモード両対応のため、色の指定にcurrentcolorキーワードを用いたSVGとしてリポジトリに格納されており、現在のcolorプロパティの値に応じて色を切り替えられるようになっています。 したがってすべてのアイコンは単色で表現されます。 ...
このブログではHugoのテーマとしてadityatelange/hugo-PaperModを利用している。 以前書いたToDoで、<ul><li><ul>のようにリストをネストしたとき、子要素のulにmargin-bottomが適用されて、マージンが不揃いになってしまうのが気になっていたので直した。 もともと.post-content内のul,ol要素にmargin-bottomが指定されているため、以下のCSSをカスタムCSSとして記述する。 .post-content li ol, .post-content li ul { margin-bottom: 0; } これで、ネストしたリストでもマージンが揃っていい感じになった。 A B C D E 本家にコントリビュートしようとしたところ、Pull Requestを送る前にIssueで議論する雰囲気っぽかったのでIssueをしたためた。 これはバグなのか？って感じはするけど、テンプレートがあるしひとまずBugとして報告してみた。 ...
このブログはNode.js製の静的サイトジェネレーターであるHexoで作っていたけど、放置しすぎて（最新の記事が3年前…）Node.jsやnpmがだいぶ古くなっており、アップデートが面倒な状態になっていた。 最近はScrapboxにシュッと書いてしまうことが多いものの、やっぱりすべてをコントロールできる自分のサイトを持ちたいよなーということで作り直した。 静的サイトジェネレーター 前回の構築時にも比較に上がっていたHugoを採用。 以前と比べて、Markdownとアセットをまとめて管理できるPage Bundles機能などが追加されて順調に進化していることや、Hexoから大きくディレクトリ構成やfront-matterを変えなくてもよかったのが理由。 ...