Hexo讓博客夢變的簡單

之前寫過一篇關於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、幫助文檔

hexo配置
next配置

  • 以上です(Ending)
  • ありがどう(Thank You)
發佈了80 篇原創文章 · 獲贊 26 · 訪問量 27萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章