title: Hexo博客系统搭建的完整过程
date: 2018-02-22 19:29:01
categories: 博客搭建
tags:
- 博客搭建
- github
- git
- ssh
这是一篇自己总结的搭建Hexo博客的经验贴，便于日后查看同时也分享给大家，希望少走些弯路
说起做技术博客，前前后后也有1年半时间了。
最开始在CSDN上记录技术学习过程，编程语言、系统安装等入门级笔记较多，坚持时间较长。后来迁移副本至博客园，可能先入为主的原因，之后一直没再同步更新；同样，先前也有自己搭建过一次博客，jekyll系统、Hexo系统都做过，后来因为考研的原因也都草草收场。博客虽搁置一边但笔记还要记啊，懒出天际的我直接markdown文档保存在电脑中，这些待嫁的深闺文章越积越多，寒假闲来无事，突然想起这些烂摊子该理一理。
今天看了下CSDN统计：原创132篇，访问量100618，排名24463，其中最热门的 Win10+Ubuntu17.04双系统安装 访问量5万+。由此说明一个完整的入门贴对于小白来说还是有所帮助的，而本人做博客的初衷之一也是希望记录自己成长过程的同时分享给更多同行自己遇到的坑和响应的解决方案；同样，每当入门一个全新的领域如能看到同行前辈分享的完整学习贴也会感激万分，这种正向反馈给我坚持技术分享的动力。技术之路无穷尽，但希望在这条充满挑战兼具无尽获得感的路上我们都会编程出属于自己的那片天，熠熠生辉。
心路历程还算饱满，废话少表，开工吧
一、Hexo博客系统搭建
安装node.js
到node.js官网下载node.js并安装
安装Git
自行百度安装
安装markdown编辑器
mac: macdown
win: MarkdownPad2
使用git通过ssh建立github连接
我们使用Github官方提供的Github Pages这一服务来作为静态博客的服务器，没有github的同学去官网注册一个。
使用git通过ssh建立github连接。大概流程是本地设置user.name user.email，这样本地即可通过git命令行的方式连接github；为了安全便捷，我们本地再生成一个ssh key，它是一对私钥和公钥，私钥自己保存别动它，把ssh key中的公钥添加到github官网自己账号中，这样就可以用自己设备很方便的连接至自己的github并享受其服务。如有多台设备，可以每台设备生成一对ssh key，并将多个公钥添加github账号中即可，这样就可以实现多台设备无缝连接，便于移动办公。
本地Hexo系统搭建
以上步骤都完成后，用npm安装hexo：
npm install -g hexo
本地创建自己的blog目录，如MyBlog，在该目录下进行Hexo初始化：
hexo init MyBlog
cd ~/MyBlog/
npm install
安装Hexo必备插件：
npm install hexo-server --save #本地服务便于本地预览
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-deployer-git --save #hexo通过git发布
npm install [email protected] #渲染器
npm install [email protected] --save #渲染器
至此，在博客根目录执行如下命令，即可在本地生成静态页面并预览。
hexo clean #清理public目录缓存(如果有)
hexo g #生成静态页面至public目录
hexo s #打开本地服务器，在http://localhost:4000/进行预览
hexo d #经过下文配置，后期将这些静态页面部署至github仓库，完成博客发布
本地Hexo系统与Github账户关联
在自己Github账号下新建一个名为 [your_account].github.io 的仓库
编辑Hexo博客根目录下的_config.yml文件，找到最下面的deploy
deploy:
type: git
repo：https://github.com/XXXX/XXXX.github.io #你的GitHub Pages的https链接
branch：master
保存配置文件后，执行如下命令后访问XXXX.github.io即可看到部署在github上的默认博客：
hexo g
hexo d
常用命令
hexo clean #清除public静态页面缓存
hexo new page "pageName" #新建页面
hexo help # 查看帮助
hexo version #查看Hexo的版本
hexo new "postName" #新建文章
简写:
hexo n == hexo new #新建文章
hexo g == hexo generate #生成静态页面至public目录
hexo s == hexo server #本地服务
hexo d == hexo deploy #部署至github仓库完成博客发布
二、Hexo系统装修-相关配置细化
主题配置
Hexo系统有很多主题，本文采用Next主题。相关配置包括站点配置与主题配置，跟着官方文档走就行 传送门
第三方功能插件配置
第三方功能包括但不限于：首页全文阅读、站内搜索、访问人数、打赏功能、多说评论、404页面、RSS、sitemap。这些第三方功能详见上面传送的Next主题官方文档
全文阅读：在合适的位置添加 < !–more–> 标签，之前的文字都会写在首页文章名称下面的简介里
站内搜索：采用Local Search
访问人数：不蒜子统计
文章头部
配置完成后，每一篇md文章的头部信息如下即可：
---
title: Hexo博客系统搭建的完整过程
date: 2018-02-22 19:29:01
categories: 博客搭建
tags:
- 博客搭建
- Hexo
- github
---
至此客官已基本完成Hexo这个强大方便的博客系统，今后的路就让它陪你，好基友一起走吧。
附上本人小窝，欢迎交流。
参考资料：Hexo的安装和使用(mac篇)
版权声明：本文为原创文章，客官如需转载请注明
转载自：[Pop_Rain的博客](http://blog.csdn.net/pop_rain)
