快速搭建我的博客

Hexo+Github+域名綁定+Material Theme 快速搭建我的博客.
整個搭建過程仍是算比較簡單的,按照官方文檔一步一步來,綁定域名時遇到了一些小坑如下爲大概步驟記錄:html

流程

  • 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

更多命令: 中文官方文檔ios

相關文章
相關標籤/搜索