HEXO 搭建个人博客

 

初见Hexo

Hexo 用来搭建个人blog简直是各行各业小白福音.你以为需要掌握HTML，JS，CSS以及各种后端程序吗？按”步”就”搬”就能轻松实现！

名词解析

Hexo：一种常用的博客框架。可以认为它是一种博客模板，高度的自定义性，只要你愿意花时间，你可以建立出各种高大上的博客来
Hexo官方网站 https://hexo.io/zh-cn/docs/

Github：一个全世界程序猿聚集的知名网站。我们这里要利用网站里的Github Pages功能来托管需发布到网上的博客的相关文件

Git： 知名的版本控制系统，用于博客同步到Github，只需掌握几条常用命令，后期用的最多的就是它

Node.js： 提供JavaScript的开发环境

搭建教程

1. 安装软件（GIT,NODEJS）

• 安装 HEXO 框架
• 配置 HEXO 服务
• 创建 GITHUB 并绑定 HEXO 到 Github Pages
• 美化及同步 HEXO

安装软件

NODEJS 和 GIT在网上已经有各种教程，安装更是简便，这里略过
安装后检测是否安装成功可用以下执行以下cmd命令,显示的是安装的版本号

• git –version
• node -v
• npm -v

安装Hexo博客框架

在安装完git之后，右键选择git bash here,执行以下命令进行安装hexo 以及 将hexo部署到git page的deployer

• npm install hexo-cli -g
• npm install hexo-deployer-git --save (若不执行这行则后续报错：deloyer not found:git)

选择合适的磁盘路径作为本地存放管理博客的地址（例如 G:\Blog\Hexo）执行cmd命令

• hexo init
• hexo install

继续执行命令，体验HEXO

• hexo g
• hexo s

打开地址 http://localhost:4000/ 即可体验

关联 HEXO 到 github page

1. 注册github创建项目（New repository）

项目名称：yourname.github.io 例如（Aaaronchen.github.io）

2. 配置关联SSH密钥

配置Github的SSH密钥可以让本地git项目与远程的github建立联系，让我们在本地写了代码之后直接通过git操作就可以实现本地代码库与Github代码库同步。

在git bash中运行cd ~/. ssh检查本机是否有SSH keys

不存在则创建 ssh-keygen -t rsa -C "your_email@example.com

创建后复制密钥 clip < ~/.ssh/id_rsa.pub 在github的account settings 中选择 SSH Keys –> 粘贴即可

输如命令ssh -T git@github.com 测试设置是否成功，得到反馈：

The authenticity of host ‘github.com (207.97.227.239)’ can’t be established.
RSA key fingerprint is 16:27:ac:a5:76:28:2d:36:63:1b:56:4d:eb:df:a6:48.
Are you sure you want to continue connecting (yes/no)?

输入yes即可完成SSH配置

3. 修改_config.yml文件

在本地项目中找到_config.yml文件配置repo为你相应的地址

deploy:
    type: git
    repo: git@github.com:Aaaronchen/Aaaronchen.github.io.git
    branch: master

本地同步到github上

执行cmd命令

• hexo g 生成
• hexo d 部署

若出现错误：

deloyer not found:git

需执行以下命令，将hexo部署到git page的deployer

npm install hexo-deployer-git --save

优化HEXO

搭建后，你会发现浏览器加载该页面会很卡，目前国内访问GitHub速度慢，还可能被墙，所以Gitee来构建个人博客，保证访问速度

其中在Gitee中项目名称新建为同用户名即可

_config.yml文件配置改为如下

deploy:
    type: git
    repo: https://gitee.com/ianlong/ianlong
    branch: master

要注意的是repo如果不使用ssh地址，那么SSH配置则不生效

最后在项目的服务中找到Pages服务，更新即会生成网站地址

美化HEXO

可在以下地址需找主题：
https://github.com/search?o=desc&q=topic%3Ahexo-theme&s=stars&type=Repositories
并找到所需主题的github地址

项目的themes文件夹下执行clone命令
将其克隆到本地themes/ocean文件夹下：

git clone https://github.com/zhwangart/hexo-theme-ocean ocean

修改_config.yml文件，themes对应参数 ocean

执行cmd命令:

• hexo clean 清除服务缓存
• hexo d -g 更新到github上

 

http://ianlong.gitee.io