手把手教你用Hexo搭建我的技术博客

前言

其实大四实习那会就有搭建我的技术博客的想法了，而后仍是懒，搁置了好久。前阵子在掘金发了几篇以前写过的文章，收获了很多赞和阅读量，有点小小的成就感，因此这点动力驱使本身动手了~有些人会以为搭建我的博客须要购买域名，须要花钱，其实不是的，Github就能够帮助咱们免费生成静态网址，这一点后面会提到的。

什么是Hexo

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其余渲染引擎）解析文章，在几秒内，便可利用靓丽的主题生成静态网页。此处附上Hexo中文官网。下面咱们详细介绍搭建步骤。

安装Git Bash

Git Bash是Windows系统下git的命令行工具。

• 下载地址
• 安装步骤：双击下载好的exe文件，一路next就能够
• 确认成功：执行git version，控制台打印出对应git版本就说明安装成功了。

安装Node

Hexo是基于Node环境的静态博客，npm工具是必不可少的。

• 下载地址
• 安装步骤：基本操做，这里就不赘述了。
• 确认成功：执行node -v，控制台打印出对应Node版本就说明安装成功了。

安装Hexo

• 先建立本地存放blog的文件夹，而后cd到对应目录下。
• 安装命令：npm i -g hexo（建议用cnpm安装，会相对快一些）
• 确认成功：hexo -v

• 初始化：hexo init，以后打开的文件夹以下图：

• 简单解释下文件夹的做用

node_modules：依赖包

scaffolds：命令生成文章等的模板

source：用命令建立的各类文章

themes：主题

_config.yml：整个博客的配置

package.json：项目所需模块项目的配置信息

搭桥到Github

• 没帐号的建立帐号（程序猿不该该吧~），有帐号的看下面步骤：

• 回到gitbash，配置github帐号信息（YourName和YourEail都替换成你本身的）

• 建立SSH，在gitbash输入：ssh-keygen -t rsa -C "youremail@example.com，生成ssh，而后按照下图找到id_rsa.pub

• 将获取的ssh放到github中：

临门一脚

• 用编辑器打开blog项目，修改_config.yml文件的一些配置（记得冒号后必须有空格，否则配置不生效，这是Hexo的一个坑！）

deploy:
  type: git
  repo: https://github.com/YourgithubName/YourgithubName.github.io.git
  branch: master
复制代码

• 进入blog项目，分别执行如下命令：

hexo clean
hexo generate
hexo server
复制代码

• 打开浏览器输入：http://localhost:4000，见证奇迹的时刻到了~

上传到Github

• 须要先安装Hexo上传仓库的工具，执行npm install hexo-deployer-git --save，这样你写好的文章才能部署到github服务器。
• 执行命令（建议每次都这样作，先清除、再编译上传）

hexo clean
hexo generate
hexo deploy
复制代码

• 在浏览器输入http://yourgithubname.github.io，这样你就能够看到本身的在线博客了~

优化博客

有些童鞋一开始看到这博客，哇，好丑~你们都有经验的，默认的主题都是很差看的，这里有Hexo主题网址，目前有195个主题任你选，每周换一个均可以换三年~（固然你能这么折腾我也服了~）具体怎么安装主题，点进去对应的地址都有详细说明，这里就不赘述了。这里秀一波个人我的博客地址，有空过来刷刷PV也是很ok的~

写博客

最后的最后，怎么写博客？

• 新建文章：hexo new '文章名'，而后在blog的source文件夹就能够看到了。
• 写内容：支持markdown语法，因此我本身如今是用掘金自带的markdown编辑器写完后把文章复制过来的，完美兼容~
• 本地看过没问题就上传到github，步骤前面也说了，通常上传后github服务器会有点延迟，十分钟后刷新应该就有最新的blog了。

结尾

embers的我的博客（会常常更新）