iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

30 天利用 Hexo 打造技術部落格 系列

Hexo 是個易用、輕量級部落格系統,非常適合工程師用於撰寫技術部落格。我在今年年初開始使用 Hexo 架設自己的技術部落格,過程中掌握了對於 git 的熟悉度,也因為有了這個平台,陸續撰寫了許多技術文章。希望透過此次鐵人賽分享,能幫助許多人成立自己的技術部落格!

鐵人鍊成 | 共 30 篇文章 | 10 人訂閱 訂閱系列文 RSS系列文 團隊Web 實驗室
DAY 1

Day 1:為什麼工程師要建立自己的技術部落格?

大家好我是 Gui,一名剛於私立科大資管系畢業的社會新鮮人,這是我第一次參與 IT 鐵人賽,既緊張又害怕受傷害(誤),其實過去一直都知道有這個賽事,受到不少鐵人...

2021-09-16 ‧ 由 guitimliu 分享
DAY 2

Day 2:挑選 Hexo 作為工程師技術部落格

來到鐵人賽第二天,今天我們來聊聊 Hexo 這個架設工具。 Hexo 是什麼? Hexo 是利用 Node.js 所撰寫而成的部落格程式,我們能夠利用 He...

2021-09-17 ‧ 由 guitimliu 分享
DAY 3

Day 3:安裝 Hexo 前置作業:Node.js、Git、網頁編輯器 VS code、文章編輯器 Typora

在架設 Hexo 之前,有些前置作業要先進行。其中由於 Hexo 是使用 Node.js 撰寫,並且需要使用指令安裝 Hexo,因此需要安裝 Node.js 跟...

2021-09-18 ‧ 由 guitimliu 分享
DAY 4

Day 4:透過 npm、Hexo 指令在本機端安裝你的 Hexo 部落格

當前置必要安裝工具用好後,就可以在本機搭建 Hexo 部落格啦!安裝過程會使用到指令,所以我們要打開昨天安裝的 Git 。如果你對指令沒有很熟沒關係,我會一步步...

2021-09-19 ‧ 由 guitimliu 分享
DAY 5

Day 5:Hexo 安裝完成後的設定密技,並且為 Hexo 換上新佈景!

安裝好你的 Hexo 部落格後,部落格雖然已經有設定一些預設資料,但要將這些資料改成我們自己的資料嘛!因此今天的篇章就要來介紹安裝好後的 Hexo 有哪些可以設...

2021-09-20 ‧ 由 guitimliu 分享
DAY 6

Day 6:設定你的 Hexo 佈景主題:Next(上)

昨天我們安裝了 Next 這個佈景主題,今天就要來介紹如何編輯設定 Next,以及 Next 提供了什麼樣的功能與選項給我們使用。 開啟設定檔 我們要開啟的...

2021-09-21 ‧ 由 guitimliu 分享
DAY 7

Day 7:設定你的 Hexo 佈景主題:Next(下)

由於篇幅太長,所以拆分成上下篇啦!經過昨天的一些設定,相信大家已經慢慢上手了。接著今天也要接續昨天沒有介紹到的設定。一起加油設定起來!! 網站 Favicon...

2021-09-22 ‧ 由 guitimliu 分享
DAY 8

Day 8:先別急著撰寫文章,你聽過 Markdown 嗎?

相信有人已經迫不及待要撰寫文章了,不過在這之前,我們先來介紹一下 Markdown 這個標記語言。 什麼是 Markdown? 過去撰寫部落格,比方說無名小...

2021-09-23 ‧ 由 guitimliu 分享
DAY 9

Day 9:使用 Typora 發表你的第一篇 Hexo 文章

今天我們正式要使用 Markdown 撰寫你的第一篇部落格文章啦! 用指令建立文章或草稿 .md 檔 首先,打開 Git 輸入以下指令: # 指定部落格目錄...

2021-09-24 ‧ 由 guitimliu 分享
DAY 10

Day 10:為你的 Hexo 增加頁面:標籤、分類與自訂頁面

昨天介紹新增文章,今天要來介紹新增頁面。這兩者有什麼差別呢?一般來說如果是跟網站有關的資訊、或是一些關於你的介紹,這種比較不適合發在一般文章的,就很適合建立一個...

2021-09-25 ‧ 由 guitimliu 分享