vuepress使用netlify自动化部署个人blogvuepress使用netlify自动化部署个人blog，以及访

什么是vuepress

简单来说，vuepress是：Vue 驱动的静态网站生成器，他的主要目的就是将.md文档生成一个静态网站。

当前所呈现给大家的页面效果，就是使用了vuepress-reco这一款非常优秀的主题。

配置整个页面基础配置

1、安装步骤：

vuepress-reco安装教程：vuepress-theme-reco.recoluan.com/docs/guide/… 我使用的是手动安装，手动安装需要先创建vuepress项目。使用vuepress-reco则不需要。

2、头部一系列配置，如图所示：

3、配置首页内容：

4、配置文章列表配置文章列表需要在docs/blogs目录下，该目录下所有文件都是.md文件，配置后自动显示

目录结构如图所示

配置该文章的categories和tags请看此代码：github.com/code-lucky/…

1、把项目部署到github

2、打开netlify官网app.netlify.com，使用github登录，登录后创建一个team

3、创建完team后点击如图所示创建网站

4、我们使用github里的项目，点击github后会有一个授权的步骤，授权后进入下一步

5、进入选择你的github仓库项目，选择项目后进入下一步

6、此步骤较为重要，team选当前团队，然后选择一个你想要部署的分支，选择完毕后填写项目build命令（记得检查和你代码里的build命令是否一致），然后填入你网站要部署的文件夹（一般是**/.vuepress/dist）看好你的dist在哪个目录，如果不正确会部署失败，配置完成后点最下方按钮。

7、配置成功后会进入自动执行项目的该页面

8、如果有购买域名可以进入配置域名、使用netlify配置域名可以不需要备案，这里是我已经购买的域名，没有购买的可以自行测试未购买该域名的流程。我的是购买过的所以直接添加

9、设置我们购买的域名后，进行解析DNS，具体看图操作

10、复制DNS链接后我们去腾讯云进行域名解析，如果是在其他地方买的域名操作方式基本一样，进入腾讯云搜索DNS 解析 DNSPod