利用hexo搭建一个只属于你本身的博客

叨的叨叨以叨叨，那是什么叨

该说啥呢。。。博客不是第一次写，但在本身搭建的博客上写文章的确是第一次。十分兴奋。看着本身辛苦搭建出来的博客，一点一点达到本身心目中的样子，这种感受只有作过的人才能够体会到。若是你还在犹豫，那就别墨迹了。废话很少说。
搭建本身的博客，当时我查的时候好多人推荐用Wordpress，既然这么多人推荐，那我就不用，怎么滴。好吧被看穿了，实际上是我太穷了，没钱租服务器。虽然好像也能够免费作出来，这个不太清楚，由于没太了解。就在我茶不思饭不想的时候，我发现了Hexo，这个真是太符合我了。利用github来部署静态博客，谁叫我们就是干前端的呢。啥也不说了，立马开干。

适合人群

哈哈你来看这篇文章说明你就适合
使用windows的大家（其余系统差很少）

安装必要程序

安装GIT

到 msysgit下载好后， 下一步下一步执行安装便可。
什么，下载太慢了，我含泪告诉你人这一辈子不翻几回墙是干不了大事的。

安装Node.js

到Node.js下载，左边稳定版，右边最新版，根据须要下载。推荐稳定版。安装的话，下一步还得下一步 很是简单。

安装Hexo（我才是主人翁）

终于到我隆重出场了，鼠标右键任意位置，选择Git bash Here，输入npm 命令便可安装。

$ npm install hexo -g

好吧，我叫特简单。文件通常会安装到C:UsersAdministratorAppDataRoamingnpmnode_modules下可经过下边npm命令具体查看：

$ npm root -g

安装好了就能够随便找个你喜欢的位置建个名叫hexo的文件夹，在这个文件夹里右键选择Git bash Here，分别输入hexo init和npm install（初始化文件和安装依赖包）：

$ hexo init

$ npm install

好了你应该已经看见效果了。接下来咱们就要在网页中查看了，本地预览。分别输入g和s（生成静态网页和本地预览）：

$ hexo g

$ hexo s

上面的g和s其实generate和server的缩写，可是写缩写就够了，效果同样。若是出现

$ hexo s
INFO  Start processing
INFO  Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.

哈哈你成功了，下一步在网页中打开localhost:4000就能够看到网页了，兴奋兴奋呀。如今本地已经OK了。下来咱们要把它发布到网上让世界人民来观摩。

注册github来部署博客

注册github

github应该不少人已经注册或正在注册的路上。我就很少说啥了。

建立页面仓库

选择New repository

Repositoryname输入：你的帐号名字.github.io，如（cspp01.github.io）。Description输入描述，最下面的选框Initialize this repository with a README可选可不选，建议选上。点击Create。好了，你在网上存放博客的地方也见好了。

SSH密钥

生成SSH密钥

仍是右键点击Git base Here输入

ssh-keygen -t rsa -C "你的邮箱地址"

按回车，按回车，按回车，你得按3边，成功，到C:UsersAdministrator.ssh下，能够看到两个文件，id_rsa是密钥 ，id_rsa.pub是公钥。

创建链接

回到github选择setting->SSH and GPG keys->右上角New SSH key



title随便了，最好有意义点。打开刚才的id_rsa.pub，Ctrl+a->Ctrl+c，粘贴到key，Add SSH key，OK。

全局配置

git config --global user.name "你的github用户名"
git config --global user.email  "你的邮箱"

hexo

_config.yml配置文件

这个文件在hexo根目录下，打开_config.yml配置文件，找到下面（在最下面）修改成：

deploy:
  type: git
  repo: 仓库地址
  branch: master

注意repo是你刚才新建的仓库的地址,复制粘贴上去就好OK了。还有注意冒号后面的空格必须。

hexo部署

$ hexo g

$ hexo d

最后出现

INFO  Deploy done: git

说明成功
若是在执行 hexo d 后,出现的错误

error deployer not found:git

请再次输入

npm install hexo-deployer-git --save

而后再次执行

$ hexo g
$ hexo d

应该就能够了，若是还失败。请从新安装hexo从新部署。我第一次就是无论怎么样操做都部署失败，后来从新安装了一下就行了。就是这么神奇。
最后在浏览器输入你刚才新建仓库的名字：你的用户名.github.io（如cspp01.github.io）就能够访问了。
是否是很酷。

写博客

你的博客文章都放在 source _posts 下，你若是要写新博客文章的话，能够手动在这个文件夹下建立.md文件。也能够经过命令建立：

$ hexo new "你的文章名字"

而后再在你建好的.md文件里编辑文章。文章运用的是Markdowm（Markdown 是一种用来写做的轻量级「标记语言」）,仍是很简单很好用的，其实你仿照hello world的那篇文章来写就能够。

文章中加图片

加图片能够先把图片上传到云端，推荐七牛，而后在文章中加入了。
建好，编辑完，先在本地调试预览，在经过命令上传：

$ hexo clean
$ hexo g
$ hexo s --debug
$ hexo d

好了，如今你新写的文章也上传上去了。上传上去立马刷新可能还不会做用到是由于会有一丝丝延迟，再刷新下就会好了。本地调试好后要上传记得每次都（每次上传最好先claer）：

$ hexo clean
$ hexo g
$ hexo d

hexo经常使用命令

hexo 安装
$ hexo install hexo -g(安装hexo)
$ hexo init(初始化)
$ npm install(安装依赖包)

服务器
$ hexo s(开启本地服务，本地预览)
$ hexo s --debug(以调试模式启动，对文件的更改无需中止网站只需刷新便可看到效果)
$ hexo s -p 5000(更改端口)

$ hexo clean(清除缓存)
$ hexo d(上传部署)

本地文件
$ hexo g(从新生成本地文件)

编辑文章
$ hexo new "page" (新建文章)

这篇就到这里，下篇咱们介绍怎么设置主题，和一些样式的修改自定义。

本篇博客首发于本人博客,欢迎点击查看hexo我的博客搭建