用GitHub和Hexo搭建个人博客

很久前就想利用GitHub来搭建一个个人博客了，今天就琢磨了一下搭建方法，在这里写出来以供他人参考~

一、简介

Hexo:
Hexo 是一款基于Node.js、快速、简洁且高效的博客框架，Hexo 使用 Markdown解析文章，在几秒内，即可利用各式主题生成静态网页

NodeJs
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境，Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。Node.js 的包管理器 npm，是全球最大的开源库生态系统

Git
Git是一个开源的分布式版本控制系统，用以有效、高速的处理从很小到非常大的项目版本管理

GitHub
GitHub是一个代码托管平台和开发者社区，开发者可以在GitHub上创建自己的开源项目并与其他开发者协作编码

二、准备工作

我的软件安装路径是：C:\nodejs

一路点击下一步即可

安装完成后检查是否有自动添加了环境变量，没有的话需要手动设置

（3）注册一个GitHub账号，这个不必多说吧~

三、本地部署

我的电脑是Windows平台
打开CMD，即命令提示符，进入NodeJS的安装目录

使用命令行安装Hexo，这个耗时可能会稍微长点，需要等等

npm install -g hexo

创建一个文件夹命名为blog并打开
名字可以随个人喜好取，不过最好只包含英文字符

mkdir blog && cd blog

然后再依次执行以下命令

初始化

hexo init

安装依赖包

npm install

生成静态页面

hexo g

启动本地服务，查看效果

hexo s

可以看到网站样式还是挺好的，当然，此时网站还只是部署在本地

打开\nodejs\blog\source\_posts文件夹，可以看到一个hello-world.md文件，即网站上显示的文章，用Markdown格式书写

四、部署到GitHub

首先，登录你的GitHub账号，新建一个仓库

这里我新注册了一个GitHub账户用来演示，名为czyhexo

仓库的名字的格式必须为：用户名+.github.io

点击按钮创建，选中Settings进入设置界面
选中“启动页面自动生成器”按钮

设置页面信息

选择主题然后发布即可

五、推送本地文件

进入C:\nodejs\blog文件夹，打开_config.yml文件

修改最下边一行，并添加两行命令，注意之间的空格

回到CMD窗口，如果之前的状态还没退出，可以按ctrl+c，输入y确定退出

依次输入以下命令

npm install hexo-deployer-git --save

重新生成静态页面

hexo g

清理并推送到GitHub

hexo clean && hexo d

注意，此处需要你电脑本地的Git已经与GitHub账户绑定，这样才有权限可以推送文件，绑定方法可以参考我上边所说的Git教程

六、更换主题

打开主题文件夹：C:\nodejs\blog\themes
打开Git，下载该主题

git clone 

等下载完成后，可以看到文件夹下多了个文件，将之重命名为：yilia

修改C:\nodejs\blog文件夹下的_config.yml文件，将theme值修改为：yilia，注意空格，保存退出

再依次执行以下命令

重新生成页面

hexo g

推送到GitHub

hexo d