kuang/recipe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
404a992cc0
recipe/packages/create/template/docs/zh
History
sinotec2 fbf9af5cda first load
2024-08-18 19:16:25 +08:00
..
demo first load 2024-08-18 19:16:25 +08:00
guide first load 2024-08-18 19:16:25 +08:00
README.md first load 2024-08-18 19:16:25 +08:00

README.md

home icon title heroImage bgImage bgImageDark bgImageStyle heroText tagline actions highlights copyright footer
true home 項目主頁 https://theme-hope-assets.vuejs.press/logo.svg https://theme-hope-assets.vuejs.press/bg/6-light.svg https://theme-hope-assets.vuejs.press/bg/6-dark.svg
background-attachment
fixed
項目名稱 你可以在這裡放置或是整個項目的描述。
text icon link type
使用指引 lightbulb ./demo/ primary
text link
文檔 ./guide/
header image bgImage bgImageDark highlights
易於安裝 /assets/image/box.svg https://theme-hope-assets.vuejs.press/bg/3-light.svg https://theme-hope-assets.vuejs.press/bg/3-dark.svg
title
运行 <code>pnpm create vuepress-theme-hope hope-project</code> 以創建一個新的主題項目。
title
在已有項目根目錄下运行 <code>pnpm create vuepress-theme-hope add .</code> 以在項目中增加主題。
header description image bgImage bgImageDark bgImageStyle features
在 Markdown 中增加你想要的内容 我們擴展了標準的 CommonMark 規範，為你增加了許多功能。 /assets/image/markdown.svg https://theme-hope-assets.vuejs.press/bg/2-light.svg https://theme-hope-assets.vuejs.press/bg/2-dark.svg
background-repeat background-size
repeat initial
title icon details link
連結檢查 clipboard-check 檢查 Markdown 連結 https://theme-hope.vuejs.press/zh/guide/markdown/others.html#link-check
title icon details link
提示容器支持 box-archive 用樣式裝飾 Markdown 内容 https://theme-hope.vuejs.press/zh/guide/markdown/hint.html
title icon details link
GFM 警告 bell GFM 風格的警告容器 https://theme-hope.vuejs.press/zh/guide/markdown/alert.html
title icon details link
選項卡 table-columns 使用選項卡對相似内容進行分組 https://theme-hope.vuejs.press/zh/guide/markdown/tabs.html
title icon details link
程式碼組 code 使用選項卡對相似程式碼進行分組 https://theme-hope.vuejs.press/zh/guide/markdown/code-tabs.html
title icon details link
自定義對齊支持 align-center 讓你在 Markdown 中對段落進行對齊 https://theme-hope.vuejs.press/zh/guide/markdown/align.html
title icon details link
自定義屬性支持 code 讓你為 Markdown 元素增加屬性 https://theme-hope.vuejs.press/zh/guide/markdown/attrs.html
title icon details link
上下標支持 superscript 你的 Markdown 現在將支持上下標 https://theme-hope.vuejs.press/zh/guide/markdown/sup-sub.html
title icon details link
註解 quote-left 你的 Markdown 現在將支持註解 https://theme-hope.vuejs.press/zh/guide/markdown/footnote.html
title icon details link
標記支持 highlighter 讓你在 Markdown 中對詞句進行標記 https://theme-hope.vuejs.press/zh/guide/markdown/mark.html
title icon details link
任務列表 square-check 在 Markdown 中使用任務列表 https://theme-hope.vuejs.press/zh/guide/markdown/tasklist.html
title icon details link
圖片語法 image 使用改進的語法指定圖片大小與顏色模式 https://theme-hope.vuejs.press/zh/guide/markdown/image.html
title icon details link
元件支持 puzzle-piece 在 Markdown 中輕鬆插入元件 https://theme-hope.vuejs.press/zh/guide/markdown/component.html
title icon details link
圖表支持 chart-simple 在 Markdown 中展示圖表 https://theme-hope.vuejs.press/zh/guide/markdown/chartjs.html
title icon details link
流程圖支持 route 可以在 Markdown 中直接寫出流程圖 https://theme-hope.vuejs.press/zh/guide/markdown/flowchart.html
title icon details link
Mermaid 支持 chart-pie 可以在 Markdown 中增加 Mermaid 圖例 https://theme-hope.vuejs.press/zh/guide/markdown/mermaid.html
title icon details link
Tex 支持 square-root-variable Markdown 現在也可以支持 Tex 語法以顯示公式 https://theme-hope.vuejs.press/zh/guide/markdown/tex.html
title icon details link
導入文件支持 fab fa-markdown 將你的文檔分段，並在 Markdown 中導入 https://theme-hope.vuejs.press/zh/guide/markdown/include.html
title icon details link
互動範例支持 code 你可以在 Markdown 中增加互動範例 https://theme-hope.vuejs.press/zh/guide/markdown/playground.html
title icon details link
Vue 互動範例支持 fab fa-vuejs 在互動範例中展示 Vue 元件 https://theme-hope.vuejs.press/zh/guide/markdown/vue-playground.html
title icon details link
Sandpack 互動範例支持 code Sandpack 驱動的實時的編碼環境 https://theme-hope.vuejs.press/zh/guide/markdown/sandpack.html
title icon details link
程式碼案例支持 laptop-code 你可以很方便的插入程式碼案例 https://theme-hope.vuejs.press/zh/guide/markdown/demo.html
title icon details link
投影片支持 person-chalkboard 通過 Reveal.js 在 Markdown 中插入投影片 https://theme-hope.vuejs.press/zh/guide/markdown/revealjs.html
header description image bgImage bgImageDark highlights
布局 一個帶有完整無障礙支持的響應式布局。 /assets/image/layout.svg https://theme-hope-assets.vuejs.press/bg/5-light.svg https://theme-hope-assets.vuejs.press/bg/5-dark.svg
title icon details link
布局增强 object-group 增加路徑導航、頁尾、改進的導航欄、改進的頁面導航等。 https://theme-hope.vuejs.press/zh/guide/layout/
title icon details link
深色模式 circle-half-stroke 可以自由切換淺色模式與深色模式 https://theme-hope.vuejs.press/zh/guide/interface/darkmode.html
title icon details link
主題色切換 palette 支持自定義主題色並允許用户在預設的主題顏色之間切換 https://theme-hope.vuejs.press/zh/guide/interface/theme-color.html
title icon details link
投影片頁面 person-chalkboard 增加投影片頁面以顯示你喜歡的内容 https://theme-hope.vuejs.press/zh/guide/layout/slides
title icon details link
更多 ellipsis RTL 布局，列印支持，全面按鈕等 https://theme-hope.vuejs.press/zh/guide/interface/others.html
header image bgImage bgImageDark features
新功能 /assets/image/features.svg https://theme-hope-assets.vuejs.press/bg/1-light.svg https://theme-hope-assets.vuejs.press/bg/1-dark.svg
title icon details link
瀏覽量與評論 comment-dots 配合 Waline 來開啟閱讀量統計與評論支持 https://theme-hope.vuejs.press/zh/guide/feature/comment.html
title icon details link
文章資訊 circle-info 為你的文章增加作者、寫作日期、預計閱讀時間、字數統計等資訊 https://theme-hope.vuejs.press/zh/guide/feature/page-info.html
title icon details link
文章加密 lock 你可以為你的特定頁面或特定目錄進行加密，以便陌生人不能隨意訪問它們 https://theme-hope.vuejs.press/zh/guide/feature/encrypt.html
title icon details link
搜索支持 search 支持 docsearch 和基於客户端的搜索 https://theme-hope.vuejs.press/zh/guide/feature/search.html
title icon details link
程式碼複製 copy 一鍵複製程式碼區塊中的程式碼 https://theme-hope.vuejs.press/zh/guide/feature/copy-code.html
title icon details link
圖片預覽 image 像相册一樣允許你瀏覽、縮放並分享你的頁面圖片 https://theme-hope.vuejs.press/zh/guide/feature/photo-swipe.html
header description image bgImage bgImageDark highlights
網誌 通過主題創建個人網誌 /assets/image/blog.svg https://theme-hope-assets.vuejs.press/bg/5-light.svg https://theme-hope-assets.vuejs.press/bg/5-dark.svg
title icon details link
網誌功能 blog 通過文章的日期、標籤和分類展示文章 https://theme-hope.vuejs.press/zh/guide/blog/intro.html
title icon details link
網誌主頁 home 全新網誌主頁 https://theme-hope.vuejs.press/zh/guide/blog/home.html
title icon details link
部落客資訊 home 自定義名稱、頭像、座右銘和社交媒體連結 https://theme-hope.vuejs.press/zh/guide/blog/blogger.html
title icon details link
時間線 home 在時間線中瀏覽和通讀文章 https://theme-hope.vuejs.press/zh/guide/blog/timeline.html
header description image bgImage bgImageDark highlights
高級 增强網站與用户體驗的高級功能 /assets/image/advanced.svg https://theme-hope-assets.vuejs.press/bg/4-light.svg https://theme-hope-assets.vuejs.press/bg/4-dark.svg
title icon details link
SEO 增强 dumbbell 將最終生成的網頁針對搜索引擎進行優化。 https://theme-hope.vuejs.press/zh/guide/advanced/seo.html
title icon details link
Sitemap sitemap 自動為你的網站生成 Sitemap https://theme-hope.vuejs.press/zh/guide/advanced/sitemap.html
title icon details link
Feed 支持 rss 生成你的 Feed，並通知你的用户訂閱它 https://theme-hope.vuejs.press/zh/guide/advanced/feed.html
title icon details link
PWA 支持 mobile-screen 讓你的網站更像一個 APP https://theme-hope.vuejs.press/zh/guide/advanced/pwa.html
false 使用 <a href="https://theme-hope.vuejs.press/zh/" target="_blank">VuePress Theme Hope</a> 主題 | MIT 協議, 版權所有 © 2019-present Mr.Hope

這是項目主頁的案例。你可以在這裡放置你的主體内容。

想要使用此布局，你需要在頁面 front matter 中設置 home: true。

配置項的相關說明詳見 項目主頁配置。