快速搭建个人博客

白昼怎懂夜的黑 提交于 2019-11-28 18:06:54

Hexo+Github+域名绑定+Material Theme 快速搭建个人博客.
整个搭建过程还是算比较简单的,按照官方文档一步一步来,绑定域名时遇到了一些小坑以下为大概步骤记录:

流程

  • Node.js 环境
  • Git 环境
  • GitHub 注册和配置
  • Hexo 安装配置
  • 关联 Hexo 与 GitHub Pages
  • GitHub Pages 地址解析到个人域名
  • Material Theme 主题配置
  • Hexo 的常用操作

Hexo 安装配置

关联 GitHub Pages

  • 新建Github仓库,例如我的 blog
  • 在该仓库中新建一个文件如README,然后在仓库设置settings中找到GitHub Pages,选择master分支后保存

  • 在Hexo配置文件中关联你的Github项目,注意此时未绑定域名时的配置,否则会造成样式丢失或404,例如:
    1
    2
    url: https://exrick.github.io/blog
    root: /blog/
1
2
3
4
deploy:
type: git
repo: https://github.com/Exrick/blog.git
branch: master
  • 安装 hexo-deployer-git
    1
    $ npm install hexo-deployer-git --save

GitHub Pages 地址解析到个人域名

  • 购买域名后进入域名解析设置,本人以腾讯云为例:

  • 注意此时绑定域名后Hexo的配置,否则会造成样式丢失或404,例如:
1
2
url: http://blog.exrick.cn
root: /
  • 在hexo项目根目录下的source文件夹中新建名为 CNAME 没后缀名的文件,其中内容编辑为你绑定的域名,例如 blog.exrick.cn;或者在Github设置页面的Github Pages找到Custom domain 填入你的域名

Material Theme 主题配置

Hexo 的常用操作

  • 创建新文章
1
$ hexo new "My New Post"
  • 运行本地服务器查看
1
$ hexo server
  • 生成静态文件
1
$ hexo generate
  • 部署到远程
1
$ hexo deploy
  • 常用组合命令
1
2
$ hexo clean
$ hexo d -g

更多命令: 中文官方文档

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!