快轉到主要內容
  1. 技術/

Hexo 指南

·1 分鐘

其實目前官網的文件非常詳細,這裡就不多做介紹了。

安裝 Hexo
#

$ npm install hexo-cli -g

建立 & 初始化
#

$ hexo init <folder>
$ cd <folder>
$ npm install

建立後會有以下資料夾 & 檔案

.
├── _config.yml # 網站設定檔
├── package.json
├── scaffolds # 鷹架資料夾
├── scripts # 腳本資料夾
├── source
|   ├── _drafts
|   └── _posts
└── themes # 主題

配置
#

官方設定檔文件

常用指令
#

# 查看幫助
hexo help
# 新建文章
hexo new "postName"
# 新建頁面
hexo new page "pageName"
# 產生靜態網頁
hexo generate
# 本機預覽
hexo server
# 部署
hexo deploy
# 清除暫存,執行前建議使用
hexo clean

簡寫
#

hexo n == hexo new
hexo g == hexo generate
hexo s == hexo server
hexo d == hexo deploy

部署到 Git
#

透過 Git 發佈,安裝 Git 套件

$ npm install hexo-deployer-git --save

修改 _config.yml 設定值

# Deployment
deploy:
  type: git
  repo: [email protected]:dexiang/dexiang.github.io.git
  branch: master
  message:

設定好以後就可以部署了

$ hexo deploy

GitHub Page

Domain Name 設定
#

首先當然要先有 Domain Name 啦~ 設定好以後,可透過 CNAME 設定到部落格上。

另外在每次 deploy 到 Github 上時,CNAME 會一直被覆蓋,怎麼辦呢?

安裝 CNAME,在 deploy 時自動產生 CNAME 檔案

$ npm install hexo-generator-cname --save
$ cd source/
$ touch CNAME
$ vim CNAME # 輸入domain,EX:dexiang.tw

主題
#

每一家的 Theme 都有長處,可依個人喜好,以下是以 github 星星數整理出來的排名。

  1. NexT

https://github.com/iissnan/hexo-theme-next

  1. Yilia

https://github.com/litten/hexo-theme-yilia

  1. Tranquilpeak

https://github.com/LouisBarranqueiro/hexo-theme-tranquilpeak

  1. Yelee

https://github.com/MOxFIVE/hexo-theme-yelee

  1. Jacman

https://github.com/wuchong/jacman

  1. Maupassant

https://github.com/tufu9441/maupassant-hexo

  1. Apollo

https://github.com/pinggod/hexo-theme-apollo

  1. Icarus

https://github.com/ppoffice/hexo-theme-icarus

  1. Material

https://github.com/viosey/hexo-theme-material

  1. Fexo

https://github.com/forsigner/fexo

我選用的是 Yilia Theme

常見問題
#

  1. 修改配置時需注意 YAML 語法,參數冒號後 (:) 一定要留一個空格
  2. 所有問題請轉成 UTF-8 格式

相關文章

Hexo 簡介

·1 分鐘
幾年前因為想寫一些文章而用 wordpress 架設了一網站,但覺得要管理維護太麻煩,後來就改到 Blogger,雖然它的功能很方便,與 google 的產品結合 (GA),且有 SEO 的優勢,但一方面是想要有更高的控制權,另一方面是想換一個工具試試看。

雲端主機

·2 分鐘
之前有一大段時間都把服務放在 AWS 的 EC2 上,但最近在整理環境的時候開始思考,以我的需求有需要把服務放在 EC2 上嗎? 就開始研究相關的服務,查了一些文章及同事的推薦,就想說把這些訊息分享出來。

雲端服務

·1 分鐘
雲端運算的比喻:對於一名用戶,由提供者提供的服務所代表的網路元素都是看不見的,仿佛被雲端掩蓋。 軟體即服務 Software as a Service, SaaS # 平台即服務 Platform as a Service, PaaS # 基礎設施即服務 Infrastructure as a Service, IaaS # http://image.slidesharecdn.com/cloud-computing-v261-100301154155-phpapp01/95/presentation-on-effectively-and-securely-using-the-cloud-computing-paradigm-v26-15-728.jpg?cb=1267458215

AWS EC2 LAMP (2)

上一篇介紹了如何建置 LAMP 環境,這篇要來介紹如何建立一個網頁服務的相關設定 Domain name # 想到網頁當然第一個想到的是網址也就是 Domain name 我用的是 godaddy,到上面去設定 A Record 就可以了

AWS EC2 LAMP (1)

使用 Linux 架設 web server,LAMP 是非常常用的選擇,LAMP 代表 Linux + Apache + MySQL + PHP,當然還有很多的組合,像是 LNMP (Linux + Nginx + MySQL + PHP) 等等的搭配,但這篇就先針對 LAMP 做介紹。