首页 > 其他 > 详细

快速搭建个人博客

时间:2019-08-27 16:03:51      阅读:75      评论:0      收藏:0      [点我收藏+]

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

更多命令: 中文官方文档

快速搭建个人博客

原文:https://www.cnblogs.com/geass-jango/p/11418252.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!