VuePress 知識寶庫：你需要的文件創作解答都在這裡

• .html: html 文件，可包含 vue.js 組件。
• .vue: Vue.js 組件文件，包含模板、腳本和樣式。
• .js: javascript 文件，用於定義 Vue.js 組件的邏輯。
• .css: CSS 文件，用於定義 Vue.js 組件的樣式。

元數據文件

• .toml: 站點配置文件，定義網站設置、佈景主題和頁面內容。
• front-matter: markdown 文件中的 YAML 片段，用於定義頁面元數據，例如標題、描述和標籤。

其他文件

• README.md: 專案的 README 文件，提供專案的簡介和使用說明。
• package.json: 定義專案的依賴項、腳本和其他配置。
• .gitignore: 定義哪些文件應被 git 忽略。

目錄結構

VuePress 採用文件系統路由，頁面和文件組織在特定目錄結構中：

• docs/: 存放 Markdown 文件和前端文件。
• public/: 存放佈景主題的靜態資產。
• themes/: 存放自訂佈景主題。
• .vuepress/: 存放 VuePress 配置。

常見文件和文件夾

• index.md: 首頁 Markdown 文件。
• about.md: 關於頁面 Markdown 文件。
• contact.md: 聯絡頁面 Markdown 文件。
• components/: 存放 Vue.js 組件。
• assets/: 存放自訂資產，例如圖像和圖表。
• node_modules/: 存放安裝的依賴項。

命名慣例

• 文件和目錄應使用連字號分隔單字。
• 使用小寫字母。
• 避免使用特殊字元或空格。
• 確保文件和目錄名稱清楚簡潔。

小貼士

• 使用 Markdown 標頭和清單來組織內容。
• 使用程式碼區塊來顯示程式碼範例。
• 使用圖像和圖表來輔助說明。
• 在 Markdown 文件中使用內聯元數據定義頁面屬性。
• 定期檢查佈景主題的設定檔案以自訂網站的外觀和行為。