[{"data":1,"prerenderedAt":116},["ShallowReactive",2],{"article:\u002Farticles\u002F2026-07-27-astrooss":3,"i-simple-icons:x":106,"i-simple-icons:facebook":110,"i-simple-icons:misskey":112,"i-simple-icons:hatenabookmark":114},{"id":4,"title":5,"artwork":6,"body":7,"createdAt":90,"description":13,"draft":91,"extension":92,"kind":93,"locale":94,"meta":95,"navigation":98,"path":99,"seo":100,"stem":101,"tags":102,"thumbnail":104,"__hash__":105},"posts\u002Farticles\u002F2026-07-27-自分のブログのためにAstroテーマを書いてOSS化した.md","自分のブログのためにAstroテーマを書いてOSS化した","orbit",{"type":8,"value":9,"toc":81},"minimark",[10,14,17,21,32,40,43,46,49,55,58,65,69,72,75,78],[11,12,13],"p",{},"結構な頻度でデザインが変わるamase.ccですが、そろそろ再設計癖を克服したくなったのでブログ専用のテーマを最近慣れてきたAstroで自作することにしました。",[11,15,16],{},"基本的に技術系の話はQiitaとかZenn等に置くつもりだったのですが、せっかくなのでこの記事だけはこのWebサイトで書いてみたかったのでここに書き残そうと思います。",[18,19,20],"h2",{"id":20},"このテーマについて",[11,22,23,24,31],{},"まず、このテーマは",[25,26,30],"a",{"href":27,"rel":28},"https:\u002F\u002Fgithub.com\u002Fc0ffee-dev\u002Fastro-shelf",[29],"nofollow","Astro-Shelf","という名前でMITライセンスのテンプレートとして公開しています。",[11,33,34,35,39],{},"元々はTypewriterという名前だったのですが (",[36,37,38],"code",{},"tw.amase.cc","のtwはその名残)、既存のコンポーネントと名前がかぶったりするのでShelfに改名しました。",[18,41,42],{"id":42},"デザイン",[11,44,45],{},"何となく読みやすそうなデザインにしました。特に意識して参考にしたような他のテーマはない...はずです。 (デザイン下手なりに頑張った結果です)",[11,47,48],{},"Shelfテーマは後述するように多言語対応の簡単さを重視した設計なので、フォント自体も簡単に変更できます。",[11,50,51,52,54],{},"ただし、テンプレートとそれをそのまま使用している",[36,53,38],{},"ではフォントはNoto Sans CJKとInterを使用していますが、これはそのうち変えるつもりです。",[18,56,57],{"id":57},"多言語対応",[11,59,60,61,64],{},"一応Astro-Shelfは多言語対応を前提にした設計になっていて、ユーザーが任意の言語に対応させたい場合は言語用の翻訳ファイルを追加して",[36,62,63],{},"src\u002Fi18n\u002Fconfig.ts","で読み込むようにすればその言語を有効化できるようになっています。",[18,66,68],{"id":67},"capella独自の改造","Capella独自の改造",[11,70,71],{},"実は、_capella.txtが用いているShelfテーマは多少改造されたものだったりします。Misskey APIを使用したコメント機能等を実装していたりする程度ですが... (Shelfテーマでコメント対応する際はiframeを使う予定です)",[18,73,74],{"id":74},"最後に",[11,76,77],{},"最初に書いたとおり、このテーマはOSSなので使ってみたい方はここから試してみてください！",[79,80],"link-card",{"href":27},{"title":82,"searchDepth":83,"depth":83,"links":84},"",2,[85,86,87,88,89],{"id":20,"depth":83,"text":20},{"id":42,"depth":83,"text":42},{"id":57,"depth":83,"text":57},{"id":67,"depth":83,"text":68},{"id":74,"depth":83,"text":74},"2026-07-27",false,"md","article","ja",{"misskeyNote":96},{"url":97},"https:\u002F\u002Fmsk.amase.cc\u002Fnotes\u002Fap77t8vqzdcm00ft",true,"\u002Farticles\u002F2026-07-27-astrooss",{"title":5,"description":13},"articles\u002F2026-07-27-自分のブログのためにAstroテーマを書いてOSS化した",[103],"Astro","https:\u002F\u002Ftw-assets.amase.cc\u002Fmedia\u002Fogp\u002Fastro-shelf-528d703f18e2a10d.webp","zjx7H6pPhcFsLd6Xeif5nZxPS_2ioxFhnCIyDdhGkmE",{"left":107,"top":107,"width":108,"height":108,"rotate":107,"vFlip":91,"hFlip":91,"body":109},0,24,"\u003Cpath fill=\"currentColor\" d=\"M14.234 10.162L22.977 0h-2.072l-7.591 8.824L7.251 0H.258l9.168 13.343L.258 24H2.33l8.016-9.318L16.749 24h6.993zm-2.837 3.299l-.929-1.329L3.076 1.56h3.182l5.965 8.532l.929 1.329l7.754 11.09h-3.182z\"\u002F>",{"left":107,"top":107,"width":108,"height":108,"rotate":107,"vFlip":91,"hFlip":91,"body":111},"\u003Cpath fill=\"currentColor\" d=\"M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978c.401 0 .955.042 1.468.103a9 9 0 0 1 1.141.195v3.325a9 9 0 0 0-.653-.036a27 27 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.7 1.7 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103l-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647\"\u002F>",{"left":107,"top":107,"width":108,"height":108,"rotate":107,"vFlip":91,"hFlip":91,"body":113},"\u003Cpath fill=\"currentColor\" d=\"M8.91 16.892c-1.039.003-1.931-.63-2.352-1.366c-.225-.322-.67-.437-.676 0v2.014q0 1.215-.876 2.1q-.85.86-2.078.86q-1.2 0-2.077-.86A2.93 2.93 0 0 1 0 17.54V6.46q0-.936.526-1.695a2.86 2.86 0 0 1 1.402-1.088a2.9 2.9 0 0 1 1-.177q1.353 0 2.253 1.063l2.997 3.515c.067.05.263.437.732.437c.47 0 .692-.386.758-.437l2.972-3.515Q13.567 3.5 14.918 3.5q.501 0 1.001.177a2.73 2.73 0 0 1 1.377 1.088q.55.758.55 1.695v11.08q0 1.215-.875 2.1q-.852.86-2.078.86q-1.201 0-2.078-.86a2.93 2.93 0 0 1-.85-2.1v-2.014c-.05-.55-.531-.204-.702 0c-.45.843-1.313 1.361-2.352 1.366M21.448 8.61q-1.05 0-1.802-.733q-.726-.759-.726-1.822c0-1.063.242-1.307.726-1.796a2.44 2.44 0 0 1 1.802-.758q1.05 0 1.803.758q.75.735.75 1.796q0 1.063-.75 1.822q-.751.732-1.803.733m.025.507q1.05 0 1.777.758q.75.759.751 1.822v6.248q0 1.064-.75 1.821a2.4 2.4 0 0 1-1.778.734q-1.05 0-1.802-.733a2.5 2.5 0 0 1-.75-1.822v-6.248a2.5 2.5 0 0 1 .75-1.822a2.44 2.44 0 0 1 1.802-.758\"\u002F>",{"left":107,"top":107,"width":108,"height":108,"rotate":107,"vFlip":91,"hFlip":91,"body":115},"\u003Cpath fill=\"currentColor\" d=\"M20.47 0A3.53 3.53 0 0 1 24 3.53v16.94A3.53 3.53 0 0 1 20.47 24H3.53A3.53 3.53 0 0 1 0 20.47V3.53A3.53 3.53 0 0 1 3.53 0zm-3.705 14.47a1.412 1.412 0 0 0 0 2.824c.78 0 1.41-.645 1.41-1.425s-.63-1.41-1.41-1.41zM8.61 17.247c1.2 0 2.056-.042 2.58-.12c.526-.084.976-.222 1.32-.412c.45-.232.78-.564 1.02-.99s.36-.915.36-1.48q0-1.17-.63-1.87c-.42-.48-.99-.734-1.74-.794c.66-.18 1.156-.45 1.456-.81c.315-.344.465-.824.465-1.424c0-.48-.103-.885-.3-1.26a2.34 2.34 0 0 0-.883-.87c-.345-.195-.735-.315-1.215-.405c-.464-.074-1.29-.12-2.474-.12H5.654v10.486H8.61zm.736-4.185q1.058 0 1.44.262c.27.18.39.495.39.93c0 .405-.135.69-.42.855c-.27.18-.765.254-1.44.254H8.31v-2.297h1.05zm8.656.706v-7.06h-2.46v7.06H18zM8.925 9.08q1.063 0 1.432.24q.367.239.367.83q0 .569-.39.804q-.396.231-1.452.232h-.57V9.08h.615z\"\u002F>",1792788618561]