先来看看最终效果：https://handsomesuperred.github.io/
注意：本文是系列文章，请先看以下内容，再接着看本章节：
效果
Windows下使用Github Pages+Hexo搭建博客（三）
这次不再是准备，终于可以创建能够看见的个人博客了！！！继续干！
1.Hexo安装
首先选择你的博客放置在哪个盘，如果你想放在F盘的Blog文件夹下，那先在F盘新建名为Blog的空文件夹，然后双击该文件夹进入，进入后在空白处单击鼠标右键，选择Git Bash here来打开Git命令行，如图一所示。同理，如果你想放在D盘的Hexo文件夹下，那先在D盘新建名为Hexo的空文件夹，然后双击该文件夹进入，进入后在空白处单击鼠标右键，依然选择Git Bash here来打开Git命令行。
图一
如图二所示，打开Git Bash以后输入npm install -g hexo-cli安装Hexo，安装好以后不要关闭Git Bash，接下来还要用。Hexo有它的默认路径，能够看到Hexo都安装在了C盘。
图二
2.Hexo部署
如图三所示，安装好Hexo后，继续在该Git Bash里输入如下命令进行初始化。如果刚才关闭了，那就按照图一执行一遍Git Bash就在当前目录了，或者直接使用cd命令进入指定的目录层级。
hexo init <folder>
cd <folder>
npm install
其中，<folder>是你要保存博客内容的文件夹的名字。
例如我想将博客保存在Hexo中，那我就使用hexo init Hexo命令。如果你不想用Hexo命名，你想将文件夹叫做Handsome，那你可以使用Hexo init Handsome命令。所以上面三个命令就是：
hexo init Hexo
cd Hexo
npm install
图三
.
新建完成后，指定文件夹的目录如下：
├── _config.yml
├── package.json
├── scaffolds
├── source
| ├── _drafts
| └── _posts
└── themes
Hexo初始化成功以后，输入cd hexo进入Hexo文件夹，如图四所示。
再依次输入如下命令：
hexo generate
hexo deploy
hexo server
图四
然后系统会出现如下提示：
INFO Start processing
INFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.
这时再浏览器地址栏输入http://localhost:4000/，就可以看到如图五所示的默认博客界面。
图五
3.将本地文件部署到 GitHub
修改 Hexo 中的根目录的 _config.yml 文件，在 Hexo 文件夹下找到 _config.yml 文件，如图六所示：
图六
找到其中的 deploy 标签，改成图七所示形式，并保存。注意：冒号后面要加上一个空格，否则会报错；还有改的时候将repo的用户名替换为你的用户名。
图七
将其 deploy 到仓库中。
打开 Git Bash进入创建的Hexo文件夹(我命名叫Hexo，你要看你自己命名的叫什么)，依次输入以下命令：
hexo clean
hexo generate
hexo deploy
如果出现下错误，别担心：
Error: Deployer not found : github
将图七deploy 的 type 改成 git，然后同时再在 Git Bash中运行以下命令:
npm install hexo-deployer-git --save
再重新来一遍：
hexo clean
hexo generate
hexo deploy
出现图八的提示，恭喜你，成功了！
图八
这时就已经部署到 GitHub 上了，可以到你的GitHub仓库查看是否已经更新。
通过https://your_user_name.github.io（即你那个仓库的名称，形如https://你的 GitHub 用户名.github.io)，就可以看到你的个人博客了。比如我的用户名是handsomesuperred，要看我的博客就在浏览器的网址输入https://handsomesuperred.github.io/即可。，
至此，终于搭建了自己的博客。但还没完，下一篇将写自定义自己的博客，让自己的界面变漂亮！加油，好累。
网友评论