通过Github Pages和Hexo搭建个人博客


目录
1. 了解Github Pages
2. 搭建环境
3. Hexo更换主题-NexT


1. 了解Github Pages

关于Github Pages请移步我的另一篇博客


2. 搭建环境

本文只针对Mac用户,windows用户以及Linux用户可自行Google。在Mac上,推荐先安装homebrew。homebrew是Mac OS上的软件包管理工具。

Homebrew 安装

2.1 Git安装和Github设置

  • 使用homebrew安装gitbrew install git
  • 查看git是否已安装成功git --version
  • 确认Github上已经创建名为“你的用户名.github.io”的仓库

2.2 Node.js安装

  • 使用homebrew安装nodebrew install node
  • node.js的包中已经集成了npm,npm是Node.js的模块依赖管理工具
  • 查看node和npm是否已安装成功node -vnpm -v

2.3 Hexo安装

  • Hexo是一个基于Node.js的静态博客框架,作者是@tommy351

    Hexo官网

  • cd到你在本地的博客文件夹,然后执行下面的安装命令
    npm install hexo-cli -g

2.4 Hexo本地部署

  • cd到你在本地的博客文件夹,然后执行下面的命令
cd /users/jason_yuan/Desktop/my_blog_folder
hexo init                  #执行init命令初始化hexo到当前目录
hexo new post "post_name"  # 新建一篇文章
hexo g                     # g == generate 自动根据当前目录下文件,生成静态网页
hexo s                     # s == server 运行本地服务
hexo init 之后出现的文件夹
npm install 之后出现 node_modules
hexo generate 之后出现 public 和 db.json
  • 最后,可以在本地查看localhost:4000
  • 在Mac terminal按下ctrl+C结束

2.5 Hexo部署到Github

  • 首先安装插件
    npm install hexo-deployer-git --save
    注:其他插件根据需要,可自行安装
  • 打开_config.yml,进行如下修改
    配置修改
  • 稍等,即可访问用户名.github.io

3. Hexo更换主题-NexT

关于NexT主题,小伙伴们可以直接移步NexT的github主页,查看详细文档。

Sample来了!Code Chemistry就是我通过github Pages和Hexo搭建的博客。


参考资料

Hexo官网
如何搭建一个独立博客——简明Github Pages与Hexo教程
通过Hexo在Github上搭建博客教程
Hexo码农圈

推荐阅读更多精彩内容