如何使用hexo+github pages搭建个人博客

附上：hexo官方文档 

废话不多说，简单介绍一下基本步骤：

1. 首先，新建一个文件夹，输入命令

// 首先要确认是否安装了node.js 和 git

node -v        //查看node版本
git version    //查看git版本

npm install -g hexo-cli    // 安装hexo

hexo init test    //生成需要的文件

如果出现 npm err报错，就重新cd到刚才新建的目录中安装依赖。我这里文件夹是test

cd test
npm install

如果 出现 INFO start blogging with Hexo， 则说明成功生成文件,就不需要进行上面的两步。

然后cd到test目录下，输入命令dir查看目录下生成的文件。

接下来生成网页静态页面

hexo g    //生成静态页面

hexo s    //查看生成的网站。

会提示：
Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.

所以打开 http://localhost:4000 每个人的网址有可能不一样.

2. 进行文章写作

cd 到目录中     //创建文章
hexo new "article title"

如果要使用草稿，那么使用
hexo new draft "draft title"
草稿不会渲染在页面中

在vscode打开项目，可以找到source/_posts/exam页面找到exam.md文件 使用markdown语法编辑页面。

附上：markdown语法 官方文档

如果不同步博客的话，那么就可以直接生成静态页面，部署。

就直接 hexo g ;  hexo d 完成！！！

 

3. 更改配置同步到GitHubpage博客上。

首先，必须有一个github.io的博客仓库。

其次，在刚新建的项目的根目录下的_config.yml文件中更改配置：

deploy:
  type: git
  repo: https://uname:upwd@github.com/uname/uname.github.io.git    //改为你自己的
  name: uname          //用户名
  email: uemail        //邮箱名

刷新一下仓库缓存

再次生成并进入服务器

npm install hexo-deployer-git --save    //第二次打开本项目时不用此命令

hexo g    //生成静态页面

hexo s    //查看生成的网站。

hexo d    //部署完成

完成，打开你的你的github博客页面吧！