Github+Hexo搭建个人博客

发布于 2018-10-07 tech 

Github+Hexo搭建个人博客

搭建步骤

1. Github新建 用户名.github.io 仓库，例如

2. 在Ubuntu上安装、配置Git

1
2
3
4
5
6

#安装Git
sudo apt install git

#配置Git user.name user.email
git config --global user.name "自己随便起个名字"
git config --global user.email "自己的邮箱"

3. 安装Node.js

Hexo基于Node.js,Node.js Linux-64下载地址

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

# 解压下载好的node
tar xf node-v8.12.0-linux-x64.tar.xz 

# 移动到 /opt目录下并重命名为node  opt目录一般为大型软件的安装目录
sudo mv node-v8.12.0-linux-x64 /opt
sudo mv node-v8.12.0-linux-x64 node

# 添加Node到环境变量
sudo nano /etc/profile

# 在profile文件尾添加 
export PATH=$PATH:/opt/node/bin

# 保存退出后使之生效
source /etc/profile

# 检查是否配置成功 输出正确版本信息则配置成功
node -v
npm -v

4. 安装Hexo

Hexo就是我们的个人博客网站的框架， 这里需要自己在电脑常里创建一个文件夹，可以命名为Blog，Hexo框架与以后你自己发布的网页都在这个文件夹中。

1
2
3
4
5

# 安装Hexo
npm install hexo-cli --save

# 切换到Blog文件夹下，进行初始化
hexo init

5. 发布网站

在Blog目录中的_config.yml文件称为站点配置文件，而Blog目录下的theme目录下的_config.yml文件称为主题配置文件。

下一步我们将Hexo与Github关联起来，打开站点配置文件，翻到最后修改为:

注意:

1. repo填写你自己的仓库(用户名.github.io)
2. 用HTTPS的那个
3. yml配置文件键和值之间有一个空格，如 type: git

修改完站点配置文件后，保存退出

安装Git部署插件

1

npm install hexo-deployer-git --save

切换到Blog目录下

1
2
3
4
5

# 生成静态网页
hexo g

# 部署
hexo deploy

输入我们Github的用户名和密码后，就可以在浏览器中输入

Github用户名.github.io

6. 更换主题

主题传送门: Themes

下载相应主题到Blog目录下的themes文件夹下，修改站点的配置文件

7. 发布文章

1

hexo new "博客名字"

我们会发现source文件夹中的_post文件夹中多了一个 博客名字.md 的文件，也就是我们要编辑的博客了。