hinshiba.net

ZolaとCloudflare Tunnelを用いて自宅サーバでポートフォリオサイトをホスティング

ZolaとCloudflare Tunnelを用いて自宅サーバでポートフォリオサイトをホスティング

SetoryでLTしました

技術スタック

概要

このサイト hinshiba.net 自体の構成についてです.

サイトは Rust 製の静的サイトジェネレータ Zola で生成しています.Node.js やパッケージマネージャは使わず,Zola 単体で Markdown のコンテンツ,テンプレート,Sass のコンパイルまでを完結させています.制作物の一覧や経歴,リンク集はテンプレートとデータファイルから生成しており,記事を追加するだけでトップページにも反映されます.スタイルは CSS 変数でテーマを管理しており,OS の設定に合わせたダークモードにも対応しています.

また,自作言語 namep の処理系を Emscripten で WebAssembly にコンパイルし,ブラウザ上で実行できるプレイグラウンドとして公開しています.

公開は自宅のミニPC で行っており,Cloudflare Tunnel を経由することでルータのポート開放をせずに外部へ公開しています.

この構成については Setory で LT を行いました.

外部リンク