最近在折騰Hexo, 官網解釋Hexo是A fast, simple & powerful blog framework
,經過一般折騰,發現的確如此,哈哈,本篇博客,予以記錄如何使用Hexo與Github搭建個人博客
基本準備
開發工具
node.js
Git
項目平臺
Github
掌握
MarkDown
注意事項
快速閱讀幫助文章
開始
開發前的準備
git config --global user.name "your name"
git config --global user.email "your email"
-
創建Github賬號,根據網站中的註冊嚮導進行註冊
-
註冊完成後,創建一個項目,名字爲:
yourname
.github.io 項目 , 在註冊時候有個Initialize this repository with a README
,勾號可以不選,也可以選,其實就是爲了說明這個倉庫是用來幹什麼用的罷了 -
注意:在這篇博客中,可能有人會說我不會使用Git,在這裏會不會Git對搭建沒影響的
使用Hexo在本地搭建個人博客
-
閱讀hexo docs文檔
-
在電腦中創建任意文件夾,在該文件夾下執行以下命令
$ npm install -g hexo-cli
-
執行完命令後表明你的hexo本地網站已經搭建成功,一條命令默認默認的博客系統已經搭建成功
-
搭建成功後,我們還需要了解如何去運行它
4.1 使用以下命令生成發佈的界面(簡寫:hexo g)
hexo generate
4.2 使用一下命令開啓本地服務器(簡寫:hexo s)
hexo s --debug //開啓debug模式,實時查看日誌
4.3 瀏覽器運行http://localhost:4000/
- 到此位置一個本地的使用hexo搭建的個人博客已經完成
使用個人博客
在這裏將介紹常用命令,具體命令請觀看官方文檔(https://hexo.io)
$ hexo new title //創建一個新的md文章
$ hexo new page tags //創建一個名爲tag的頁面
博客系統的結構組成
.
├── _config.yml
├── package.json
├── scaffolds
├── source
| ├── _drafts
| └── _posts
└── themes
- _config.yml : 博客的配置文件
- package.json :博客的Application data.
- scaffolds : 模板文件,當你創建一個博客或者頁面,將採用這個文件夾下的對應的模板
- source: 源文件,包含用戶編輯的網站內容
- themes : 博客的主題(更多主題可去hexo themes下載安裝使用)
本地配置Github屬性
在hexo的_config.yml的deploy中加入以下語句
deploy:
type: git
repo: github的對應倉庫地址,即我們剛纔在github創建的倉庫
branch: master
發佈至Github
執行hexo d
,系統將部署到Github對應的倉庫
網站訪問
訪問 yourName.github.io
即可 (注意yourname : 這個名字爲你之前創建倉庫起得名字,也就是你的github名字)
綁定域名
購買域名
我們可以去萬網 購買域名,在此之前需要進行登錄註冊
域名認證
購買域名後需要按照相關設置對域名進行使用認證
解析域名
解析完成後,對域名進行解析,解析爲Github
記錄類型: A
主機記錄: @ www
記錄值:192.30.252.154
提示:需要添加兩次解析,分別問@的和www的解析
github的相關配置
在你的項目中創建CNAME文件,內容爲你的域名
提醒:如果在hexo項目中,需要在public文件夾下創建該文件,因爲Hexo部署項目爲部署的public文件夾的文件
至此關於使用hexo與Github搭建個人博客的基本操作已經講完,感謝大家的支持