仲間内の登山・ハイキングチームのウェブサイトです。
static/slides/ フォルダに画像ファイル(JPG/PNG)を追加すればOK。
あとはmainブランチにプッシュすれば自動的にビルドが始まって、画像が配置されるはず。
VSSのインストール:
make setup-winPillowのインストール:
py -3 -m pip install Pillow1. 画像を最適化:
make resize-images-win2. サイトをビルド:
make build-win開発サーバーの起動:
make serve-win使用技術:
- 静的サイトジェネレーター: VSS
- ホスティング: GitHub Pages
画像リサイズスクリプト (resize-images.py):
- 横幅2000ピクセルにリサイズ(アスペクト比維持)
- JPEG品質85%で最適化
- 元の画像を
static/slides/originals/に自動バックアップ - 処理履歴を
static/slides/.processed_images.jsonに記録 - 既に処理済みの画像は自動スキップ(二重処理防止)
.
├── index.md # トップページ
├── layouts/
│ └── default.html # メインレイアウト
├── static/
│ ├── css/ # スタイルシート
│ ├── js/ # JavaScript
│ └── slides/ # スライド画像
│ └── originals/ # バックアップ(元画像)
├── generate-slides-list.js # スライドリスト生成スクリプト
├── resize-images.py # 画像リサイズスクリプト
└── Makefile # ビルドコマンド