Markdown 展示
VuePress 主要从 Markdown 文件生成页面。因此,你可以使用它轻松生成文档或博客站点。
你应该创建和编写 Markdown 文件,以便 VuePress 可以根据文件结构将它们转换为不同的页面。
Markdown 介绍
如果你是一个新手,还不会编写 Markdown,请先阅读 Markdown 介绍 和 Markdown 演示。
Markdown 配置
VuePress 通过 Frontmatter 为每个 Markdown 页面引入配置。
相关信息
Frontmatter 是 VuePress 中很重要的一个概念,如果你不了解它,你需要阅读 Frontmatter 介绍。
Markdown 扩展
VuePress 会使用 markdown-it 来解析 Markdown 内容,因此可以借助于 markdown-it 插件来实现 语法扩展 。
VuePress 扩展
为了丰富文档写作,VuePress 对 Markdown 语法进行了扩展。
关于这些扩展,请阅读 VuePress 中的 Markdown 扩展。
主题扩展
通过 vuepress-plugin-md-enhance
,主题扩展了更多 Markdown 语法,提供更加丰富的写作功能。
自定义容器
安全的在 Markdown 中使用 {{ variable }}。
自定义标题
信息容器,包含 代码
与 链接。
自定义标题
提示容器
自定义标题
警告容器
自定义标题
危险容器
自定义标题详情容器
查看详情代码块
查看详情上下角标
19th H2O
查看详情自定义对齐
我是居中的
我在右对齐
查看详情Attrs
一个拥有 ID 的 单词。
查看详情脚注
此文字有脚注[1].
查看详情标记
你可以标记 重要的内容 。
查看详情任务列表
计划 1
计划 2
查看详情
图片增强
支持为图片设置颜色模式和大小
查看详情图表
查看详情Echarts
查看详情流程图
查看详情Mermaid
查看详情Tex 语法
∂r∂ωr(yωω)=(yωω){(logy)r+∑i=1r(−1)ir⋯(r−i+1)(logy)r−iωi} \frac {\partial^r} {\partial \omega^r} \left(\frac {y^{\omega}} {\omega}\right) = \left(\frac {y^{\omega}} {\omega}\right) \left\{(\log y)^r + \sum_{i=1}^r \frac {(-1)^i r \cdots (r-i+1) (\log y)^{r-i}} {\omega^i} \right\}
查看详情导入文件
Markdown 展示
页面展示
禁用展示
查看详情代码演示
查看详情样式化
向 Mr.Hope 捐赠一杯咖啡。
查看详情交互演示
查看详情Vue 交互演示
查看详情幻灯片
查看详情这是脚注内容 ↩︎
文章来源:
Author:Oragekk's Blog
link:https://oragekk.me/demo/markdown.html