recipe/packages/create/template/docs/zh/demo/page.md
2024-08-18 19:16:25 +08:00

2.7 KiB

title cover icon order author date category tag sticky star footer copyright
頁面配置 /assets/images/cover1.jpg file 3 Ms.Hope 2020-01-01
使用指引
頁面配置
使用指引
true true 這是測試顯示的頁尾 無版權

more 註解之前的内容被視為文章摘要。

頁面標題

The first H1 title in Markdown will be regarded as page title.

Markdown 中的第一個 H1 標題會被視為頁面標題。

你可以在 Markdown 的 Frontmatter 中設置頁面標題。

---
title: 頁面標題
---

頁面資訊

你可以在 Markdown 的 Frontmatter 中設置頁面資訊。

  • 作者設置為 Ms.Hope。
  • 寫作日期為 2020 年 1 月 1 日
  • 分類為 “使用指引”
  • 標籤為 “頁面配置” 和 “使用指引”

頁面内容

你可以自由在這裡書寫你的 Markdown。

::: tip 圖片引入

  • 你可以將圖片和 Markdown 文件放置在一起使用相對路徑進行引用。
  • 對於 .vuepress/public 文件目錄的圖片,請使用絕對連結 / 進行引用。

:::

元件

每個 Markdown 頁面都會被轉換為一個 Vue 元件,這意味著你可以在 Markdown 中使用 Vue 語法:

{{ 1 + 1 }}

  • {{ i }}

你也可以創建並引入你自己的元件。


主題包含一些有用的元件。這裡是一些例子:

  • 文字結尾應該有深藍色的 徽章文字 徽章。

  • 一個卡片:

    title: Mr.Hope
    desc: Where there is light, there is hope
    logo: https://mister-hope.com/logo.svg
    link: https://mister-hope.com
    background: rgba(253, 230, 138, 0.15)