容器

自定义容器可让我们实现很多标准 markdown 无法实现的功能。

---

测试自定义分栏

:::: multi-column ::: col-lightorange 📢 这是一个左侧分栏 测试分栏内容，随便写写，分栏案例。

测试分栏内容，随便写写。

测试分栏内容，随便写写。 :::

::: col-lightgreen 📢 这是一个右侧分栏

• 测试分栏内容，随便写写。
• 测试分栏内容，随便写写。
• 测试分栏内容，随便写写。 ::: ::::

:::: multi-column ::: col-lightargent ◼ 这是一个左侧分栏

• 测试分栏内容，随便写写。
• 测试分栏内容，随便写写。
• 试分栏内容，随便写写。 :::

::: col-notitlebg ◼ 这是一个右侧分栏 测试分栏内容，随便写写。

测试分栏内容，随便写写。

测试分栏内容，随便写写。 ::: ::::

:::: multi-column ::: col-notitlebg ◼ 这是一个左侧分栏

• 测试分栏内容，随便写写。
• 测试分栏内容，随便写写。
• 测试分栏内容，随便写写。 :::

::: col-lightred ◼ 这是一个右侧分栏 测试分栏内容，随便写写。

测试分栏内容，随便写写。

测试分栏内容，随便写写。 ::: ::::

:::: multi-column ::: col-bgwithgray 快速上手 🎊 认识 vuepress

📹 入门视频

🎁 注册邀请码 :::

::: col-bgwithgray 重要提示 🧩 vuepress 更新

🛒 空间定价

💡 积分规则 ::: ::::

:::: multi-column ::: col-bgwithgray 快速上手

• 🎊 认识 vuepress
• 📹 入门视频
• 🎁 注册邀请码 :::

::: col-bgwithgray 重要提示

• 🧩 vuepress 更新
• 🛒 空间定价
• 💡 积分规则 ::: ::::

:::: multi-column ::: col-border 安装、升级、部署、排版

• 安装 vuepress 前的环境准备
• vuepress 安装与配置
• 将 vuepress 部署到阿里云 OSS
• 自动部署到 Git 服务器
• 升级到vuepress2.0.0-beta.61
• 怎样写出排版好看的文章
• 在 vuepress 中做大纲笔记
• 文档参考 :::

::: col-border 插件、进阶、自定义

• 在 vuepress 中使用 tab 栏
• 多颜色的文字高亮
• 自定义容器
• 在 vuepress2 中添加悬浮目录插件
• 让内容变得醒目与突出
• 使用锚点进行内容跳转
• 使用 algolia search 全文搜索
• 覆盖默认主题的 sidebar 组件 ::: ::::

测试内容区分栏

• 测试 A
• 测试 B
• 测试 C
• 测试 D

• 测试 A
• 测试 B
• 测试 C
• 测试 D

测试折叠列表

::: collapselist 这是一个折叠列表 1

• 这是折叠列表内容
• 这是折叠列表内容
• 这是折叠列表内容 ::: ::: collapselist 这是一个折叠列表 2
• 这是折叠列表内容
• 这是折叠列表内容
• 这是折叠列表内容 ::: ::: collapselist 这是一个折叠列表 3
• 这是折叠列表内容
• 这是折叠列表内容
• 这是折叠列表内容 ::: ::: collapselist 这是一个折叠列表 4 测试折叠列表

测试折叠列表

测试折叠列表 :::

测试容器嵌套

::::: multi-column :::: col-bgwithgray 快速上手 🧩 vuepress 更新

🛒 空间定价

💡 积分规则

::: collapselist 这是一个折叠列表 4 测试折叠列表

测试折叠列表

测试折叠列表 ::: ::::

:::: col-bgwithgray 重要提示

• 🧩 vuepress 更新
• 🛒 空间定价
• 💡 积分规则

::: collapselist 这是一个折叠列表 4

• 测试折叠列表
• 测试折叠列表
• 测试折叠列表 ::: :::: :::::

::::: multi-column :::: col-lightorange 左侧分栏嵌套其它容器 🧩 vuepress 更新

🛒 空间定价

💡 积分规则

::: collapselist 这是一个折叠列表 4

• 测试折叠列表
• 测试折叠列表
• 测试折叠列表 ::: ::::

:::: col-lightgreen 右侧分栏嵌套其它容器

• 🧩 vuepress 更新
• 🛒 空间定价
• 💡 积分规则

::: collapselist 这是一个折叠列表 4 测试折叠列表

测试折叠列表

测试折叠列表 ::: :::: :::::

::::: multi-column :::: col-lightargent 左侧分栏嵌套其它容器 🧩 vuepress 更新

🛒 空间定价

💡 积分规则

::: collapselist 这是一个折叠列表 4 测试折叠列表

测试折叠列表

测试折叠列表 ::: ::::

:::: col-notitlebg 右侧分栏嵌套其它容器

• 🧩 vuepress 更新
• 🛒 空间定价
• 💡 积分规则

::: collapselist 这是一个折叠列表 4

• 测试折叠列表
• 测试折叠列表
• 测试折叠列表 ::: :::: :::::

::::: multi-column :::: col-notitlebg 左侧分栏嵌套其它容器 🧩 vuepress 更新

🛒 空间定价

💡 积分规则

::: collapselist 这是一个折叠列表 4 测试折叠列表

测试折叠列表

测试折叠列表 ::: ::::

:::: col-lightred 右侧分栏嵌套其它容器

• 🧩 vuepress 更新
• 🛒 空间定价
• 💡 积分规则

::: collapselist 这是一个折叠列表 4 测试折叠列表

测试折叠列表

测试折叠列表 ::: :::: :::::

容器嵌套组合

:::: multi-column

右侧分栏嵌套其它容器

• 🧩 vuepress 更新
• 🛒 空间定价
• 💡 积分规则

右侧分栏嵌套其它容器

• 🧩 vuepress 更新
• 🛒 空间定价
• 💡 积分规则

右侧分栏嵌套其它容器

• 🧩 vuepress 更新
• 🛒 空间定价
• 💡 积分规则

右侧分栏嵌套其它容器

• 🧩 vuepress 更新
• 🛒 空间定价
• 💡 积分规则

右侧分栏嵌套其它容器

• 🧩 vuepress 更新
• 🛒 空间定价
• 💡 积分规则

右侧分栏嵌套其它容器

• 🧩 vuepress 更新
• 🛒 空间定价
• 💡 积分规则

::::

注意

• -var-file 表示指定用于 Packer 打包 Base Box 时用到的自定义用户变量；
• Packer 默认使用 VirtualBox，如果要构建适用于 KVM 的 Base Box，需安装 KVM，详见: 搭建 KVM 虚拟化平台

注意

• -var-file 表示指定用于 Packer 打包 Base Box 时用到的自定义用户变量；
• Packer 默认使用 VirtualBox，如果要构建适用于 KVM 的 Base Box，需安装 KVM，详见: 搭建 KVM 虚拟化平台

func HelloWorld() {
  fmt.Println("Hello World！")
}

:::: multi-column

右侧分栏嵌套其它容器

• 🧩 vuepress 更新
• 🛒 空间定价
• 💡 积分规则

::: col-notitlebg 右侧分栏嵌套其它容器

• 🧩 vuepress 更新
• 🛒 空间定价
• 💡 积分规则 :::

::: col-border 右侧分栏嵌套其它容器

• 🧩 vuepress 更新
• 🛒 空间定价
• 💡 积分规则 :::

::: col-border 右侧分栏嵌套其它容器

• 🧩 vuepress 更新
• 🛒 空间定价
• 💡 积分规则 :::

::: col-border 右侧分栏嵌套其它容器

• 🧩 vuepress 更新
• 🛒 空间定价
• 💡 积分规则 :::

::: col-border 右侧分栏嵌套其它容器

• 🧩 vuepress 更新
• 🛒 空间定价
• 💡 积分规则 ::: ::::

:::: multi-column ::: highlight-blue 💡 年轻人,你终于来到了这里,

下面的内容用处很大，请仔细阅读。 :::

::: highlight-orange 📢 年轻人,你终于来到了这里,

下面的内容用处很大，请仔细阅读。 :::

::: highlight-gray 📢 年轻人,你终于来到了这里,

下面的内容用处很大，请仔细阅读。 :::

::: highlight-red 📢 年轻人,你终于来到了这里,

下面的内容用处很大，请仔细阅读。 :::

::: highlight-green 📢 年轻人,你终于来到了这里,

下面的内容用处很大，请仔细阅读。 :::

::: highlight-purple 📢 年轻人,你终于来到了这里, 下面的内容用处很大，请仔细阅读。 ::: ::::

测试高亮块

:::highlight-gray 💡 年轻人,你终于来到了这里, 下面的内容用处很大，请仔细阅读。 :::

::: highlight-blue 📢 年轻人,你终于来到了这里, 下面的内容用处很大，请仔细阅读。 :::

::: highlight-orange

• 📢 年轻人,你终于来到了这里, 下面的内容用处很大，请仔细阅读。 :::

::: highlight-red 📢 年轻人,你终于来到了这里, 下面的内容用处很大，请仔细阅读。 :::

::: highlight-green 📢 年轻人,你终于来到了这里, 下面的内容用处很大，请仔细阅读。 :::

::: highlight-purple 📢 年轻人,你终于来到了这里, 下面的内容用处很大，请仔细阅读。 :::

测试可展开的容器块

测试新的特性

• 这是测试内容
• 这是测试内容
• 这是测试内容

测试新的特性

• 这是测试内容
• 这是测试内容
• 这是测试内容

测试新的特性

• 这是测试内容
• 这是测试内容
• 这是测试内容

测试新的特性

• 这是测试内容
• 这是测试内容
• 这是测试内容

测试新的特性

• 这是测试内容
• 这是测试内容
• 这是测试内容

测试图片并列功能