# 初尝vuePress
# vuePress
# 是什么?
官网给出的说法是
Vue-powered Static Site Generator(以vue为核心的静态网站生成器
# 如何开始
# 1. 先全局安装vuepress
yarn global add vuepress
或者用npm
npm -g install vuepress
# 2. 创建项目
yarn create vuepress
或者用npm
npm create vuepress
填入一些关于项目的资料后可以选择需要的模板.
# 3. 运行项目
只需要在项目文件中运行
yarn dev
或者npm
npm run dev
然后打开http://localhost:8080/就会看到项目界面了
# 如何修改主题
// .vuepress/config.js
+module.exports = {
+ theme:'vuepress-theme-xx',
+ themeConfig:{
+ ...
+ }
+}
+
# 如何创建自定义主题
# 项目目录结构
# 插件
官方提供了一些常用的插件,具体使用方法可以查看官网
# 自定义插件
# 页面配置文件
首先先找到页面配置文件
更多的配置信息应该用到的时候去官网查看
# 搭建博客
可以翻到上面去看如何构建一个vuePress项目,不同之处就是选择的模板不是docs而是blog.
# 博客目录
posts 里面是项目创建给我们默认生产的一些文章,整个项目看起来和docs的也是差不多的.