hexo+yilia+github搭建个人博客

2018-01-18

前言

Github Pages，轻量级的博客系统，没有麻烦的配置，无需自己搭建服务器，可以绑定自己的域名,支持本地编写、本地预览，满意后再发布。
Hexo是一个快速、简洁且高效的博客框架，使用Markdown解析文章，在几秒内，即可利用靓丽的主题生成静态网页。

一、准备搭建环境

1. 注册github账号

github是一个面向开源及私有软件项目的托管平台，因为只支持git 作为唯一的版本库格式进行托管，故名gitHub。就像注册普通账号一样注册一个就行。配置SSH keys，这里的教程在廖雪峰的git教程中会讲到。

2. 安装node.js

node.js一种javascript的运行环境，能够使得javascript脱离浏览器运行。主要用来生成博客的静态页面，可以从node.js官网进行下载，需要配置环境变量。

3. 安装git环境

git是一个开源的分布式版本控制系统，用于敏捷高效地处理任何或小或大的项目。我们主要使用它来和github进行交互，如果你对git的操作不是很熟悉，推荐你看廖雪峰的git教程。

本文所使用的环境

Windows10
node.js@8.9.3
git@2.15.0
hexo@3.4.4

二、开始搭建博客

node.js和git都安装好后，创建一个文件夹，如MyBlog存放用户的配置文件，右键选择Git Bash Here进入git的命令行。

1.安装hexo

1	$ npm install -g hexo-cli

按照完成后，查看版本：

2.初始化

1	$ hexo init #初始化hexo环境

hexo会自动下载一些文件到这个目录，包括node_modules，目录结构如下图：

依次执行下面三个命令

1
2
3

$ npm install #安装npm依赖包
$ hexo generate #生成静态页面
$ hexo server #生成本地服务

这时候打开浏览器输入http://localhost:4000/即可访问到自己的博客

3.修改主题

默认的主题看上去比较丑，现在把主题换成hexo-theme-yilia，直接从github上下载压缩包解压到themes文件夹

或用git命令clone到themes文件夹。

1	$ git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

hexo有2种_config.yml文件，一个是根目录下的全局的_config.yml，一个是各个themes下的_config.yml。

修改修改根目录_config.yml中的theme: landscape改为theme: yilia，然后重新执行hexo generate来重新生成。主题的名字要与你themes文件夹里对应的主题文件夹名字一样。如果出现一些问题，可以先执行hexo clean清理一下public的内容，然后在重新生成。

三、将本地博客发布到GitHub上

1.创建远程仓库

创建仓库yourname.github.io，yourname为自己github的名字，例如我的就是hncboy.github.io

2.连接本地与远程github仓库

对本地博客根目录下的_config.yml进行编辑，配置其中关于deploy的部分

deploy:
  type: git
  repo: https://github.com/yourname/yourname.github.io.git
  branch: master

然后再gitBash中执行

1	npm install hexo-deployer-git --save

最后将你的博客提交

1	$ hexo deploy

就可以通过在浏览器中访问 http://yourname.github.io/ 进入你的博客了

3.常用hexo命令

常用命令

hexo new "postName" #新建文章
hexo new page "pageName" #新建页面
hexo generate #生成静态页面至public目录
hexo server #开启预览访问端口（默认端口4000，'ctrl + c'关闭server）
hexo deploy #部署到GitHub
hexo help # 查看帮助
hexo clean # 清除缓存
hexo version #查看Hexo的版本

缩写

hexo n == hexo new
hexo g == hexo generate
hexo s == hexo server
hexo d == hexo deploy

组合命令

1 2	hexo s -g #生成并本地预览 hexo d -g #生成并上传

四、结语

本文仅限于入门的操作，关于hexo搭建个人博客的高级玩法可以另找资料，这里的博客都是自己平时学习的笔记，难免会有错误和疏漏，可以在评论中指出。另外Markdown的写法可以参考Markdown: Basics （快速入门），工具有mahua、MarkPad等可以参考。