安装 在[dir]文件夹内新建 vuepress-theme-hope 项目: npm init vuepress-theme-hope [dir] 要将vuepress-theme-hope 作为文档构建器添加到现有项目中,请在项目根目录中运行以下命令: npm init vuepress-theme-hope add [dir] TIps:这里的[dir]是一个参数,你需要使用真实的文件夹名称替换它,例如docs、blog或其...
续VuePress、VuePress-theme-hope 搭建个人博客1【快速上手】 项目常用命令 vuepress dev [dir] 会启动一个开发服务器,以便让你在本地开发你的 VuePress 站点。 vuepress build [dir] 会将你的 VuePress 站点构建成静态文件,以便你进行后续部署。 使用模板 如果使用 VuePress Theme Hope 模板,可以在 package.json中...
安装 在[dir] 文件夹内新建 vuepress-theme-hope 项目: npm init vuepress-theme-hope [dir] 要将vuepress-theme-hope 作为文档构建器添加到现有项目中,请在项目根目录中运行以下命令: npm init vuepress-theme-hope add [dir] TIps:这里的 [dir] 是一个参数,你需要使用真实的文件夹名称替换它,例如 docs、bl...
对于侧边栏的具体条目,可以通过设置children: "structure"根据当前目录下的文件名称自动生成。 import { sidebar } from "vuepress-theme-hope";export default sidebar({"/": ["",{text: "React系列",icon: "react",prefix: "react/",children: "structure",},{text: "Vue系列",icon: "vue",prefix: "v...
在你自己电脑上的某文件夹内创建 vuepress-theme-hope 项目 即创建一个文件夹 然后打开命令行执行下边的这条命令 npm install vuepress-theme-hope@next docs 1. 执行以下命令启动 npm run docs:dev 1. 浏览器输入http://localhost:8080即可访问默认界面 ...
vuepress-theme-hope 主题通过默认的配置就提供了丰富的开箱即用的功能,使得配置体验相比较与vuepress-theme-reco有了明显的提升。 VuePress 是一个以 Markdown 为中心的静态网站生成器。好处是可以使用 Markdown 来书写内容文档或者博客。 VuePress 诞生的初衷是为了支持 Vue.js 及其子项目的文档需求。
简介: 🚀VuePress-theme-hope2 搭建个人网站,万字长文保姆级教程,包含自动部署、评论、搜索等功能 VuePress 是一个以 Markdown 为中心的静态网站生成器。好处是可以使用 Markdown 来书写内容文档或者博客。 VuePress 诞生的初衷是为了支持 Vue.js 及其子项目的文档需求。 在明确你的目标之后,先不着急立马搭建项目...
yarncreatevuepress-theme-hope[dir] 1. 命令中的dir是一个参数,使用真实的目录名替换即可。在创建项目的过程中,会有一些选项让你选择: 除去一些没啥用的配置,比较重要的是项目的类型,可以选择博客blog和文档docs两种类型,页面会有比较大的差异,我这里选择的是docs类型。
在VuePress 项目中引用 vuepress-theme-hope 主题,你需要按照以下步骤进行操作: 1. 确定 vuepress-theme-hope 的引用需求 vuepress-theme-hope 是一个功能丰富的 VuePress 主题,提供了多种组件和插件来增强你的文档站点。在引用之前,你需要确保你的项目是基于 VuePress 构建的。 2. 查找 vuepress-theme-hope 的官方...
theme.ts配置中添加下面这行配置项 json { editLinkPattern: ":repo/edit/:branch/:path",// 我是部署的GitLab,具体匹配规则可以照着代码管理工具改 } 原因 花了几个小时,最后在源码里找到答案,我们先来看官方文档中这个配置项的说明: 文档中editLinkPattern与上面的editLink配置项放一起时极具迷惑性: 你可...