github+hexo配置个人博客

发表于 |

创建代码库

yourname/yourname.github.io 固定格式

配置Hexo

安装Hexo

安装Hexo之前要安装git和Node.js

安装好git和Node.js后，在命令行中输入：

1
npm install hexo-cli -g

可能你会看到一个WARN，但是不用担心，这不会影响你的正常使用。 然后输入

1
npm install hexo --save

然后你会看到命令行窗口刷了一大堆白字，下面我们来看一看Hexo是不是已经安装好了。 在命令行中输入：

1
hexo -v

如果显示版本信息则说明安装成功

初始化Hexo

新建一个文件夹，然后在gitbash里进入这个文件夹的目录，输入：

1
hexo init #必须是空的文件夹

然后输入：

1
npm install

之后npm将会自动安装你需要的组件，只需要等待npm操作即可

首次体验Hexo

继续操作，同样是在命令行中，输入：

1
2
hexo g  # generate static files
hexo s -p 4000 # start the server 并且指定端口

然后会提示：

1
INFO  Hexo is running at http://0.0.0.0:4000/. Press Ctrl+C to stop.

在浏览器中打开http://localhost:4000/，你将会看到自己的博客。
到目前为止，Hexo在本地的配置已经全都结束了。

使用Hexo

配置Deployment
首先，你需要为自己配置身份信息，打开命令行，然后输入：

1
2
git config --global user.name "yourname"
git config --global user.email "youremail"

同样在_config.yml文件中，找到Deployment，然后按照如下修改：

1
2
3
4
deploy:
  type: git
  repo: git@github.com:yourname/yourname.github.io.git
  branch: master

如果使用git方式进行部署，先执行

1
npm install hexo-deployer-git --save

来安装所需的插件

然后在当前目录打开命令行，输入：

1
hexo d   # deploy your website

随后按照提示，分别输入自己的Github账号用户名和密码，开始上传。 然后通过http://yourname.github.io/来访问自己刚刚上传的网站。

添加新文章

打开Hexo目录下的source文件夹，所有的文章都会以md形式保存在_post文件夹中，只要在_post文件夹中新建md类型的文档，就能在执行hexo g的时候被渲染。 新建的文章头需要添加一些yml信息，如下所示：

1
2
3
4
5
6
---
title: hello-world   //在此处添加你的标题。
date: 2014-11-7 08:55:29   //在此处输入你编辑这篇文章的时间。
categories: Exercise   //在此处输入这篇文章的分类。
toc: true  //在此处设定是否开启目录，需要主题支持。
---

https://xuanwo.org/2015/03/26/hexo-intor/
https://meesong.github.io/StaticBlog/2017/NexT+Gitment/