歡迎來到徐風沐雨
發佈於 | 分類於 生活
妳好，世界
徐風從容，沐雨前行。
這個博客使用 VitePress 搭建，搭配朝華標題字體，以繁體中文書寫，記錄技術與生活的點滴。
基本信息
| 項目 | 內容 |
|---|---|
| 名稱 | 徐風沐雨 |
| 地址 | https://xuguopeng.com |
| 線上預覽 | https://xufengmuyu.pages.dev |
| 技術棧 | VitePress + Vue 3 + TypeScript + UnoCSS |
| 字體 | 朝華標題（ZhaohuaMinA）via ZeoSeven CDN |
| 語言 | 繁體中文 |
| 源碼 | Fork 自 ShyMean |
| 部署方式 | Cloudflare Pages（Wrangler CLI 一鍵部署） |
項目結構
shymean-blog/
├── .vitepress/ # VitePress 配置
│ ├── config.mts # 站點配置（標題、字體CDN、插件等）
│ └── theme/ # 主題入口
├── data/ # 元數據（自動生成）
│ ├── meta.json # 文章列表（含分類、標籤、摘要）
│ ├── archive.json # 分類和標籤歸檔
│ └── pathRewrites.json # 路徑重寫映射
├── scripts/ # 構建腳本
├── theme/ # 自定義主題
│ ├── fonts.scss # 字體變量定義
│ ├── global.scss # 全局樣式
│ ├── layout/ # 佈局組件（Header / Footer / Article 等）
│ └── components/ # 通用組件（Appreciate / SwitchDark 等）
├── views/ # 頁面（Markdown）
│ ├── index.md # 首頁
│ ├── about.md # 關於頁
│ ├── tags.md # 標籤頁
│ ├── archive.md # 歸檔頁
│ └── article/ # 文章目錄
└── package.json字體方案
| 字段 | 值 |
|---|---|
| CSS 變量 | --font-main: 'ZhaohuaMinA', serif; |
| 字體名稱 | 朝華標題（ZhaohuaMinA） |
| 作者 | 特里王 |
| CDN | ZeoSeven Fonts |
全局統一使用 var(--font-main)，覆蓋：body、標題 h1-h4、站名、導航、鏈接。
品牌信息
- 站名：徐風沐雨
- 標語：徐風從容，沐雨前行
- 域名：xuguopeng.com
- 公眾號：徐風沐雨
- Github：https://github.com/xuguopeng
文章列表
| # | 標題 | 分類 | 標籤 |
|---|---|---|---|
| 1 | 歡迎來到徐風沐雨 | 生活 | 隨筆 |
| 2 | 每天學一點-flutter篇 | Flutter | Flutter, 跨平台, 學習記錄 |
| 3 | 個人博客快速自動部署到自己的服務器 | Code | GitHub Actions, 自動部署, 雲服務器 |
| 4 | Ai的作用 | 生活 | AI, 開發 |
| 5 | vuepress 博客搭建 | Code | 博客, VitePress |
| 6 | Astro主題-優雅的vhAstro-Theme | Code | Astro, 主題, 博客 |
| 7 | HanAnalytics 訪問分析 Web 統計 | Code | HanAnalytics, 網站分析 |
| 8 | 驟雨重山無限存儲圖床 | Code | Cloudflare Pages, 免費圖床 |
| 9 | 使用flutter編寫一款APP | Flutter | 提升 |
| 10 | ios證書更換 | Code | ios, 證書 |
| 11 | 自我管理的十大習慣 | 生活 | 自我管理, 提升 |
部署流程
執行 npm run deploy 即可一鍵上線，命令會自動：
node scripts/metadata.js— 掃描文章目錄生成元數據vitepress build— 構建靜態站點wrangler pages deploy— 推送到 Cloudflare Pages
寫新文章流程
- 在
views/article/下新建.md文件 - 填寫 frontmatter：
yaml
---
title: 文章標題
date: 2026-05-08 10:00:00
categories: [分類名]
tags: [標籤1, 標籤2]
---- 撰寫正文（繁體中文）
- 執行
npm run deploy上線
關鍵文件速查
| 要改什麼 | 改哪個文件 |
|---|---|
| 站名/標語 | .vitepress/config.mts |
| 字體 | theme/global.scss 的 --font-main |
| 導航欄 | theme/layout/Header.vue |
| 頁腳 | theme/layout/Footer.vue |
| 關於頁 | views/about.md |
| 文章詳情頁 | theme/layout/Article.vue |
| 首頁列表 | theme/layout/ArticleFeed.vue |
| 文章摘要邏輯 | scripts/hexo2json.js |
| 全站顏色變量 | theme/global.scss 的 :root |
開發日誌
- 2026-05-07: Fork ShyMean 項目，完成品牌定制和字體配置
- 2026-05-07: 字體從馬善政 → 霞鶩文楷 → LXGW WenKai TC → 朝華標題
- 2026-05-07: 全站簡體轉繁體中文
- 2026-05-08: 部署到 Cloudflare Pages，項目名 xufengmuyu
- 2026-05-08: 修復分類逐字拆開 bug，補全所有文章分類和摘要
- 2026-05-08: 更新「歡迎來到徐風沐雨」文章內容
覺得有用？請我喝杯咖啡 ☕
如果文章對你有幫助，歡迎支持一下~
