ZolaとCloudflare Tunnelを用いて自宅サーバでポートフォリオサイトをホスティング
SetoryでLTしました
技術スタック
- 言語: HTML5
- 言語: SCSS
- 言語: Rust
- ライブラリ: Axum
- インフラ: Cloudflare Tunnel
概要
このサイト hinshiba.net 自体の構成についてです.
サイトは Rust 製の静的サイトジェネレータ Zola で生成しています.Node.js やパッケージマネージャは使わず,Zola 単体で Markdown のコンテンツ,テンプレート,Sass のコンパイルまでを完結させています.制作物の一覧や経歴,リンク集はテンプレートとデータファイルから生成しており,記事を追加するだけでトップページにも反映されます.スタイルは CSS 変数でテーマを管理しており,OS の設定に合わせたダークモードにも対応しています.
また,自作言語 namep の処理系を Emscripten で WebAssembly にコンパイルし,ブラウザ上で実行できるプレイグラウンドとして公開しています.
公開は自宅のミニPC で行っており,Cloudflare Tunnel を経由することでルータのポート開放をせずに外部へ公開しています.
この構成については Setory で LT を行いました.