Blog搬家到hexo紀錄

發表於 更新於

Blog搬家到hexo紀錄

此篇是紀錄blog的搬家紀錄，記錄從notionnext轉到hexo的過程。(提供給有需要的人參考）

為什麼我會從notionnext轉到hexo

理由有以下幾點：

1.速度太慢了

雖然notionnext的載入速度還可以接受，可是相比hexo還是太慢了

2.自訂性太差

譬如我想在文章中使用html代碼，是無法做到的

3.404頁面打不開

不知道為什麼我的網站會這樣？

綜合以上，我決定要換網頁框架了

創建hexo框架

要創建hexo網頁，首先在離線的網路創建頁面。

安裝hexo

Linix(debian)、termux(android)

1
sudo apt-get install nodejs
1
sudo apt install npm
1
sudo npm install -g hexo-cli

Windows

打開這個網址，下載檔案並安裝

在命令提示字元中輸入

1
2
npm install -g hexo-cli

創建hexo

先cd進你要存放部落格檔案的路徑

在終端輸入

1
hexo init 你的blog名稱
1
cd 資料夾
1
npm install

先安裝好基本的套件後

你會發現資料夾底下有

A

接下來打開_config.yml這個檔案（這是設定你的網站檔案）

1
2
3
4
5
6
7
title:你的網站標題
subtitle:網站的副標題
description:網站的簡介
keyswords:網站的搜尋引擎關鍵字
author:作者
language:語言，繁體中文輸入：zh-TW
timezone: 時區，台灣時間：'Asia/Taipei'

後面還有

1
permalink:這是網站文章的網址命名規則

這是基本的必要設定，後面只要看英文就知道這是什麼功能了

例如：url: 就填入網址

先來測試網站

在終端輸入

1
2
hexo g
hexo s

如果沒錯誤，會出現localhost:4000的網址（輸入進瀏覽器）

如果有出現網址則成功部署

換主題

如果你嫌hexo默認主題太醜，你可以進行更換（但建議新手不要選太難或太少人用的主題）

Hexo主題

點你喜歡的主題→點進github把檔案clone進themes的資料夾

進到_config.yml中找到themes把主題換成資料夾名稱

再次輸入

1
2
hexo g
hexo s

檢查是否替換成功

「詳細配置方法在該主題github都有」

寫文章

（Hexo使用的文章是markdown語法，若你還不太熟悉markdown，你可以先用notion寫再複製就會呈現markdown，但是圖片沒辦法呈現，要再用圖庫）

普通文章

進到source資料夾，在新增_posts的資料夾，點開_posts就是放文章的地方

新增（檔案名）.md

終端輸入

1
hexo new post <post_name>

就可以進行markdown的撰寫了

Hexo的文章markdown在開頭要有以下的結構

1
2
3
4
5
6
title: 標題
date: 2024-10-06 19:21:47(時間）
tags:  
  - tag1
  - tag2
permalink:自定義網域名

(你可以在檔案內寫hello world，來呈現hello world)

放置圖片

要放圖片要先找圖庫，這邊推薦meee圖庫和Cloudflare R2、Imgur或者你要用github也可以

（放上圖片之後長按或右鍵複製「圖片網址」，不是複製圖庫給你的連結）

在文章要放圖片地方輸入markdown

1
![圖片名](連結)

關於（about)

在終端輸入

1
hexo new page about

到source資料夾會看到about點進去會有index.md檔案，打開就可以寫關於頁面了。

Github

製作完網站框架後要把網頁檔案託管給Github，網站的伺服器才能獲取檔案（除非你家網路是公網IPV4，就可以用自家電腦跑網頁）

(電腦先裝Git)

首先註冊github帳號，點你的左上角帳號圖→your repositories→New

picture

1.Repository name填入你要的名稱

2.記得從public調到Private

完成後按create

之後你會看到(複製SSH旁的連結）

picture2

（以下是Linux的教學，windows嫌麻煩可以用GitHub desktop)

先說遇到的錯誤

上傳的途中若遇到主題檔案無法成功上傳，則把主題檔案中的git檔案全部刪除

（git檔案默認是隱藏的）

1
ls -a

ssh

在終端輸入

1
2
3
ssh-keygen -t ed25519 -C "你的email@example.com"
eval "$(ssh-agent -s)"
ssh-add ~/.ssh/id_ed25519
1
cat ~/.ssh/id_ed25519.pub

複製出給你的密碼

然後：

1.打開 GitHub，進入 Settings

2.點擊左邊的 SSH and GPG keys，然後選擇 New SSH key

3.將公鑰貼上並命名，最後按 Add SSH key。

上傳

在終端輸入

1
2
3
4
5
git init
git remote add origin 網址
git add .
git commit -m "第一次上傳"
git push -u origin master

檢查是否上傳成功

之後如果要上傳（更新）

1
2
3
git add .
git commit -m "更改內容"
git push -u origin master

部署網站

部署網站的伺服器選擇有很多，這邊拿vercel舉例（推薦使用cloudflare pages，因為不限流量，但vercel已經用習慣了）

首先打開Vercel(以github創建一個帳號）→創建一個新的專案

1.選擇你所存放專案的github倉庫

2.選擇hexo

創建好後，網站就部署成功了

若要用自訂域名→項目的setting→Domains（依照指示新增dns記錄）

leaftech (leaftech)

© 2024 leaf
0%