github搭建hexo个人博客--windows系统

hexo是一个基于Node.js的博客框架，我们可以用hexo既快速又方便的生成博客网页并托管在github上。以下本人实现的步骤可是详细、简单又实用，请大家认真看好了。

1.安装Git Bash

进入Git下载官网（下载地址），点击下载exe文件

运行安装，一直默认点next（安装路径自行选择）

安装成功后右击桌面菜单项会多出，单击Git Bash Here可直接运行Git，界面如下

2.安装Node.js

（前面提到过hexo是一个基于Node.js的，我们安装hexo前要用到Node.js的npm工具）

下载地址  建议选择LTS版

运行安装，安装路径自行选择，一直默认点next，（不过要留心Custom Setup这一步，点一下Add to Path再点next，这样就不用后面手动配置环境变量了~）




查看Node.js版本：在cmd命令行或Git Bash输入命令node -v查看版本号




3.安装hexo

（这里我们不用npm i -g hexo命令安装hexo，这要访问外网容易会被“墙”，而是使用 淘宝NPM镜像 帮助安装）

新建一个文件夹（用来存放你用hexo搭建的blog项目，我这文件夹名为blog）

右击该文件夹，点击Git Bash进入Git输入以下命令:

npm install -g cnpm --registry=https://registry.npm.taobao.org

等待一段时间下载完成后会出现 $ 开始符号，再输入命令:

cnpm i -g hexo-cli

（注意！当我们使用 淘宝NPM镜像 后，以后使用npm安装工具一律把npm改为cnpm，可自行百度区别两者）

待安装成功后，可查看版本号确认，命令：

hexo -v

输入初始化命令：hexo init，初始化完成后你的文件夹会出现以下文件：

安装生成器

cnpm install

到这里hexo搭建好了，可以开启hexo服务测试一下，命令：

hexo s

浏览器访问http://localhost:4000/就可以看见自己博客了！

4.实现Git本地管理你的github库

打开你的Git Bash（在哪打开都一样），进行以下配置：

git config --global user.name "bettmaner"        //设置用户名

git config --global user.email "175****428@qq.com"         //设置用户邮箱

创建SSH

（SSH key是Git与github之间的传输密匙，有了它每次提交文件就不需要再输入用户名和密码了。 ）

在Git Bash中输入：

ssh-keygen -t rsa -C "175****428@qq.com"

       这过程会需要你输入一些东西，直接按回车就行

复制ssh key命令：

clip < ~/.ssh/id_rsa.pub

将复制的ssh添加到github上：

回到Git Bsah验证你的ssh是否有效：

ssh -T git@github.com

最后一句出现你github名证明你成功了

5.将博客部署到github上

（激动人心的时刻！博客已用hexo搭建好了，现在就是要将博客放github就能让人访问到了）

创建版本库

进入你的github账号创建版本库，库名为username.github.io,其中username为你的github名称，步骤如下

   

修改hexo文件配置

此处可参考网址 https://blog.youkuaiyun.com/jzooo/article/details/46781805（“管理博客”一步）

进入你的blog文件夹，（建议用编辑器）修改根目录下的_config.yml文件

_config.yml中其它自行修改，最后一行必须这样配置（冒号后有一个英语半角空格）：

deploy:
  type: git
  repo: https://github.com/bettmaner/bettmaner.github.io.git   （蓝体改为自己的github名）

  branch: master

保存

上传blog到github上

右击blog文件夹进入Git Bash，输入安装命令：

cnpm install hexo-deployer-git --save

（此安装命令能让你使用hexo deploy命令上传blog到github上）

上传命令

hexo d（即hexo deploy）

第一次deploy会弹出窗口需要输入你的github账号和密码

现在就可以访问username.github.io进入你的博客了~

以后修改blog后执行hexo s或hexo d之前建议先执行这2个命令行（作用自己百度哟）：

hexo clean

hexo g（即hexo generate）

完！

---------------------------------------------------------------------------------------------------------------

此处感谢两个博主的教程：

零基础免费搭建个人博客-hexo+github

hexo从零开始到搭建完整

（呼~第一次写博客花了个把小时。）