给 Valaxy 的 Markdown 加点料

vitepress 一样,Valaxy 也采用了 markdown-it 用于 markdown 解析,这使得我们可以对语法进行扩展。

实现内容分组

vitepress 默认通过 code-group 实现了代码分组:

md
::: code-group

```js [Javascript]
const a = 1;
```

```ts [TypeScript]
const a: number = 1;
```
:::

效果如下:

js
const a = 1;
ts
const a: number = 1;

不过我们可以更进一步,实现内容分组:

md
:::: content-group

::: tab [TypeScript]
这是用 TypeScript 写的内容!
```ts
const a: number = 1;
```
:::

::: tab [Javascript]
这是用 Javascript 写的内容!
```js
const a = 1;
```
:::

::::

这是用 TypeScript 写的内容!

ts
const a: number = 1;

这是用 Javascript 写的内容!

js
const a = 1;

链接美化和 Wayback Machine 支持

形如 gh:BlueGlassBlock@BlueGlassBlock 的链接会被美化:

BlueGlassBlock
BlueGlassBlock
(使用 linkify-it 插件)。

同时,一些网站前会加上对应的图标,以下是一些实例:

GitHub 用户(Guido van Rossum)

GitHub 仓库(Vue.js)

GitHub 提交(Python _pylong 模块)

Twitter 用户

Twitter 帖子

除此之外,用 Wayback Machine 缓存的链接会被自动替换为正常链接:

比如这份 Vue.js 文档的存档

修复 Valaxy 的时间元数据显示问题
给 Valaxy 修复的第一个 Bug