Hexo博客搭建之路

技术杂谈

一直以来就想搭建一个博客，但由于种种原因，最终都不了了之，最近恰好有空，于是参照一些教程，搭建了自己的博客。

为什么要搭建博客，可能是为了装逼吧，同时也希望将平时工作和生活的相关事情进行总结和积累。

经过技术调研与对比，博客最终选择为hexo+Github Pages，为什么没有选择其他呢？可能还是觉得太麻烦，也许还是是因为hexo相对来说比较简单吧

本篇博客将完整介绍Hexo博客的搭建过程，也希望帮助大家少踩点坑，废话少说，开始吧。

环境准备

安装Node.js

Hexo是基于node.js的，所以要去官网下载最新稳定版即可，具体安装参考官网步骤即可。

同样也可以通过Mac包管理器Homebrew来安装,打开终端输入下面命令

1
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

继续安装另一个Homebrew Cash包管理器，此包管理器它会自动配置好环境变量，使用我们之前安装的包命令

1
brew install caskroom/cask/brew-cask

使用Homebrew安装Node.js

1
brew install node

安装Git

1
brew install git

检查是否安装成功

1
2
3
node -v
npm -v
git -v

如果能正确显示版本号，则表示环境安装准备成功

安装Hexo

执行以下命令，开始安装Hexo

1
npm install -g hexo

创建一个空的目录，用来放置hexo博客文件，进入到目录，输入命令开始初始化

1
hexo init jerry_blog

初始化完成后，系统将提示执行npm install完成依赖及所有的配置

1
npm install

测试Hexo

Hexo安装配置完成后，打开终端，输入以下命令启动本地服务进行测试

1
hexo server

打开浏览器，输入http://localhost:4000,出现hexo欢迎页面则启动成功

安装主题

hexo的博客主题非常多，本博客最终选择的是hexo-theme-icarus主题

下载hexo-theme-icarus主题配置

icarus主题包可以在这里找到，也可以使用git下载，切换到hexo博客根目录，然后输入：

1
git clone https://github.com/ppoffice/hexo-theme-icarus.git themes/icarus

下载完成之后将根目录的主题设置为icarus

1
2
#将以前的主题修改为icarus
theme: icarus

主题设置

logo配置

hexo常用命令

1
2
3
4
5
hexo g 生成静态页面至public目录
hexo s 开启本地预览服务端口(htttp://localhost:4000)
hexo d 将.deploy目录部署至服务器
hexo new "postname" 新建文章
hexo new page "pagename" 新建页面

发布博客到Github服务器

安装hexo-deployer-git工具，输入命令

1
npm install hexo-deployer-git --save

配置git账户和密码，打开hexo博客目录的_config.yml文件

1
2
3
4
deploy:
  type: git
  repo: 输入GitHub Pages的仓库地址
  branch: 分支名称

后续

hexo
评论