Github & Hexo 搭建个人博客

忙……

最近真的是，各种事情缠在一起，虽然对于搭建博客满心欢喜，但是哦，这只在我的“重要但不紧急”的象限中，所以，以后会慢慢完善整个搭建，以及充实博客的内容。

Github + Hexo 简介

刚刚利用 Github + Hexo 搭建好了个人博客，并绑定了域名 chenzihao.me。

最近忙需求，没太多时间更新博客，暂时留个坑，以后会将搭建方式以及 NexT 主题配置完整展现在这里。

What’s more…

当然，还会有一大堆东西，包括一些代码demo，信息安全相关内容包括CTF等，资源，随笔，杂谈，行摄……

TODOList

• 公司两个需求，隐式转换优化，前端改动
• CTF

以上。

（逃~

好嘞，也算是忙完了 CTF，虽然又新接了两个需求，不过工作时间忙一下就算了，回来还是可以做自己想做的事情，学自己想玩的知识。

相信很多 Geek 和文艺青年，都希望拥有自己的博客，把自己的技术知识、文艺创作、生活经历和感想整理在上面，分享给大家。

一直纠结于在哪里写博客，小时候的 QQ 空间、新浪博客，曾经用过的豆瓣、乐乎、人人小站，技术博客中的 CSDN、CNBlogs，就连 Gitbook 也偶尔抽风……累觉不爱。再后来也通过自己搭建 WordPress，也弄过 Jekyll，蛋疼到极致。直到遇见了简书，可以使用 Markdown 语言，无需考虑乱七八糟的东西，专注于文字。只要你想写文章，插入各种各样的你想要的东西：代码段、图片、链接、引用……并使用各种格式，那么无疑简书是最好的地方。

但后来，不满足于那些博客网站千篇一律的外表，希望自定义页面风格，不想内容被审核所限制，动手能力强，有一定代码基础，想要拥有一个高大上的自定义域名，最终，多看了一眼 Hexo，这个逼格极高的程序猿写作方式，就连名字听起来都很 Geek&Hack，最终选择了 Github + Hexo 搭建个人主页.

Hexo 出自于台湾大学生tommy351之手，一个基于 Node.js 的静态博客程序，其编译上百篇文字只需要几秒。Hexo 生成的静态网页可以直接放到 Github Pages、BAE、SAE 等平台上。并且为了跳过国内服务器备案才能解析域名、部署网站的蛋疼操作，我选择直接通过 Github 服务器解析域名并将网站通过 Github Pages 部署，然后添加 CNAME 进行域名绑定，唯一要做的就是选择一个高大上的域名咯。最为适合作为个人主页的域名，无疑是.me，然而在国内已经被封禁，那么可以通过“扶墙（你懂的）”的方式在国外域名管理网站申请购买，或者选择其他顶级域名代替，例如 .info，.io 等，就看个人喜好了。

回归正题。

Github + Hexo 搭建个人主页

环境准备

安装 Node

简单地说 Node.js 就是运行在服务器端的 JavaScript。

Node.js 的包管理器 npm，是全球最大的开源库生态系统。

以 Windows 系统为例，打开官网下载链接，根据自己系统下载相应版本即可。然后一路默认点下去。

验证版本：

node -v

npm -v

安装 Git

下载链接，然后一路默认安装点下去。

验证版本：

git --version

安装 Markdown 编辑器

Mac 和 Windows 系统的话，推荐 MarkdownPad 编辑器。

更新

时代变了大人，目前最好用的是 Typora。

嗯，我觉得喜欢写博客的人都应该学会简单的 Markdown语法。

献给写作者的 Markdown 新手指南

为什么作家应该用 Markdown 保存自己的文稿

Markdown 写作浅谈

账号准备

以下整理一些必备的账号，通过账号提供 API，才能实现博客的多样化功能。

Github 账号

这个不用多 BB，每个 Geek 都应该有，地位相当于 Facebook。

https://github.com

首先强调一点，名字最好起得好看一点，否则……

注册好之后，需要做一件事情就是，首先创建一个远程仓库，点击 Create a repository，在 Repository name 下的命名，一定要写成：username.github.io的形式，其中 username 就是自己的用户名。

之后选择 Initializie this repository with a README，创建即可。之后不需要任何 git 的操作了。

不要按照 Github 创建项目之后的提示做！！！

友言账号

第三方评论系统。

http://www.uyan.cc

并不是说它有多好= =而是，喵的只剩下它了。从前最经典的老牌评论系统 Disqus 被墙，网易云跟帖被封，多说下线，畅言被封，韩国的来必力验证码被墙。没辙。你自己扶了墙，或者肉身翻墙，国内的小伙伴就很蛋疼，也没啥卵用。

百度站长统计账号

用于统计站点访问量和流量分析，很有用的站长管理系统。

注册地址

LeanCloud 账号

用于统计文章阅览量，也不错哦。

注册地址

Hexo 安装配置

Hexo 安装

Node 和 Git 都安装好后，可执行如下命令安装 Hexo：

npm install -g hexo

Hexo 初始化

创建一个本地文件夹，命名随意，但是如果是 myBlog 会很舒服。

然后进入目录执行 init 命令初始化 hexo 到目录。

hexo init

至此，全部安装工作已经完成。

Hexo 部署

进入 myBlog，执行如下命令，会生成静态页面到 hexo/public。

hexo generate

或者简写：

hexo g

Hexo 启动本地服务器

启动本地服务器，可以在浏览器预览、调试。

hexo server

或者简写：

hexo s

打开浏览器输入 http://localhost:4000 就可以看到部署效果。

写文章

hexo new "新建文章名"

如果希望修改默认模板，可以去 scaffolds 文件夹下查看，比如 post 的 layout 默认是 hexo/scaffolds/post.md

title: { { title } }
date: { { date } }
tags:
---

注意，大括号与大括号之间多加了空格，否则会被转义，不能正常显示。

例如，我想添加分类 categories，以避免每次新建文章时手工输入，则只需要修改这个文件，添加一行即可：

title: { { title } }
date: { { date } }
categories:
tags:
---

提交

每次提交前，有三个固定语句。

清除配置

hexo clean

或简写

hexo c

部署

hexo generate

或简写

hexo g

提交

hexo deploy

或简写

hexo d

Hexo 站点配置

打开站点配置文件，位于文件夹根目录，_config.yml。

主题、git 提交配置：

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: next

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repository: https://github.com/MrShadowalker/MrShadowalker.github.io.git
  branch: master

theme 后的 next 为我选用的主题，下一节会有介绍。

deploy 提交这部分，因为我的 Github 用户名是 MrShadowalker，这里将 MrShadowalker 改成自己的用户名即可。

主题配置

个人最推荐的主题是 NexT。

所有安装配置相关的都有，按照指示一步步做就好。

嗯，有问题在下面留言就好，我会一条条讲解。

打赏