和 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
缓存的链接会被自动替换为正常链接: