為何我會選用Hxeo來當作Blog框架?
有下面幾個原因:
Markdown
語法撰寫Blog,更方便、通用、容易上手CICD
工具部署於 Github
上,完全零成本首先先安裝 Node.js 官網下載安裝
安裝完後使用CMD
node -v
npm -v
查看是否安裝成功.
使用 npm
來安裝 hexo (須先安裝 Node.js)
npm install hexo-cli -g
因為我們之前就有建立一個Code Blog Repository.
我們使用CMD
的 CD
命令進入此資料夾目錄中
在使用hexo cli
幫助我們快速建立Blog相關檔案
hexo init blog # 初始化 blog
npm install # 安裝相關套件
如果要把Hexo deploy到Github上面,需要先安裝
npm install hexo-deployer-git --save
Hexo
是使用yml檔案格式來當設定檔.
hexo init blog # 初始化 blog
資料夾檔案結構如下圖:
當在Blog Code Repository 中建立完Hexo
資料檔後會有一個_config.yml
檔案,就是Hexo
的設定檔案.
title: 石頭的coding之路 #網站標題
subtitle:
description: 好點子沒價值,有價值的是把好點子實現 #網站描述
keywords:
author: Daniel Shih #您的名字
language: zh-tw #語系
timezone: #時差
# Header
menu:
Home: /
Archives: /archives
About: /about.html
Tags: /tags
Categories: /categories
# URL
url: https://isdaniel.github.io/ #網站的網址
root: / #網站的根目錄
permalink: :year/:month/:day/:title/
permalink_defaults:
# Directory
source_dir: source #原始檔案資料夾,這個資料夾用於存放您的內容 預設值 source
public_dir: public #使用Hexo g 產生靜態檔案資料夾名稱
tag_dir: tags #標籤資料夾名稱
archive_dir: archives #彙整資料夾名稱
category_dir: categories #分類資料夾名稱
code_dir: downloads/code
i18n_dir: :lang #語言資料夾名稱
skip_render:
new_post_name: :title.md #新文章的檔案名稱
default_layout: post #預設佈局資料夾
titlecase: false # Transform title into titlecase
external_link: true # Open external links in new tab
filename_case: 0
render_drafts: false
post_asset_folder: false
relative_link: false
future: true
highlight:
enable: true
line_number: true
auto_detect: false
tab_replace:
index2_generator:
per_page: 10
order_by: -date
include:
- category Web
exclude:
- tag Hexo
# Date / Time format
## You can customize the date format as defined in
## http://momentjs.com/docs/#/displaying/format/
date_format: YYYY-MM-DD #日期格式
time_format: HH:mm:ss #時間格式
# Extensions
theme: next #使用主題名稱, 設為 false 表示關閉主題功能
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git #發佈使用版控類別 使用git
repo: https://github.com/isdaniel/isdaniel.github.io.git #發佈到哪個Repository
branch: master #發佈使用的分支
# Social Accounts
instagram_url: https://www.instagram.com/dn_shih/
github_url: https://github.com/isdaniel
email_url: dog830228@gmail.com
設定檔可以參考我的_config.yml檔案
或是也可以參考官網
Hexo有眾多Theme可以選擇,我們要切換使用的Theme只需要做幾個步驟.
/themes/
資料夾目錄下.這次想要跟大家介紹我使用的Next Theme,我會使用原因如下
/themes/
建立一個 next
資料夾並把Next Theme
所有檔案copy進去._config.yml
檔案,把theme
改成next
下面是我推薦大家使用的Hexo
插件,使用說明我就不一一跟大家解釋了網路上很多分享文.