hexo+github搭建个人博客

作为一只想要鼓（zhuang）捣（bi）的前端得有个写博客的地方，于是话不多说抄起键盘就是干

ps：github账号注册https://github.com/ 就不多说了

1.0 安装git（无脑下一步即可）

2.0 安装node（无脑下一步）

3.0 安装hexo

3.1 在如何地方鼠标右键选择git bash

1	$ npm install -g hexo

3.2 hexo安装完后在自己喜欢的地址下创建blog。我在D：\git\shenyubinblog中创建博客
ps：shenyubinblog这个文件夹是我自己右键新建的

1 2	$ cd D:/git/shenyubinblog $ hexo init

3.3 加入nmp管理

1	$ npm install

这样在本地的一个hexo blog就已经初步完成了。
ps：这里执行命令的路径一直都在D:/git/shenyubinblog我中途有退出后别的地方是执行不了的自己犯过的小错误。

3.4 查看本地博客

1 2	$ hexo generate $ hexo server

打开浏览器地址栏输入localhost:4000就可以看到本地的这个基础博客了。里面有一篇自带的Hello World文章。
ps：如果关掉git bash 或者在命令行按ctrl+c就会关闭本地服务器的预览。

小问题：

1 2	# 在hexo server后提示找不到该指令则： $ npm install hexo -server --save

4.0 修改自己的博客配置和写文章

修改shenyubinblog/_config.yml文件
ps:这里的配置格式要求很严个属性名加上：然后要有空格再接属性。例如（type: git）如果冒号后面没有空格会报错，我再次踩坑2次，在这里跌倒就再在这里跌一次然后就跌傻了

# Site
title: shenyubin blog #标题
subtitle:
description:
author: shenyubin #作者
language: zh-CN #语言
timezone:

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  # 这条是https地址下面的是ssh地址我试了两台电脑有一台https地址识别不了
  # repository: https://github.com/shenyubin/shenyubin.github.io.git与
  repository: git@github.com:shenyubin/shenyubin.github.io.git
  branch: master

新建一篇文章

1	$ hexo new 文章名字

在shenyubinblog/source/_posts/下面会生成 “文章名字”.md用markdown编写这个文档
ps:期间可以边保存边刷新看一直打开在哪里的localhost:4000，这里有篇不错的markdown语法说明

5.0 最最最关键的发布到github

5.1 在提交之间要先与自己的github配对好

1	$ ssh-keygen -t rsa -C "github上绑定的邮箱地址"

3个回车，就能在C:\Users\Administor.ssh中得到id_rsa和id_rsa.pub,把id_rsa.pub里的内容复制到你的https://github.com/settings/ssh 点add ssh key，title填你喜欢的，在下面框中粘贴。

5.2 在自己的github上新建一个名为 “你的用户名”.github.io的项目

点击绿色按钮会有一个复制clone地址的下拉框，可点击https或者ssh来切换clone地址，这个地址就可以直接填写到上面配置文件中的repository:
repo
ps:如果有一个地址不行可以试试另一个，我再此坑中躺尸半天。

5.3 部署到自己的github

1
2
3

$ hexo clean #清楚缓存
$ hexo generate #生成页面
$ hexo deploy  #部署到github博客

当执行完hexo deploy后最后结尾是这样的才是部署成功了
right deploy
如果不是那就去找上面的”error：….”那个就是报错（突然发现报错了也不是那么可怕）
error1

5.4 写博客常用命令

$ hexo n "文章名"  #新建文章 == hexo new
$ 能新建当然得能删除啊，如果要删除已经写好的文章就在source/_posts/下面找到相应文章删除就可以了
$ hexo clean     #清楚缓存
$ hexo g   #生成页面 == hexo generate
$ hexo s   #开启本地预览服务器  == hexo server
$ hexo d  #部署到博客 == hexo deploy

这样hexo+github的博客就完成了，是时候睡个觉庆祝下了！

2016-10-10