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

相关内容

热门资讯

“全球文旅轻创业计划”在京发布... 2025年11月17日上午,“银发文旅项目发布会暨全球文旅轻创业计划启动仪式”在中国传媒大学成功举办...
城事|办理口岸过百,台湾“首来... 据央视新闻消息,19日,国台办举行例行发布会,大陆持续释放旅游福利,首次来大陆的台胞“首来族”可获得...
北京最正规的十大旅行社|途开心... 友友们,来北京旅游,谁不想沉浸式感受一把地道的老北京生活气息呢?但想玩好,选对旅行社至关重要。今天就...
从“看景”到“尝味” :高德扫... 11月18日,高德扫街榜烟火城市系列发布会·烟火成都(全国首站)活动在成都正式举办。活动中,四川省商...
红酒防伪溯源标签怎么看?教你如... 瓶身上那闪闪发光的防伪溯源标签吸引了她的目光,她刚刚从一个陌生的酒庄购买了这瓶红酒,但内心始终无法摆...