Hexo博客搭建

发表于 | 分类于 | 本文总阅读量 次

Hexo是一个快速、简洁且高效的博客框架。天生支持Markdown，使它备受程序猿的喜爱。简单易部署、丰富的插件、美观的主题使它脱颖而出。本人表示正式从WordPress脱坑，拥抱Hexo。
o(^＠^)o

安装前准备

检查电脑中是否安装下列应用程序：

  • Node.js （下载最新稳定版）

  • Git（下载最新稳定版）

遇到 任何问题 请参考 Hexo官方文档 ，官方文档很详细。

安装Hexo

使用 npm 安装 Hexo

1
npm install -g hexo-cli

建站

新建一个网站

1
2
3
hexo init [folder]
cd [folder]
npm install

具体目录结构和文件说明请参考 官方文档

开启本地Hexo服务器

1
hexo s

根据提示在浏览器输入 http://localhost:4000即可

部署至GitHub Pages

注册GitHub

注册 GitHub，取一个亮一点的用户名，部署博客时会使用

新建一个项目

  1. 点击“+” -> 点击“New repository”

image

  1. 在 Repository name 中填写内容，格式为：[你注册GitHub时填写的用户名].github.io

image

  1. 点击 Create repository 即可

  1. 添加SSH key秘钥至GitHub，请参考 此文章

  2. 修改配置文件

找到项目文件夹下 _config.yml 打开后滑到最后，修改成下面的样子

image

  1. 推送项目至GitHub
1
2
3
hexo clean
hexo g
hexo d

执行 hexo d 后报错：无法连接git或找不到git，执行命令安装 hexo-deployer-git

1
npm install hexo-deployer-git --save

安装完成后，再次执行 hexo g 和 hexo d 命令

  1. 去GitHub查看项目是否推送成功，成功如下图

image

  1. 成功之后直接访问网址，网址格式： [你注册GitHub时填写的用户名].github.io ，成功后如下图

image

自定义域名

  1. 去域名服务商购买域名
  1. 查看GitHub的IP地址，参考文章，或者可以直接解析到 [你注册GitHub时填写的用户名].github.io

image

  1. 解析域名

image

  1. 点击 Settings

image

  1. 找到GitHub Pages，填写域名，勾选强制https

image

  1. 去浏览器查看是否成功（如果不成功，请等待，ssl证书申请需要时间，而且你在勾选强制https时，会有提示）
  2. 成功之后，需要进入Hexo的项目目录，在 source 目录下新建一个 CNAME 文件，内容为你的域名即可

部署至Coding Pages

注册账号

请去 Coding 注册账号，中文界面往下撸就完事了。

新建一个项目

  1. 绑定SSH公钥

绑定SSH公钥，和GitHub类似

image

  1. 新建项目

添加一个和用户名相同的项目名称，和GitHub类似

image

  1. 修改配置文件

把项目的SSH地址填写到Hexo的配置文件中，如下图

image

  1. 推送项目至Coding
1
2
3
hexo clean
hexo g
hexo d

碰到问题，处理方式与GitHub类似

  1. 开启Pages服务

点击“Pages服务”之后，根据提示开启，成功后如下图，访问地址成功即可。

image

自定义域名

  1. 点击设置

image

  1. 根据Coding绑定新域名方法，去域名服务商解析域名至Coding

image

  1. 绑定新域名，勾选首选，开启强制https访问，访问域名成功即可

image

0%