vuepress项目中的md文件,可以直接使用vue组件。 我们可以在.vuepress文件夹下新建一个components文件夹,其中的vue组件会自动注册到全局,如下: 页面效果如下: 10. 客户端增强(可选) 如果你想对自己的应用做一些优化,比如使用router做登录拦截、给vue实例挂载全局变量或注册其他组件等,可以在.vuepress下新建文件enhanceApp....
docs/.vuepress: 用于存放全局的配置、组件、静态资源等。 docs/.vuepress/components: 该目录中的 Vue 组件将会被自动注册为全局组件。 docs/.vuepress/theme: 用于存放本地主题。 docs/.vuepress/styles: 用于存放样式相关的文件。 docs/.vuepress/styles/index.styl: 将会被自动应用的全局样式文件,会生成在最终...
VuePress 由两部分组成:第一部分是一个极简静态网站生成器(opens new window),它包含由 Vue 驱动的主题系统和插件 API,另一个部分是为书写技术文档而优化的默认主题,它的诞生初衷是为了支持 Vue 及其子项目的文档需求。 前提条件 VuePress 需要Node.js (opens new window)>= 8.6 2 【 win10 搭建环境】 mkdir ...
本文详细说了自己如何快速使用VuePress快速搭建个人博客,看完不会打我(开玩笑的,大家不用看也是会的,但是可以帮我指出不足)。 技术选用VuePress ,进入VuePress官网,快速上手。 上手VuePress 1.创建并进入一个新目录 2.使用你喜欢的包管理器进行初始化 3.将 VuePress 安装为本地依赖 yarn add -D vuepress 4.创建...
搭建步骤步骤1: 创建并进入一个新目录 mkdir my-blog cd my-blog 步骤2: 初始化项目 git init pnpm init 步骤3:将 VuePress 安装为本地依赖 pnpm add -D vuepress@next @vuepress/client@next vue 步骤4:在 package.json 中添加一些 scripts在新窗口打开 { "scripts": { "docs:dev": "vuepress dev ...
vuepress写个人博客 vuepress搭建博客 step1 (初始化项目) 目前vuePress官方已经发布两个版本0.x and 1.x,在使用过程中发现1.x存在一些问题。例如:项目不能热更新config.js文件中的更改,navbar显示异常等问题,因此小弟建议使用0.x。 这部分可以按照官网的 快速上手 来初始化项目,我使用的是npm方式...
项目搭建 安装vuepress yarn global add vuepress 初始化项目 创建项目目录blog mkdir blog cd blog 初始化 yarn init -y 初始化完成后, 会创建一个package.json。在package.json中, 配置启动命令 {"name": "blog","version": "1.0.0","main": "index.js","license": "MIT","scripts": {"docs:dev"...
使用vuepress-theme-hope搭建文档或博客还是非常简单的,基本上都是配置的工作,不用我们写什么代码,对前端小白同学们非常友好。 哈喽大家好啊,我是Hydra。 最近有点时间,把以前写过的文章弄在一起,使用vuepress-theme-hope搭了一个小破站,先来看看效果~
"dev": "vuepress dev docs", "build": "vuepress build docs" } 一切就绪,跑项目查看效果 npm run dev 3.2 丰富项目 添加多个侧边栏,修改config.js, 我参考的是 vue 的配置vue doc constsidebar={'route-one':[{title:'目录一',collapsable:false,children:['','/route-one/readme1','/route-one/...
步骤一:安装VuePress 全局安装vuepress 上述命令需要用户已经安装了node、yarn、git环境。如果用户对这一部分内容不熟悉,请参考相关教程 步骤二:初始化...