VuePress 有一个开箱即用的默认主题,如果你不指定要使用的主题,那么会自动使用默认主题。 Vuepress-Theme-Hope搭建个人博客示例 安装 在[dir] 文件夹内新建 vuepress-theme-hope 项目: npm init vuepress-theme-hope [dir] 要将vuepress-theme-hope 作为文档构建器添加到现有项目中,请在项目根目录中运行以下命令: ...
可以看到,使用vuepress-theme-hope搭建文档或博客还是非常简单的,基本上都是配置的工作,不用我们写什么代码,对前端小白同学们非常友好。 并且页面的样式也非常好看,响应式的布局在手机、pad等小屏幕上显示的效果也挺不错。大家在搭建的过程中,如果有具体细节部分的疑问,可以多翻官方文档,基本都能找到答案。 那么,这次...
续VuePress、VuePress-theme-hope 搭建个人博客 1【快速上手】 项目常用命令 vuepress dev [dir] 会启动一个开发服务器,以便让你在本地开发你的 VuePress 站点。 vuepress build [dir] 会将你的 VuePress 站点构建成静态文件,以便你进行后续部署。 使用模板 如果使用 VuePress Theme Hope 模板,可以在 package.json...
会一点点markdown语法 ##如何搭建 ###初始化vue项目 在你自己电脑上的某文件夹内创建 vuepress-theme-hope 项目 即创建一个文件夹 然后打开命令行执行下边的这条命令 npm install vuepress-theme-hope@next docs 1. 执行以下命令启动 npm run docs:dev 1. 浏览器输入http://localhost:8080即可访问默认界面 [...
Vuepress-Theme-Hope搭建个人博客示例👇 安装 在[dir]文件夹内新建 vuepress-theme-hope 项目: npm init vuepress-theme-hope [dir] 要将vuepress-theme-hope 作为文档构建器添加到现有项目中,请在项目根目录中运行以下命令: npm init vuepress-theme-hope add [dir] ...
vuepress-theme-hope 主题通过默认的配置就提供了丰富的开箱即用的功能,使得配置体验相比较与vuepress-theme-reco有了明显的提升。 VuePress 是一个以 Markdown 为中心的静态网站生成器。好处是可以使用 Markdown 来书写内容文档或者博客。 VuePress 诞生的初衷是为了支持 Vue.js 及其子项目的文档需求。
下面我们来使用VuePress来搭建一个博客系统。我这里使用的是vuepress社区主题vuepress-theme-hope(一款集成了众多插件的vuepress主题)。 ## vuepress是如何工作的? 事实上,一个 VuePress 网站是一个由 Vue、Vue Router和 webpack驱动的单页应用。如果你以前使用过 Vue 的话,当你在开发一个自定义主题的时候,你会感受...
Vuepress搭建地址:https://jshai.gitee.io/vuepress-blog/ 什么是Vuepress VuePress是由Vue.js开发团队创建的一个静态网站生成器。它的设计目标是用于编写技术文档或者博客,并且提供了一系列的默认主题和插件,使得构建和维护现代化的静态网站变得更加简单。
简介:🚀VuePress-theme-hope2 搭建个人网站,万字长文保姆级教程,包含自动部署、评论、搜索等功能 🚀 侧边栏 侧边栏的配置在sidebar.ts中 侧边栏的配置,我们可以分两种情况:全局导航栏、根据每个导航栏栏目分离式导航栏。 💎 全局侧边栏配置 你可以设置侧边栏导航和导航栏的路由一一对应,这样就相当于是全局的侧...
简介: 🚀VuePress-theme-hope2 搭建个人网站,万字长文保姆级教程,包含自动部署、评论、搜索等功能 VuePress 是一个以 Markdown 为中心的静态网站生成器。好处是可以使用 Markdown 来书写内容文档或者博客。 VuePress 诞生的初衷是为了支持 Vue.js 及其子项目的文档需求。 在明确你的目标之后,先不着急立马搭建项目...