【vuepress】vuepress配置
admin
2024-02-04 18:27:17

添加目录

如果你想要把当前页面的目录添加到 Markdown 内容中,你可以使用 [[toc]] 语法。

[[toc]]

​

添加徽章

这是默认主题内置的 `` 组件 

添加链接

| [图床](../java/01-开发工具/01-工具类/图床.md) | [图床](../java/01-开发工具/01-工具类/图床.md) | [图床](../java/01-开发工具/01-工具类/图床.md) |
| --------------------------------------------- | --------------------------------------------- | --------------------------------------------- |
| [java8](../java/01-开发工具/02-代码类/java8)  | [java8](../java/01-开发工具/02-代码类/java8)  | [java8](../java/01-开发工具/02-代码类/java8)  |                                       

行号

你肯定已经注意到在代码块的最左侧会展示行号。这个功能是默认启用的,你可以通过配置来禁用它。

你可以在代码块添加 :line-numbers / :no-line-numbers 标记来覆盖配置项中的设置。

Public 文件

你可以把一些静态资源放在 Public 目录中,它们会被复制到最终生成的网站的根目录下。

默认的 Public 目录是 .vuepress/public ,可以通过 public 配置项来修改。

在下列这些情况中,你可能会用到它:

你可能需要提供一些静态资源,但是它们并不直接被你的 Markdown 文件引用,比如 favicon 和 PWA 图标。
你可能想要托管一些共享的静态资源,甚至可能需要在你的网站外部引用它,比如 Logo 图片。
你可能想在你的 Markdown 内容中通过绝对路径来引入图片。

插件

复制代码

vuepress 添加复制代码块功能
安装
如果使用 npm:

npm install vuepress-plugin-code-copy

如果使用 yarn:

yarn add vuepress-plugin-code-copy

快速使用
将 vuepress-plugin-code-copy 添加到 vuepress 项目的插件配置中:

module.exports = {plugins: [['vuepress-plugin-code-copy', true]]
}

相关内容

热门资讯

山水皆有情!丽江两山一江的千年... 去过丽江、走过虎跳峡的人,大概率都听过哈巴雪山和金沙江的传说。很多人站在峡谷之下,望着奔腾不息的金沙...
活力中国调研行丨“殷”你而来 ... 9月12日,游客在殷墟博物馆“甲骨文展厅”内参观。位于河南省安阳市的殷墟博物馆新馆是首个全景式展现商...
浦江之夜赴美好相逢,第37届上... 9月12日晚,黄浦江畔灯火璀璨,第37届上海旅游节大巡游在外滩中山东一路上演。不少观众早早便来到外滩...
美丽中国丨秋韵紫鹊界 梯田入画... 这是9月11日拍摄的紫鹊界梯田(无人机照片)。 金秋九月,湖南省娄底市新化县紫鹊界梯田稻谷渐次成熟。...
中国之巅奏响《共同的节日》,千... 千吨阻尼器,“迎世赛、游上海旅游节”。9月13日,由上海市文化和旅游局指导推出上海旅游·会客│巅峰之...