VuePress组件集成:修订间差异

来自泡泡学习笔记
跳到导航 跳到搜索
(创建页面,内容为“1. 修改npm镜像 npm config set registry https://registry.npmmirror.com 2. 创建一个 VuePress Theme Hope 项目 npm init vuepress-theme-hope@latest my-docs”)
 
无编辑摘要
 
(未显示同一用户的3个中间版本)
第7行: 第7行:


  npm init vuepress-theme-hope@latest my-docs
  npm init vuepress-theme-hope@latest my-docs
<blockquote>重新安装模块:尝试删除node_modules文件夹和package-lock.json文件,然后重新运行npm install命令</blockquote>
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是互联网的图标库和工具包,被数以百万计的设计师、开发人员和内容创作者使用。

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是互联网的图标库和工具包,被数以百万计的设计师、开发人员和内容创作者使用。