极速搭建Hexo博客【 CentOS7 + Node.js + Hexo + Github Pages】

Hexo是一款流行的博客框架,基于Node.js,支持Markdown语法。这篇文章记录我如何完成搭建并部署到Github Pages上。

创建虚拟环境

养成隔离项目环境的好习惯

$ python3 -m venv venv_blog    # 创建虚拟环境
$ . venv_blog/bin/activate     # 激活虚拟环境
$ mkdir Blog && cd Blog        # 创建并进入项目目录

安装Node.js

这是第一个坑,千万不要使用yum直接安装,似乎是直接安装版本太低,后面会有问题而无法继续。

下载特定版本
# 下载
$ wget https://nodejs.org/dist/v9.3.0/node-v9.3.0-linux-x64.tar.xz
# 解压
$ xz -d node-v9.3.0-linux-x64.tar.xz
$ tar -xvf node-v9.3.0-linux-x64.tar
# 移至指定目录
$ mv node-v9.3.0-linux-x64 /usr/local/node
$ rm node-v9.3.0-linux-x64.tar.xz  # 或保持在`Blog`目录下rm -rf *
配置环境变量

打开配置文件/etc/profile

$ sudo vim /etc/profile

在底部添加PATH变量

export PATH=$PATH:/usr/local/node/bin

保存退出

安装gitnpm (常用)

$ sudo yum -y install git npm

安装Hexo

# 可能会遇到下载速度太慢的问题,可切换至淘宝镜像源
$ npm install cnpm -g --registry=https://registry.npm.taobao.org
$ npm install -g hexo-cli

运行Hexo

初始化安装
$ hexo init    # 初始化
$ npm install
$ hexo -v      # 涉及到的各种组件版本
本地启动(可跳过)
$ hexo s       # 或`hexo server`
# 在另一个终端下
$ elinks http://localhost:4000/

执行上面第一条命令时如遇到“FATAL Port 4000 has been used. Try other port instead.”,则需要切换端口

$ hexo s -p 5000    # 其他端口类似
# 在另一个终端下
$ elinks http://localhost:5000/

Ctrl + C退出。

部署到Github Page

创建指定repo

首先需要到你的Github上开启一个新的项目,但是需要按照一定规则:假设你的Github用户名是guser,那么repo名称必须为guser.github.io.git,随后创建即可。

安装git deployer插件
$ sudo npm install hexo-deployer-git --save
修改网站配置文件_config.yml

打开Blog目录下的_config.yml文件,找到# Deployment部分(一般是文件末尾处),deploy保持为空,其他设置如下

  type: git
  repo: https://github.com/guser/guser.github.io.git
branch: master

保存退出。

完成部署
$ hexo clean
$ hexo g      # 或者`hexo generate`
$ hexo d      # 或者`hexo deploy`

浏览器访问

访问地址为https://guser.github.io/

完成!!

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值