# 沒有個人網誌為甚麼不試試看 Hexo

國立雲林科技大學 FKT

# Self Introduction

# Hexo 介紹

# 環境安裝

假設環境已經擁有 Node.js 且有 yarn 或 npm 可以跳過此步驟

# Node.js 安裝前置作業 (1/3)

Node.js Download Link

安裝完畢我們來安裝 yarn 好了

# Yarn 安裝前置作業 (2/3)

Yarn Download Link

Yarn 與 Npm 的比較參考下面

Click Me

# 前置作業 (3/3) 安裝最後一項 Hexo 本人

NPM User

1	npm install -g hexo-cli

Yarn User

1	yarn global add hexo-cli

就這樣環境完成了

# 正式開搞

# Step.1 建立你的 Hexo 專案 folder

建立你要放入 Hexo 專案的 folder

CMD User

1
2
3

cd /Users/<username>/Desktop
mkdir MyBlog
cd MyBlog

Bash User

cd ~
cd desktop
mkdir MyBlog
cd Myblog

# Step.2 初始化 Hexo 專案

透過 hexo-cli 來初始化 (真的要確認好路徑ㄋㄟ)

hexo init

初始化完畢就會長這樣

# 目錄結構

.github folder 放 github 資訊的資料夾
node_modules 安裝 nodejs 相關套件的資料夾
scaffolds 放模板的地方
source/_posts 放你文章的地方
themes 套用主題

_config.landscape.yml
_config.yml hexo 設定檔
.gitignore 關於那些檔案是你不需要提交到 git 的
package.json nodejs 專案套件檔
yarn.lock yarn 處理套件版本的紀錄檔

# Step.3 寫一篇你的新文章

1	hexo new [套用的模板] <文章標題>

Hexo 就會幫你建立你剛剛的文章 MarkDown File

# 標籤介紹

title 文章標題
date 文章日期
tags 文章類別

# Step.4 Run 看看

Debug Mode

1
2
3

hexo server
#或
hexo s

就會像這樣啦

關閉 hexo Server 可以用 ctrl +c or

hexo stop

清除 hexo 快取

1	hexo clean

# Step.X 文章不滿意繼續修改

非常簡單寫內容就跟你寫 README 一樣 (以下是個雲科資管死亡列車筆記範例)

一樣

1	hexo server

真是 U 質 (特別給那些不愛寫網頁的朋友非常友善)

# Step.final 將 Hexo 產生靜態網頁並發布到 GitHub Page

# 產生靜態網頁

1
2
3

hexo generate
#或者
hexo g

# 部屬你的 Hexo Blog-1

新建 GitHub Repository 來放置你的 Blog

名稱 [username].github.io

修改 _config.yml 放置你的專案位置

# 部屬你的 Hexo Blog-2

1	hexo deploy

# Thanks Everyone

I am FKT
We are NYUST GDSC
Discord Link

# 沒有個人網誌 為甚麼不試試看 Hexo