GitHub+Hexo搭建个人博客

其实网上已经有很多这样的教程了,我这里只是把自己一步步搭建的过程做一些记录而已。闲话不多说,马上开始。

准备环境

  • Git,先 点击这里 下载Git安装,安装过程我就不作说明了
  • Node.js,点击这里 下载安装,安装也很简单方便,这里也不作说明,记得安装上npm就好
  • GitHub账号当然不能少,这里就默认你已经有账号了…没有的 点击这里 去注册吧

Hexo安装与搭建

首先,新建一个文件夹,你的博客就要放在这里,我这里是E:\hexo,然后,在这个文件夹里右键Git Bash Here,因为要使用到这个,所以就不用cmd命令行直接用这个了。
执行以下命令安装Hexo:

1
npm install -g hexo-cli

再执行以下命令,生成建立网站所需要的所有文件并安装依赖包:

1
2
hexo init
npm install

然后,我们在根目录下的_config.yml文件,填上自己博客的相应信息,注意,冒号后面都要有一个空格,这是yml文件的格式

1
2
3
4
5
6
title: # 标题
subtitle: # 副标题
description: # 站点描述
author: # 作者
language: zh-Hans
timezone:

然后,以下命令生成静态页面并开启本地服务器

1
2
hexo generate
hexo server

现在,浏览器输入http://localhost:4000就能查看你的博客了,当然,只是本地,接下来,就是放到GitHub上让别人能访问了。

部署到GitHub

创建仓库

首先New Repository,名称是username.github.iousername要与账号对应,比如我的就是JianFengY.github.io,所以,我的GitHub账号本来应该全部小写字母的,这样会比较协调…

生成SSH密钥

执行以下命令,不出意外应该是一直回车就好。

1
ssh-keygen -t rsa -C "Github的注册邮箱地址"

然后,在C:\Users\ASUS\.ssh目录会有两个文件id_rsaid_rsa.pub,打开id_rsa.pub,复制里面的所有内容到 SSH keys这里 的Key,Title随便填,然后Add SSH key就可以了

部署

首先,在根目录下的_config.yml文件,找到deploy,填上相应信息,repo就是上面创建的仓库地址:

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

安装hexo-deployer-git部署发布工具:

1
npm install hexo-deployer-git --save

然后就可以使用以下命令发布你的博客了,第一次发布会让你输入Github 的邮箱和密码:

1
hexo generate && hexo deploy

这里贴一下Hexo常用命令:

1
2
3
4
5
6
7
hexo init # 初始化目录
hexo server 或 hexo s # 本地服务器预览
hexo new "postName" 或 hexo n "postName" # 新建文章
hexo new page "pageName" 或 hexo n "pageName" # 新建页面
hexo generate 或 hexo g # 生成网页在 public 目录有整个网站的文件
hexo deploy 或 hexo d # 部署.deploy目录
hexo clean # 清除缓存

完成

现在,浏览器输入https://username.github.io/我的就是https://jianfengy.github.io/就能查看你的博客了。