短代码与排版样式测试
这篇文章主要用于自己主题更换&修改后的效果预览，以及自己写作时的排版的参考。
中文排版测试
本篇引语
《学而》是《论语》第一篇的篇名。《论语》 中各篇一般都是以第一章的前二三个字作为该 文章的题目 篇的篇名。《学而》一篇包括16章，内容涉及诸多方面。其中重点是「吾日三省吾身」；「节用而爱人，使民以时」；「礼之用，和为贵」以及仁、孝、信等道德范畴。
原文
子曰：「学而时习之，不亦说乎？有朋自远方来，不亦乐乎？人不知，而不愠，不亦君子乎？」
译文 孔子说：「学了又时常温习和练习，不是很愉快吗？git status 有志同道合的人从远方来，不是很令人高兴的吗？人家不了解我，我也不怨恨、恼怒，不也是一个有德的君子吗？」
评析 宋代著名学者朱熹对此章评价极高，说它是 「入道之门，积德之基」。本章这三句话是人们非常熟悉的。历来的解释都是：学了以后，又时常温习和练习，不也高兴吗等等。三句话，一句一个意思，前后句子也没有什么连贯性。但也有人认为这样解释不符合原义，指出这里的 「学」不是指学习，而是指学说或主张；「时」不能解为时常，而是时代或社会的意思，「习」不是温习，而是使用，引申为采用 。而且，这三句话不是孤立的，而是前后相互连贯的。这三句的意思是：自己的学说，要是被社会采用了，那就太高兴了；退一步说，要是没有被社会所采用，可是很多朋友赞同我的学说，纷纷到我这里来讨论问题，我也感到快乐；再退一步说，即使社会不采用，人们也不理解我，我也不怨恨，这样做，不也就是君子吗？（见《齐鲁学刊》1986年第6期文）这种解释可以 自圆其说，而且也有一定的道理，供读者在理解本章内容时参考。
这里是引用部分这里是引用部分这里是引用部分这里是引用部分这里是引用部分这里是引用部分这里是引用部分这里是引用部分这里是引用部分这里是引用部分这里是引用部分
此外，在对「人不知，而不愠」一句的解释中，也有人认为，「人不知」的后面没有宾语，人家不知道什么呢？当时因为孔子有说话的特定环境，他不需要说出知道什么，别人就可以理解了，却给后人留下一个谜。有人说，这一句是接上一句说的，从远方来的朋友向我求教，我告诉他，他还不懂，我却不怨恨。这样，「人不知」就是「人家不知道我所讲述的」了。这样的解释似乎有些牵强。
总之，本章提出以学习为乐事，做到人不知而不愠，反映出孔子学而不厌、诲人不倦、注重修养、严格要求自己的主张。这些思想主张在《论语》书中多处可见，有助于对第一章内容的深入了解。
MarkDown 语法
import { getDirname, path } from '@vuepress/utils'
const __dirname = getDirname(import.meta.url)
export default {
plugins: [
registerComponentsPlugin({
components: {
FooBar: path.resolve(__dirname, './components/FooBar.vue'),
},
}),
],
}
基础文字样式
文字**加粗**效果，文字==着重==效果，文字*斜体*效果，文字~~删除~~效果,
文字加粗效果，文字着重效果，文字斜体效果，文字删除效果,
引用
> 引用文字
> 多层嵌套引用
>> ...第二层
> > > ...第三层
引用文字
多层嵌套引用
...第二层
...第三层
行内代码及代码块
这里是`行内代码`！
```js
// 这里是代码块
const FOO = BAR
```
这里是行内代码！
// 这里是代码块
const FOO = BAR
图片
列表
- 无序列表
- 无序列表
1. 有序列表
2. 有序列表
- [x] 任务1
- [ ] 任务2
- 无序列表
- 无序列表
- 有序列表
- 有序列表
- 任务1
- 任务2
分页
***
---
脚注
这里是示意脚注[^3].
[^3]: 我的参考。
这里是示意脚注[1].
表格
| Option | Description |
| ------ | ----------- |
| data | path to data files to supply the data that will be passed into templates. |
| engine | engine to be used for processing templates. Handlebars is the default. |
| ext | extension to be used for dest files. |
| Option | Description |
| ------:| -----------:|
| data | path to data files to supply the data that will be passed into templates. |
| engine | engine to be used for processing templates. Handlebars is the default. |
| ext | extension to be used for dest files. |
| Option | Description |
|---|---|
| data | path to data files to supply the data that will be passed into templates. |
| engine | engine to be used for processing templates. Handlebars is the default. |
| ext | extension to be used for dest files. |
| Option | Description |
|---|---|
| data | path to data files to supply the data that will be passed into templates. |
| engine | engine to be used for processing templates. Handlebars is the default. |
| ext | extension to be used for dest files. |
数学公式
这是一条行内公式： $\alpha+\beta=\gamma$
$$\alpha+\beta=\gamma$$
这是一条行内公式： $\alpha+\beta=\gamma$
$$\alpha+\beta=\gamma$$
短代码
标记
VuePress - <Badge type="tip" text="v2" vertical="top" />
VuePress - <Badge type="warning" text="v2" vertical="middle" />
VuePress - <Badge type="danger" text="v2" vertical="bottom" />
VuePress - v2
VuePress - v2
VuePress - v2
提示框及折叠
::: tip
这是一个提示
:::
::: warning 警告
这是一个警告
:::
::: danger STOP
这是一个危险警告
:::
::: details 点击查看
这是一个 details 标签
:::
这是一个提示
警告
这是一个警告
STOP
这是一个危险警告
点击查看
这是一个 details 标签
代码组
:::: code-group
::: code-group-item FOO
```js
const foo = 'foo'
```
:::
::: code-group-item BAR
```js
const bar = 'bar'
```
:::
::::
const foo = 'foo'
const bar = 'bar'
进度条
::: progress 80%, #0072bc
CSS
:::
::: progress 90%, red
JS
:::
CSS
JS
标签卡
:::: tab-group
::: tab-group-item 中文 checked
VuePress 是一个以 Markdown 为中心的静态网站生成器。你可以使用 Markdown 来书写内容（如文档、博客等），然后 VuePress 会帮助你生成一个静态网站来展示它们。
VuePress 诞生的初衷是为了支持 Vue.js 及其子项目的文档需求，但是现在它已经在帮助大量用户构建他们的文档、博客和其他静态网站
:::
::: tab-group-item English
VuePress is a markdown-centered static site generator. You can write your content (documentations, blogs, etc.) in Markdown, then VuePress will help you to generate a static site to host them.
The purpose of creating VuePress was to support the documentation of Vue.js and its sub-projects, but now it has been helping a large amount of users to build their documentation, blogs, and other static sites.
:::
::::
VuePress 是一个以 Markdown 为中心的静态网站生成器。你可以使用 Markdown 来书写内容（如文档、博客等），然后 VuePress 会帮助你生成一个静态网站来展示它们。
VuePress 诞生的初衷是为了支持 Vue.js 及其子项目的文档需求，但是现在它已经在帮助大量用户构建他们的文档、博客和其他静态网站
VuePress is a markdown-centered static site generator. You can write your content (documentations, blogs, etc.) in Markdown, then VuePress will help you to generate a static site to host them.
The purpose of creating VuePress was to support the documentation of Vue.js and its sub-projects, but now it has been helping a large amount of users to build their documentation, blogs, and other static sites.
画廊
::: gallery
:::
::: album
:::
时间线
::: timeline
2022-06-14 测试最新测试最新测试最新测试最新测试最新测试最新测试最新测试最新测试最新测试最新测试最新测试最新测试最新测试最新测试最新测试最新测试最新测试最新测试最新测试最新测试最新
2022-05-14 测试次新
2022-02-14 测试最旧
:::
2022-06-14 测试最新测试最新测试最新测试最新测试最新测试最新测试最新测试最新测试最新测试最新测试最新测试最新测试最新测试最新测试最新测试最新测试最新测试最新测试最新测试最新测试最新
2022-05-14 测试次新
2022-02-14 测试最旧
自动 Github 卡片
::: github nextapps-de/flexsearch
:::
自动 豆瓣 卡片
::: douban https://book.douban.com/subject/10738023/
图书示例
:::
::: douban https://movie.douban.com/subject/25884488/
电影示例
:::
::: douban https://music.douban.com/subject/26360254/
音乐示例
:::
我的参考。 ↩︎
图书示例