413 字
2 分鐘
遷移到fuwari
關於Fuwari這個框架
工具歸工具，苓膏龜苓膏。
Fuwari使用Astro + TailwindCSS製作而成。
選擇Fuwari有什麼好處 ?
Fuwari的配置很適合ACG文化的人使用，清晰可愛是它的特徵，同時也具有不輸其他Blog框架的UI/UX交互感，在這篇文章中會詳細介紹如何下載一份屬於自己的Fuwari，以及如何將它部屬至網際網路上公開。
下載Fuwari到自己的電腦
# npmnpm create fuwari@latest
# yarnyarn create fuwari
# pnpmpnpm create fuwari@latest
# bunbun create fuwari@latest
# denodeno run -A npm:create-fuwari@latest初次設定
<待補上>
修正fuwari錯誤的內容
這個問題在issues上有被討論 https://github.com/saicaca/fuwari/issues/528#issuecomment-3067029979
路徑位置:
src/styles/markdown.css然後補上以下代碼
@import './main.css';這可以確保所有組件和工具類別在build過程中都能使用。
將本地端的Fuwari上傳至GitHub
<待補上>
部屬至Cloudflare & 網域購買
登入/註冊Cloudflare，登入後在左側側邊欄找到”計算和AI” -> “Workers和Pages”，我們將在這裡面登記Blog的Repositories位置。
<待補上>
撰寫新的blog頁面
所有的可控資源內容都在src目錄底下，在content -> posts目錄裡面，每新增一個md檔案都會識別為一篇blog。
發布新的blog頁面
撰寫完blog檔案將新增/修改過的紀錄push上去倉庫，Cloudflare偵測到倉庫有變動後會複製倉庫的檔案重新部屬(詳細的部屬狀況在Cloudflare可以查看)，若一切順利大約20秒的時間就能見到倉庫最新進度帶來的變化。