iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
Modern Web

身為一個宅宅也想要有自己的小天地 系列

在看別人write up以及技術文章時發現很多人都有自己的好看網站
使用hexo,技術小白也能有自己的小天地了

參賽天數 18 天 | 共 21 篇文章 | 3 人訂閱 訂閱系列文 RSS系列文
DAY 1

在查資料時發現大家都有好看的個人網站,我也想要一個

第一次發文參加鐵人賽總之努力看看能不能完賽這樣 今天是第一天 平常在找技術資料看write-up的時候,除了一堆人在用的 Medium 之外,還有一堆超好看的個...

2025-08-27 ‧ 由 qawwwqwaaa 分享
DAY 2

Hexo 是什麼?

Hexo 是什麼? Hexo 是一個基於 Node.js 的靜態網站生成器,可以讓你用 Markdown 寫文章,再自動轉換成 HTML 頁面,生成速度超快&a...

2025-08-28 ‧ 由 qawwwqwaaa 分享
DAY 3

安裝 Hexo 的前置準備

Hexo 是一個基於 Node.js 的靜態網站框架,開發與部署時會用到: Node.js:執行 Hexo 的 JavaScript 引擎 npm(隨 N...

2025-08-29 ‧ 由 qawwwqwaaa 分享
DAY 4

初始化 Hexo,Hello world

還挺喜歡這樣一天只有一點點小進度的感覺 這樣就不會有太大的壓力 快樂學習快樂成長 第一步:新建網站資料夾 打開終端機Terminal,進到你想放網站的地方,我...

2025-08-30 ‧ 由 qawwwqwaaa 分享
DAY 5

套用主題

前面介紹過了Hexo有很多主題 我使用KIRA這個主題去套用,之後也會從這個主題下去修改成我自己喜歡的圖 https://github.com/ch1ny/ki...

2025-08-31 ‧ 由 qawwwqwaaa 分享
DAY 6

Kira主題對應資料

Kira 主題核心(node_modules/hexo-theme-kira/) 今天不用做任何事就看對照表而已之後有要修改不知道要改哪個檔案都能回來這邊看...

2025-09-01 ‧ 由 qawwwqwaaa 分享
DAY 7

DAY7 更改背景圖片

修改配置-背景圖片 大部分的修改都在 _config.kira.yml 這個檔案裡面,而且裡面已經有寫註釋可以看著改 首先要改的就是宅宅的重點----圖片 因為...

2025-09-02 ‧ 由 qawwwqwaaa 分享
DAY 8

DAY8 加入首頁特效

我個人很喜歡Butterfly主題一進去後就是一張大圖片很有震撼感,加上會出現打字特效顯示名言金句,所以打算將這個效果也套過來我的網站。 第 1 步|在 _c...

2025-09-03 ‧ 由 qawwwqwaaa 分享
DAY 9

DAY9 加入頭像特效與跳轉

今天來加入Butterfly中我挺喜歡的頭像旋轉功能 加入旋轉特效(CSS) 把下面這段加到你的 source/style.css 最後面: /* Avatar...

2025-09-04 ‧ 由 qawwwqwaaa 分享
DAY 10

DAY10 加入滑鼠移動特效

今天來加入滑鼠移動特效 目前已經有很多移動特效了,可以找自己喜歡的 舉例: 1. particles.js 當鼠標移動過去時就會閃開 2. 90s Curso...

2025-09-05 ‧ 由 qawwwqwaaa 分享