和 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 的链接会被美化:
linkify-it 插件)。同时,一些网站前会加上对应的图标,以下是一些实例:
GitHub 用户(Guido van Rossum)GitHub 仓库(Vue.js)GitHub 提交(Python_pylong 模块)Twitter 用户Twitter 帖子除此之外,用 Wayback Machine 缓存的链接会被自动替换为正常链接: