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

相关内容

热门资讯

从哈尔滨到长白山闺蜜5天4晚天... 从哈尔滨到长白山闺蜜5天4晚天池+延吉边境:拍照打卡真实体验 一、出发前的纠结:比老板还难搞的攻略,...
搭上低空经济、AI文旅?两连板... 来源:e公司 桂林旅游(000978)回应市场热点。 9月8日,桂林旅游再度涨停,斩获2连板。当天晚...
八达岭长城国庆怎么去最省心?坐... 八达岭长城是来北京必去的景点之一,尤其是第一次来北京的游客。但国庆期间去八达岭,最大的挑战不是爬长城...
秋日睦邻游园会热闹开锣!居民重... (来源:上观新闻) 近日,殷行街道包头路社区睦邻活动室里,举办了一场秋日睦邻趣味游园会,辖区居民、户...
带父母去长白山怎么玩?3天2晚... 带父母去长白山怎么玩?3天2晚天池攻略,有些坑帮你们踩过了 一句话总结:这次带父母去长白山,我选了黑...