变更日志
记录站点的配置变更、变更计划。
2025 年 9 月 14 日 开启 plantUML 功能
语法参考： https://plantuml.com/zh/component-diagram
2025 年 4 月 5 日 添加 “轻量” 代码演示功能
todo 源码分析
参考：
- hope 原生： https://theme-hope.vuejs.press/zh/guide/markdown/code/demo.html
- 实现步骤
- Element 实现示例： https://element.eleme.cn/2.0/#/zh-CN/component/color-picker
提示
只有演示，没有交互 （交互通过右上角转跳）
<div>demo</div>::: [类型]-demo 可选的标题文字
```html
<!-- ↑ 使用可用的语言 -->
<!-- 在代码块中放置你对应语言的代码，一个语言不能出现多个块 -->
<!-- 你可以有多个代码块，并且 html, js, css 都是视情况可选的 -->
```
```json
// json block 作为插件配置存放处
{
// 放置你的配置 (可选的)
}
```
:::::: normal-demo 可选的标题文字
```html
<!-- html code -->
```
```js
// js code
```
```css
/* css code */
```
```json
// 配置 (可选)
{
"jsLib": [
...
],
"cssLib":[
...
]
}
```
:::::: vue-demo 可选的标题文字
```vue
<!-- ↑ 你也可以使用 html -->
<template>
<!-- vue 模板 -->
</template>
<script>
export default {
// vue 组件
};
</script>
<style>
/* css 代码 */
</style>
```
```json
// 配置 (可选)
```
:::::: react-demo 可选的标题文字
```js
// 放置脚本，并通过 `export default` 导出你的 react 组件
```
```css
/* 你的 css 内容 */
```
```json
// 配置 (可选)
```
:::当你设置一些不能在浏览器上直接运行的语言时，由于插件无法解析它们，因此网页演示将被禁用。插件只显示代码。
可用的 HTML 语言:
- "html" (默认)
- "slim"
- "haml"
- "markdown" / "md"
可用的 JS 语言:
- "javascript" / "js" (default)
- "coffeescript" / "coffee"
- "babel"
- "livescript" / "ls"
- "typescript" / "ts"
可用的 CSS 语言:
- "css" (default)
- "less"
- "scss"
- "sass"
- "stylus" / "styl"
2025 年 1 月 12 日 增强 Markdown 功能
高亮：高亮！
标记：标记！
属性（f12看id为hello）：属性
2025 年 1 月 8 日 添加代码演示功能
参考： https://theme-hope.vuejs.press/zh/guide/markdown/code/demo.html
注意
演示 + 交互。 太重了，计划去掉。
2024 年 4 月 9 日 新增 site info / url 组件
<SiteLink path="/path/to/link/" /> —— 生成站点链接，以标题名显示
链接 <SiteLink path="./" />：
链接 <SiteLink path="./intro.md" />：
链接 <SiteLink path="/zh/changelog.md" />：
2024 年 4 月 6 日 代码高亮 （todo 维护）
引入来自 shiki 的 transformers。
transformerMetaHighlight —— 缺陷：1. 无法高亮 todo 修复 2. 左侧高亮 todo 原因
console.log("1");
console.log("2");
console.log("3");
console.log("4");transformerNotationHighlight —— 缺陷： 同上
console.log("hewwo"); // [!code highlight]
console.log("hello");
console.log("hello");
console.log("hello");transformerNotationDiff
console.log("hewwo"); // [!code --]
console.log("hello"); // [!code ++]transformerNotationFocus
console.log("Not focused");
console.log("Focused"); // [!code focus]
console.log("Not focused");2024 年 4 月 4 日 新增 url 组件
<RepoLink path="/path/to/src/" /> —— 生成路由到代码仓库源码的地址
链接 <RepoLink path="/src/zh/changelog.md" />：
链接 <RepoLink path="./" />：
链接 <RepoLink path="./intro.md" />：