VuePress组件集成

来自泡泡学习笔记
BrainBs讨论 | 贡献2024年12月6日 (五) 16:04的版本
(差异) ←上一版本 | 最后版本 (差异) | 下一版本→ (差异)
跳到导航 跳到搜索

1. 修改npm镜像

npm config set registry https://registry.npmmirror.com


2. 创建一个 VuePress Theme Hope 项目

npm init vuepress-theme-hope@latest my-docs


重新安装模块:尝试删除node_modules文件夹和package-lock.json文件,然后重新运行npm install命令


3. 非根目录修改base配置

如果你的网站部署在非根路径下,例如 https://foo.github.io/bar/ ,那么你应该把 base 设置为 '/bar/'。显然,此时你的 Public 文件会被部署在 https://foo.github.io/bar/images/hero.png 这样的链接下。

VuePress 站点的基本配置文件是 .vuepress/config.js ,但也同样支持 TypeScript 配置文件。你可以使用 .vuepress/config.ts 来得到更好的类型提示。


4. 图标组件

VuePress Theme Hope 支持 Font Awesome。

Font Awesome是互联网的图标库和工具包,被数以百万计的设计师、开发人员和内容创作者使用。