2024-12-19

このブログを支える技術

このブログは、#力強くアウトプットする日 企画で書いた記事です。

インフラは GitHub Pages

GitHub Pages では、既定で Jekyll を使用してサイトをビルドします。

にある通り、ほぼデフォルトの GitHub Actions に任せています。テーマは、シンプルでいいなと思った、forever-jekyllを使っています。記事は、/_posts 以下に Markdown ファイルで管理しています。

メンテが大変にならないように、気軽にブログを書けるように、なるべく依存が増えないようにシンプルにしたいなと思ってこうしています。

細かい UI で追加したライブラリ

シンプル構成だと UI の機能が限られるので、そういったところは JavaScript で補完しています。以下に追加したやつを並べていきます。

glightbox

画像をクリックすると拡大したりカルーセル表示ができるライブラリ。例えば ↓

image

disqus

コメントとか反応をもらえるやつ。これです!↓ 分かりやすいように枠で囲んでいます。

Microlink.js

リンク内容を、ツイッターに貼ったときみたいにリッチに表示できるやつ。例えば ↓(Twitter のプロフ貼るとこんな長くなるのは知らなかった)

このイベントを企画してくださったとみおさん。(ありがとうございます!)


以上が、2024 年末時点での、このブログを支える技術でした!

 
 Date: December 19, 2024
 Tags: 

Previous:
⏪ またハッカソンに出て、2位になった

Next:
ベストバイ2024 ⏩