【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]]
}

相关内容

热门资讯

六问稻城亚丁景区封堵省道收费 ... 近日,有博主发布视频称,四川省甘孜州稻城县稻城亚丁景区将S462省道纳入景区管控,强制游客乘坐收费摆...
原创 夏... 夏天湿热重、脾胃易虚寒,这4道汤健脾祛湿、暖胃护胃、清热不伤阳,适合连续两个月常喝,步骤清晰、做法简...
明日四月十六,记得“吃4样,做... 明日农历四月十六,记得“吃4样,做1事”五谷丰登迎福气,老传统别丢! 时光如梭,转眼间来到了农历四月...
今年目标全国销售网点突破200... 5月16日下午6点,贵阳市吾茶白·贵茶潮饮烘焙概念店里排起小队。 “就要这款,上次喝完一直惦记着。”...
原创 淄... 很多人认识淄博只靠烧烤但真正撑起淄博饮食底蕴的从来不是网红热度而是一代代扎根老城的老字号烟火。这些老...