iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

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

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

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

Day 11:將你的 Hexo 部落格部屬到 Github Pages

我相今天的篇章是大家期待已久的,因為經過前面十天的努力,今天終於要將我們的部落格公開在世人面前啦!不過今天的流程稍微多了一些,但只要照著下面一步一步操作我想是能...

2021-09-26 ‧ 由 guitimliu 分享
DAY 12

Day 12:為 Hexo 裝設 Google Analytics,追蹤你的部落格流量(使用 Next 佈景主題)

如果你曾經使用過一些 BSP 服務,基本上本身都會內建流量或人數統計的功能,幫助我們查看部落格近期人氣量,而這也是未來如果想使用部落格與他人合作的重要參考依據。...

2021-09-27 ‧ 由 guitimliu 分享
DAY 13

Day 13:為自己的 Hexo 部落格增加 Disqus 留言功能(使用 Next 佈景主題)

Hexo 雖然是靜態網頁產生器,因此不會像 WordPress 那樣本身就內建內容儲存在資料庫的文章留言功能。但我們仍然能夠使用第三方服務替自己的 Hexo 網...

2021-09-28 ‧ 由 guitimliu 分享
DAY 14

Day 14:Disqus 留言管理指南

昨天我們在 Hexo 裝設了 Disqus 留言版功能,那當真的有人留言之後,我該怎麼去管理這些留言呢?今天我們來介紹這個部分。 管理留言 當有網友回復需要...

2021-09-29 ‧ 由 guitimliu 分享
DAY 15

Day 15:移除 Hexo 文章點擊「閱讀全文」後網址出現的 `#more`

發表文章時,如果文章內容太長,我們會善用 <!-- more --> 這段語法,以至於讓首頁與文章列表不會太過於落落長,要看更深入內容進入該篇文章即...

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

Day 16:Next 佈景客製化 - 讓副標題顯示於標題內

Hexo 網站設定當中,除了有標題的設定外,還有所謂的「副標題」來輔助主標題外想補充說明的內容。比方我自己的部落格 Gui Blog - 網站的工具人,其中「G...

2021-10-01 ‧ 由 guitimliu 分享
DAY 17

Day 17:Next 佈景客製化 - 將 Social Link 移到主選單

使用 Hexo 經營部落格也有一陣子了,漸漸也慢慢地上手!但發現 Next 這個佈景主題有一個問題是,在比較小的裝置或是手機上瀏覽時,sidebar 會不見;但...

2021-10-02 ‧ 由 guitimliu 分享
DAY 18

Day 18:為你的 Hexo 部落格文章添加文章字數與所需閱讀時間

今天要實作的內容,能夠為自己的 Hexo 部落格文章增加提示本篇文章所需字數以及所需閱讀時間,能夠幫助讀者好掌握閱讀這篇文章大致上需要花費的時間。 安裝套件...

2021-10-03 ‧ 由 guitimliu 分享
DAY 19

Day 19:Hexo 文章分類設定小知識!你都知道了嗎?

我自己的寫文習慣是如果文章內容剛好符合兩個分類,就會同時設定兩個分類。不過這也意外讓我入了一個坑啊(?)這才發現了設定 Hexo 文章分類時,必須要注意的細節。...

2021-10-04 ‧ 由 guitimliu 分享
DAY 20

Day 20:設定 404 頁面,不要讓讀者迷路了!

當網站建立一段時間,或多或少可能會有頁面因為時間推移改變或是刪除了,但此時頁面已經被搜尋引擎收錄或是說有人將網址轉貼到其它地方,如果有人進入了該網址卻發現已經失...

2021-10-05 ‧ 由 guitimliu 分享