markdown 文档

刘欢2025/8/14原创大约 3 分钟约 779 字

1. 卡片

这里是一些内容。

可选标题

这里是一些内容。

你好，世界！

document.innerHTML = "你好，世界！";

2. 提示容器

提示

这里是你文章的开头部分。..

注意

这是一个警告信息，通常用黄色表示。

危险

这是一个危险操作提示，通常用红色表示。

点击查看详情

默认折叠的内容，点击展开。

代码块分组

::: code-group

npm install -D vuepress-theme-hope

yarn add -D vuepress-theme-hope

pnpm add -D vuepress-theme-hope

:::

导入片段

File not found

卡片

时间线

支持使用图标
2018-04-12 20:46
支持自定义颜色
2018-04-03 20:46
支持自定义尺寸
2018-04-03 20:46
默认样式的节点
2018-04-03 20:46

3. 阅读全文

4. 完整内容

这里是完整的文章内容，包括代码块、列表、图片等。..

二层负载均衡
三层负载均衡
四层负载均衡
七层负载均衡
二层负载均衡
三层负载均衡
四层负载均衡
七层负载均衡
二层负载均衡

代码块折叠

基础

javascriptJSON 配置示例

{
  "name": "vuepress-theme-hope",
  "version": "2.0.0",
  "description": "A powerful theme for VuePress",
  "dependencies": {
    "vue": "^3.3.0",
    "vuepress": "^2.0.0"
  }
}
  

自定义标题栏

🔒 私有 APIv2.0+

interface UserInfo {
  id: number;
  name: string;
  role: 'admin' | 'user';
}
  

自定义 button 按钮

python复杂算法

def fibonacci(n):
    if n <= 1:
        return n
    return fibonacci(n-1) + fibonacci(n-2)
  

混合内容

javascript安装步骤与说明

请按照以下步骤安装：

运行安装命令
配置文件

<div class="sh-wrapper">
  <pre><code class="language-bash">npm install vuepress-theme-hope</code></pre>
</div>

::: tip 提示
确保你的 Node.js 版本大于 18。
:::

markdown 文档

目录