这就埋下了坑,你如果不是内置支持的GitHub、Gitlab、Gitee和Bitbucket链接(例如内网链接),那么不配置这项就直接不会展示“编辑此页”链接,哪怕editLink配置为true。 源码解析 ts // packages/theme/src/client/modules/info/components/PageMeta.ts const { repo, docsRepo = repo, docsBranch = "main", docs...
在你自己电脑上的某文件夹内创建 vuepress-theme-hope 项目 即创建一个文件夹 然后打开命令行执行下边的这条命令 npm install vuepress-theme-hope@next docs 1. 执行以下命令启动 npm run docs:dev 1. 浏览器输入http://localhost:8080即可访问默认界面 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存...
我用的主题是:vuepress-theme-reco,主题和默认主题相似 主要功能是新增了一些图标、新增了Tag、新增了时间轴等常用功能, 缺点是:功能还不够丰富,图标比较少,无法有效添加摘要、阅读时间、字数统计等功能。 相反,vuepress-theme-hope 这些做的都不错,成为我新的选择。 🚀 搭建项目 💎 初始化项目 如果你选择了一...
下面简单记录一下使用vuepress-theme-hope搭建网站的流程和踩过的坑,有兴趣的小伙伴也可以按着这个步骤自己搭建。 准备工作 安装node node直接从官网下载,vuepress-theme-hope支持16的某些版本和18以后的版本,保险起见大家直接下最新的18就好了: https://nodejs.org/zh-cn/download 无脑点击下一步安...
vuepress dev [dir] 会启动一个开发服务器,以便让你在本地开发你的 VuePress 站点。 vuepress build [dir] 会将你的 VuePress 站点构建成静态文件,以便你进行后续部署。 使用模板 如果使用 VuePress Theme Hope 模板,可以在 package.json中发现下列三个命令: ...
VuePress 有一个开箱即用的默认主题,如果你不指定要使用的主题,那么会自动使用默认主题。 Vuepress-Theme-Hope搭建个人博客示例👇 安装 在[dir]文件夹内新建 vuepress-theme-hope 项目: npm init vuepress-theme-hope [dir] 要将vuepress-theme-hope 作为文档构建器添加到现有项目中,请在项目根目录中运行以下命令...
vuepress-theme-hope 一个具有强大功能的 vuepress 主题✨ 中文文档 在线案例 联系 我们建议你使用issues和discussions联系,但也欢迎你加入我们的QQ 群(群号: 1003437555) 。 注意 当前分支基于 VuePress@v2,仍处于 Beta。 这意味着功能和 API 尚未固定,在未来的更新中仍有概率出现破坏性更改。
具有大量功能的Vuepress主题 :sparkles: /一个具有强大功能的vuepress主题 :sparkles: 具有大量功能的Vuepress主题 :sparkles: /一个具有强大功能的vuepress主题 :sparkles: 官方文档/官方文档 | | 主题亮点 主题保持@vuepress/theme-default的样式,并添加了许多功能和优化: 页面增强 向Markdown添加了更多语法,从而丰富了...
import { sidebar } from "vuepress-theme-hope";export default sidebar({"/react/": "structure","/framework/": "structure","/vite/": "structure","/vue/": "structure","/posts/": "structure",}); ? 自动生成目录页面 另外,我们还根据文件夹下的文件列表自动为每个文件夹生成目录页面。我们只需要...
最近我开始用 VuePress 写博客,找了个主题(hope),按官方文档的指示用以下命令进行了初始化: $ npm init vuepress-theme-hope@next docs 初始化后文件结构正常(如下图) 但根据提示初次运行 yarn docs:dev 命令并成功进入了 HTML 页面后,HTML 的页面上挂着一条错误😟 第二次运行时,终端也抛出了这个错误。