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 }}。
自定义标题
提示容器
自定义标题
警告容器
自定义标题
危险容器
自定义标题
详情容器
::: info 自定义标题
:::
::: tip 自定义标题
:::
::: warning 自定义标题
:::
::: danger 自定义标题
:::
::: details 自定义标题
:::
代码块
pnpm add -D vuepress-theme-hope
yarn add -D vuepress-theme-hope
npm i -D vuepress-theme-hope
上下角标
19th H2O
自定义对齐
我是居中的
我在右对齐
属性支持 Attrs
一个拥有 ID 的 单词。
脚注
此文字有脚注[1].
标记
你可以标记 重要的内容 。
任务列表
图片增强
支持为图片设置颜色模式和大小
卡片
title: Mr.Hope
desc: Where there is light, there is hope
logo: https://mister-hope.com/logo.svg
link: https://mister-hope.com
color: rgba(253, 230, 138, 0.15)
导入文件
林深不见鹿的书单
《 行为科学统计 》
这是本极佳的统计学入门书籍，不单讲理论，还会让你明白为什么要这么做，应该怎么做。
《 深入浅出数据分析 》
够浅白，然后还会讲一下为什么要这么做。唯一不好就是废话比较多吧，对有基础的人，不是很合适。
《 数据挖掘导论 》
这个主要用于挖掘数据之间的内在联系。和传统意义上的统计学不太一样。比起另外一本黑色的数据挖掘教材要新一点。
《 金融市场与金融机构基础 》
讲金融体系的扫盲书籍
书不厚但是作为一个完全的金融外行来说我觉得啃掉他至少需要半年时间。
刚刚看完引论觉得浅显易懂，每章节前后都有引导和总结，十分适合入门。
《 投资学 》
金融领域必读书籍
Go 语言书单
在线工具书，随用随查，社区翻译的最佳版本
代码演示
<h1>VuePress Theme Hope</h1>
<p><span id="very">非常</span>强大!</p>
document.querySelector('#very').addEventListener('click', () => {
alert('非常强大');
});
span {
color: red;
}
样式化
向 Mr.Hope 捐赠一杯咖啡。 Recommended
交互演示
图表
Echarts
流程图
Mermaid
---
title: Flowchart
---
flowchart TB
c1-->a2
subgraph one
a1-->a2
end
subgraph two
b1-->b2
end
subgraph three
c1-->c2
end
one --> two
three --> two
two --> c2
Tex 语法
$$
\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}
$$
Vue 交互演示
幻灯片
这是脚注内容 ↩︎