Shyield
2026-02-23 19:15:24最終更新日から %s 以上が経過しています。
内容が古くなっている可能性があるのでご注意ください。
内容が古くなっている可能性があるのでご注意ください。
ShieldsIO を使ったバッジ作成を補助するツール
ものすごくセンスのないページデザインで申し訳ないです…
使い方
アプリページの右に、とっかかりになる例をいくつか載せていますので、そちらをクリックしてから編集を始めてください。
編集が済んだら、 をクリックすると、ShieldsIO が生成した画像が下枠内に表示されます。
その後、その画像を保存するなり、更にその下にある画像URLをコピペするなりします。
なお、ブラウザのURLバーには、 をクリックした時点での編集内容が含まれています。
自分オリジナルの雛形を保存したい場合は、ブックマークしてください。
留意事項
このアプリは、あくまでも手作業でバッジを作成するのを補助するためのツールです。
動的に内容を変えたい場合は、ShieldsIO ☐↗ を参照してください。
- 📄 Hugo テーマ 9. Pagefind でサイト内検索機能を付ける2026-06-15 00:11:30静的なインデックスを使った検索 UI を提供する Pagefind を組み込みます。
- 📄 Hugo テーマ 8. Shortcodes と Render hooks2026-06-15 00:11:30Markdown で記述したコンテンツ (テーマの利用側) に対して Hugo が用意した HTML 変換の仕組みを解説します。
- 📄 Hugo テーマ 7. layouts/baseof.html をいじる2026-06-15 00:11:30サイト全体に共通する、ページのレイアウト定義を編集します。
- 📄 Hugo テーマ 6. layouts/home.html をいじる2026-06-15 00:11:30トップページのレイアウト定義を編集します。
- 📄 Hugo テーマ 5. layouts/section.html をいじる2026-06-15 00:11:30content 内のディレクトリーに対応するレイアウト定義を編集します。
- 📄 Hugo テーマ 4. layouts/page.html をいじる2026-06-15 00:11:30コンテンツに対応するページのレイアウトを編集します。
- 📄 Hugo テーマ 3. 作られたファイル2026-06-15 00:11:30前回作ったテーマを構成するファイルを解説します。
- 📄 Hugo テーマ 2. まずは作ってみる2026-06-15 00:11:30テーマを作りプロジェクトに適用するところまでを解説します。
- 📄 Hugo テーマ 1. はじめに2026-06-15 00:11:30連載「Hugo テーマ」を行う背景とその方針を説明します。
- 📄 vvin2026-05-30 16:58:07Windows のウィンドウサイズを操作する CLI アプリ