搭建自己的专属Hexo博客

2017-10-12

注册GIthub账号

什么，你没有github账号？哈哈，那你肯定不是个程序员！

新建仓库

仓库名称格式是username.github.io
注意，此处username要对应你的GitHub用户名
仓库创建图片

安装node.js

安装nodejs时官方有.msi后缀和.exe后缀两种文件。
其中.msi文件直接下载安装，已经自动配置好环境，.exe文件需要手动配置环境。若需要安装.exe可以参考我的另一篇博客。官网下载速度略慢，可用淘宝镜像。

安装Git

去官网或者常用的下载软件的网站都可以下载，安装的时候一路next即可。
安装成功之后运行Git Bash

初始化设置

$ git config --global user.name “your name”  
$ git config --global user.email “your email”

生成密钥

$ ssh-keygen -t rsa -C “your email”

添加密钥

打开你的GitHub找到 ssh and gpg key
点击 new ssh key
刚才得到的id_rsa.pub就是要添加的密钥（添加方法：可将id_rsa.pub文件直接拖入浏览器，出现一串字符，将字符copy到需要填写的地方即可）

测试：
$ ssh git@github.com

成功后，GitHub上的ssh小钥匙变成绿色

搭建hexo

新建一个文件夹存放你的hexo相关文件（我将它命名为blog）

安装：

$ npm install -g hexo

初始化:
$ cd blog $ hexo init

以下命令都在blog中执行

安装插件：

$ npm install hexo-generator-index --save#索引生成器
$ npm install hexo-generator-archive --save  #归档生成器
$ npm install hexo-generator-category --save #分类生成器
$ npm install hexo-generator-tag --save  #标签生成器
$ npm install hexo-server --save #本地服务
$ npm install hexo-deployer-git --save   #hexo通过git发布（必装）
$ npm install hexo-renderer-marked@0.2.7--save   #渲染器
$ npm install hexo-renderer-stylus@0.3.0 --save  #渲染器

生成静态页面

$ hexo generate #简写 $ hexo g

本地启动

$ hexo server      #简写 $ hexo s

浏览器输入http://localhost:4000即可看到效果。

发布

找到blog根目录下的_config.yml文件，找到下面的deploy: 并更改为

deploy:
type: git
    repo: https://github.com/Wanghan0/
   Wanghan0.github.io.git #建好的仓库地址.git
   branch: master`

注意冒号后面有一个字符的空格即英文输入下的一个空格

更改完毕执行下列代码

$ hexo g   #生成
$ hexo d   #发布   #两行简写 $ hexo d -g

对blog中文件做了更改或者发布文章，都要执行这两行代码才能更新到你的博客
好啦现在你可以参观你的博客啦，你的地址就是 https://your_github_username.github.io

写文章

在命令行模式下cd至博客的根目录，然后执行以下代码

$ hexo new "postName"

打开刚刚生成的文件

title: postName             #文章页面上的显示名称，可以任意修改
date: 2016-02-18 15:30:16   
tags:                       #文章标签，可空，多标签请用格式[tag1,tag2,tag3]
categories:                 #文章分类目录，可空
 ---
此处编辑正文

注意冒号后面一个字符的空格

文章摘要

如果不想自己的文章在主页全部显示，可在截断处添加

<!--more-->

发布文章

$ hexo clean 
$ hexo g 
$ hexo d

至此，第一篇博文大功告成啦，有没有很激动，坚持写下去吧！