Astro
- PUBLISHED2026-04-14
ブログを作り直した(1か月ぶり2回目)
やったことのメモ
スタック
- フレームワーク
- テーマ
- ホスティング
- カスタム用のコード書いてくれたAI
プラグイン
- 検索
- Markdownの改行をHTMLの改行にするやつ
- Markdownのwikilinkをよしなにするやつ
使ってる素材
- アイコンのSVG
https://icooon-mono.com/
いきさつ
- にぼしちゃんは文章を書くのにObsidianを使っている
- これはMarkdownというなんか頑張ればHTMLになるテキストファイルで管理している多機能テキストエディタ
- テキストも書き方次第で見出しとか文章装飾ができるしテキストの見た目も機能も改造できる楽しいやつなのだ
- だからどうにかこれで書いた文章をそのままあげらんねえかな……と思って試行錯誤しており、MarkdownそのままHTMLにできる静的サイトジェネレータを試している。
- Obsidianに最適化されたQuartzを使ってgithubのリポジトリに上げると自動でcloudflareに載ってるサイトへビルドしてデプロイしてくれるやつをやってみたらとても便利だったので、気に入っていた。
- 別に全世界に大公開されたところで構わねえしな……と思ってブログだけこういう形にしたんだけど、これいい感じに認証もかけられるらしいので創作サイトもこっちにしてもよかったっぽい。のでぼちぼち移行したい。
- ではなぜAstroに?
- デザインが自由に動かせるから…………
- Quartzは本当〜〜〜に楽なのだが、レイアウトに自由が効かないのが気に入らなかったのだった。
やったこと
- デフォルトサムネイル画像をSVGにする
- 最新更新の記事を表示
- 検索機能を実装
- タグを追加
- アニメーションを自前にする
- ページ管理とサイト管理のリポジトリを分ける
https://zenn.dev/ganariya/articles/deploy-quartz4-with-submodule - ネタバレたたむやつ作る
- リンクカード作る
- このプラグインをCSSで改造したらいい感じになったので事なきをゲットした
- https://blog.okaryo.studio/20250108-release-remark-link-card-plus/
- 局所的にbasic認証をかける
できたもの
かわい〜ねえ〜
「ミルキーウェイ」なので好きな「星めぐりの歌」のことを考えながら作りました。サソリのシルエットロゴがなかったのでエビです。
これからやること
このブログ
- YouTubeの埋め込み
- 関連ポストの表示
- Cosenseみたいにしたい
- タグページを作る
- 更新日時順にする
創作サイト
- cloudflare accessで認証かける
- cloudflare registrarでドメイン買う