之前寫過一篇關於octopress創建個人技術博客的文章,很多朋友說步驟好複雜啊(心塞)!這次,爲了滿足這羣朋友,這裏我要教大家的是用Hexo建個人技術博客。
1、安裝GIT和Node.JS
這一步我不想展開太多,因爲真的很簡單,關於GIT的配置我在之前的文章中已經提到過了,看官可以查看歷史文章
2、安裝Hexo
在桌面下使用GIT Bash輸入下面代碼,實現Hexo的安裝
$ sudo npm install hexo-cli -g
初始化自己的個人博客
使用GIT Bash切換到你希望安裝個人博客的文件夾下
$ hexo init username.github.io
username就是Github中的用戶名,詳細查看
3、主題的安裝
在完成上一步後,其實就可以運行查看頁面了,這一步讓你實現安裝自己喜歡的主題,看官可以在Github網站中輸入hexo關鍵字,可以搜索到很多相關主題,挑選一個就可以了
我這裏使用NEXT這個主題進行講解,其他的方式也是一樣的。
使用GIT Bash切換到你剛纔個人博客安裝目錄
$ cd username.github.io
$ git clone https://github.com/iissnan/hexo-theme-next themes/next
完成上面步驟,會在theme的目錄下多了一個next文件,說明主題下載成功了,但現在還沒有配置完成
在username.github.io文件下有一個_config.yml文件,編輯它
將theme的value設爲自己的主題名,這裏是next——完成主題的配置
將deploy的value進行配置——完成主題發佈地址配置
# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: next
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: git@github.com:username/username.github.io.git
branch: master
4、創建文章
在username.github.io/source/_posts目錄下創建你自己的文章,文章格式爲Markdown的.md格式
---
title: Hexo讓博客夢變的簡單
date: 2016-05-12
---
title:文章名,date:發佈的日期
5、發佈到Github
安裝自動部署發佈工具
使用GIT Bash切換到username.github.io目錄下
$ npm install hexo-deployer-git --save
編譯
$ hexo generate
本地測試
$ hexo s -p 4000
-p:設置端口號,默認爲4000,使用默認端口可以省略
發佈到Github
$ hexo d
這裏特別要提醒一下不要忘記在username.github.io文件下_config.yml文件,配置deploy
6、備份
我們常常可能會遇到系統重裝或者換電腦編輯的場景,備份變得尤爲重要,這裏介紹一個hexo-git-backup備份工具
大家可以根據自己的實際情況,參照README.md說明進行配置
7、獲取備份,實現還原
- 操作步驟1,2
- 將Github的備份clone到本地
$ git@github.com:username/username.github.io.git
$ git checkout branchname
branchname:備份分支名
8、幫助文檔
- 以上です(Ending)
- ありがどう(Thank You)