My Blog Tweaks | 私のブログで行っている微調整をまとめてみた

Intro This blog uses Hugo , a static site generator, and the theme is PaperMod . I use GitHub Pages for the hosting service. For the sake of notes and introduction, I write down some of the tweaks I made. At first, the motto was KISS, but the tweaking became bloated before long. The code became bloated, but the output was designed to be lightweight. (No unnecessary CSS loading, etc.). This blog is designed to look correct even if JavaScript is disabled. ( for privacy nerds like me :) ) Also, all scripts are downloaded by Makefile and no CDN is used. The repository for this blog is https://github.com/HidegonSan/blog/ . Thanks and Open Source License: https://hidegonsan.github.io/blog/pages/thanks/ Shortcodes Alert Our very own Aditya thinks that a monochrome theme is appropriate for PaperMod, so I followed his lead. The Tabler Icon is...

PaperModでクリック時に画像を拡大する

PaperMod、素晴らしいテーマなのですが、ぼちぼち不満もあります。 そんな不満をHugoのテンプレート機能で解決していこうプロジェクトN記事目になります。 今回やることはタイトルにもある通り、クリック時の画像の拡大です。 自分のブログをスマホから見たときに画像が小さくてわざわざ新規...

PaperModでページネーションをカスタムする方法!

この記事ではPaperModでページネーションをカスタム、数字をつける方法について解説します! このブログではテーマに PaperMod を使用しています。 説明が下手なのですが、PaperModのページネーションは 前のページ/次のページ のような形式です。 しかし、これでは最古のページにジャンプするのが...

PaperModで関連コンテンツを表示する方法!

この記事ではPaperModで関連コンテンツを表示する方法について解説します! このブログではテーマに PaperMod を使用しています。 しかし、PaperModでは関連記事を表示することができません。 そこで今回はHugoのテンプレート機能を使って関連記事を表示させてみました! やり方 まずは関連記事...

Hugoでブログを作った!

Hugoとは Hugoは静的サイトジェネレーターで、高速で簡単にサイトを作成できます。 公式サイト にはこう書かれています。 “ウェブサイトを構築するための世界最速のフレームワーク” 実際、ブログをビルドしてみたのですが、0.1秒もかかりませんでした。(ページが少な...