vuepress创建+github展示页面（一）

写在前面，想要搭建首先要准备好一下几个工具

1.git

2.node.js

3.vscode编辑器

4.npm（yarn包管理器）

在官网下载好了安装完成之后在桌面上单击右键

 输入命令查看自己安装完成没有以及安装的版本号

 （我这里只安装了npm 所以后面我都用npm来操作）

创建自己的github账号这个还是比较容易的输入自己的信息就可以注册了

然后进入主页面之后新建一个项目

 点击创建项目（Create repository）

这样砸门就创建好了一个项目（这是效果图）

 然后复制ssh

 注：这里不复制https只因为每次提交代码更新页面的时候需要手动，听说还要输入用户名密码什么的就很麻烦，所以直接复制ssh。但是呢这里又有同学会出现另外的问题就是没有配置ssh公钥，如果没有配置的话就会显示

 这种情况可以先查阅其他资料把ssh公钥配置好

然后在电脑上传创建文件夹同样点击Git bash

 输入命令，克隆到本地

对应文件夹下面进入cmd

查看vuepress官网

第一步全局安装vuepress

npm install -g vuepress

 输入，

npm init -y

创建一个package.json文件

 可以看到这里多了一个package.json文件

 第二步创建markdown文件

# 创建一个 markdown 文件
echo '# Hello VuePress' > README.md

 

 第三步开始编写这里先不要执行因为我有一个小报错

# 开始编写
vuepress dev

 这里她说 Cannot find module 'vue-template-compiler'

是因为没有全局安装vue-template-compiler

所以在全局安装一下

npm install vue-template-compiler -g

 这样就解决了

复制地址

 效果

 这样我们就实现了本地可以查看博客的过程

下一节讲发布到github上