astro theme cody
v2.0.0
用 Astro 建構的極簡部落格主題。適合任何想要創建自己的部落格的人的快速而簡單的入門構建。
查看示範·報告錯誤·請求功能
動機
主要特點
示範
快速入門
命令
配置您的網站
網站配置、社交媒體鏈接和導航欄鏈接
新增貼文和項目
多語言支援
部署
額外功能
信用
儘管已經有很多部落格主題，但我想要一個能夠散發出終端/開發氛圍以及其他主題沒有的一些功能的主題。
Astro v4 快速
TailwindCSS 實用工具類
可存取的語意 HTML 標記
響應式且適合 SEO
多語言支援
暗/亮模式，使用 Tailwind 和 CSS 變量
固定的貼文和項目
Astro 資產整合可優化影像
MD 和 MDX 帖子
分頁
自動 RSS 提要
自動產生的網站地圖
Astro Icon svg 圖示組件
返回頂部按鈕
在這裡查看演示。
從此模板建立一個新的儲存庫。
# npm 7+ npm create astro@latest -- --template kirontoo/astro-theme-cody # pnpm pnpm dlx create-astro --template kirontoo/astro-theme-cody
（回到頂部）
所有命令都從專案的根目錄的終端運行：
| 命令 | 行動 |
|---|---|
pnpm install | 安裝依賴項 |
pnpm run dev | 在localhost:4321啟動本機開發伺服器 |
pnpm run build | 將您的生產網站建置到./dist/ |
pnpm run preview | 在部署之前在本地預覽您的構建 |
pnpm run astro ... | 執行 CLI 指令，例如astro add 、 astro check |
pnpm run astro -- --help | 使用 Astro CLI 取得協助 |
（回到頂部）
您的網站配置、社群媒體連結和導覽列連結都放置在src/consts.ts 。您可以在其中配置網站的預設標題、描述、語言、個人資料、社交媒體連結和可見的導覽列連結。
該主題利用 Content Collections 來組織 Markdown 和/或 MDX 文件，並使用 schema -> src/content/config.ts對 frontmatter 進行類型檢查。
您可以在src/content/blog中找到部落格文章的範例，在src/content/project中找到專案的範例。
| 屬性（* = 必填） | 描述 |
|---|---|
| 標題 * | 您貼文的標題。最多限制 150 個字符 |
| 描述 * | 您的貼文的簡短描述，也將用於搜尋引擎優化。最大長度為 250 個字元。 |
| 發布日期 * | 發表日期 |
| 更新日期 | 表示貼文更新時間的可選日期。請注意，將使用此日期而不是發布日期來訂購帖子（如果有）。 |
| 英雄形象 | 您發布的可選封面圖片。包括src和alt屬性。檢查src/content/blog/first-post.md的範例。 |
| 影像 | 用於 SEO 的可選圖像。 |
| 標籤 | 使用可選標籤將您的貼文組織為類別或主題。所有標籤都將顯示在yourdomain.com/tags中。 |
| 系列 | 使用可選系列將您的帖子組織成一系列帖子。所有系列都將顯示在yourdomain.com/series中。 |
| 草稿 | 可選布林值。刪除已發佈的貼文。 |
| 命令 | 1 - 5 之間的可選數值，用於將某些帖子固定到頂部。限 5 個固定帖子 |
| 隱藏 | 可選布林值。隱藏/blog頁面上的貼文。仍會出現在/archive中 |
| 屬性（* = 必填） | 描述 |
|---|---|
| 標題 * | 您的項目的標題。最多限制 150 個字符 |
| 描述 * | 您項目的簡短描述，也將用於 SEO。 |
| 發布日期 * | 發表日期 |
| 英雄形象 | 您商品的可選封面圖片。包括src和alt屬性。檢查src/pages/projects/project-1.md以取得範例。 |
| 影像 | 用於 SEO 的可選圖像。 |
| 堆 * | 您的項目使用的技術清單將呈現為圖示。主題使用 SVG Logos 庫，您可以使用 icones.js.org 找到您需要的圖示。 |
| 平台 | 連結到網站或演示 |
| 網站 | 連結到網站或演示 |
| github | 您的 github 存儲庫鏈接 |
| 草稿 | 可選布林值。刪除已發佈的項目。 |
| 命令 | 1 - 5 之間的可選數值，用於將某些項目固定到頂部。限 5 個固定帖子 |
（回到頂部）
請參閱 wiki 為您的部落格設定多語言支援。
Astro 提供了在各種平台上部署 Astro 網站的優秀文件。你可以在這裡找到它。
查看 Astro Recipes 以新增其他功能，例如 RSS 提要。
主題基於 Astro Cactus 和 Hugo Risotto 主題。
（回到頂部）
