付費限定

免費部落格架站教學(2) Hexo套版

閱讀時間約 6 分鐘

前言

前一篇提供GitHub作為部落格的相關架設與設定教學,這篇主要是接著GitHub Pages初步架設後,用Hexo做Blog套版與匯入相關設定,使GitHub Pages 的畫面與功能有Blog的樣子

為什麼要用Hexo?

像支援GitHub Pages這種靜態網站框架(JekyllHugo…)很多,

但既然是教學使用較多人用的框架做範例,中間遇到的坑會相對比較少。

幾個用Hexo的好處:

1. 學習成本低,中文資源完善

2. 支援 MarkDown 格式撰寫

3. 支援一鍵部署到 GitHub Pages

4. 豐富的色彩主題與外掛

當然以上好處也是需要使用過後,開始比較才能體現出的優點,很多經驗都是比較出來的

安裝所需工具

  • Node.js
    由於Hexo是使用 Node.js編寫,因此需要 Node.js 環境若電腦上沒有的需要安裝 Node.js 喔!
  • Git
    在本地Blog有文章要增修改動設定的異動若要同步到Blog需要安裝Git才能與GitHub Pages同步
  • Visual Studio Code (vs code)
    在本地Blog做編輯時需要一款好的編輯器,Vs Code只是其中一種若本來就有擅用的文字編輯器此工具可忽略

安裝設定

1. 安裝Hexo

打開CMD輸入以下指令就會在本地安裝Hexo建置工具

$ npm install -g hexo-cli

2. 初始化 Hexo

這裡以兩種狀況分成兩種做法:

  • 沒有準備資料夾 : 新建資料夾+初始化
以行動支持創作者!付費即可解鎖
本篇內容共 2743 字、0 則留言,僅發佈於免費部落格架站教學你目前無法檢視以下內容,可能因為尚未登入,或沒有該房間的查看權限。
avatar-img
9會員
24內容數
此篇教學 : 使用GitHub架設免費的部落格網站,搭上Hexo靜態模板,在主題頁面中尋找屬於自己的風格套版,輕鬆擁有自己的Blog外,加上留言板/SEO等設定在記錄生活同時也增進與讀者的互動頻率。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
DavidHi的沙龍 的其他內容
此篇教學 : 使用GitHub架設免費的部落格網站,輕鬆擁有自己的Blog雛型,記錄生活點滴。
此篇教學 : 使用GitHub架設免費的部落格網站,輕鬆擁有自己的Blog雛型,記錄生活點滴。
你可能也想看
Google News 追蹤
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
Thumbnail
此系列教學最後一篇補上使用Hexo後關於Next主題相關的小套件與設定。 提醒小套件的功能視需求而安裝,畢竟安裝太多小套件也是會有執行後效能的問題浮現。
Thumbnail
本篇介紹SEO的相關基本設定,讓部落格可以在Google搜尋引擎中佔有一席之地
Thumbnail
本篇教學提供3種留言板套件提供讀者選擇,留言板是部落格功能上的硬需求,可開啟與讀者的互動也是種增進技術的交流,或許就會遇到志同道合的夥伴。
Thumbnail
本篇介紹:設定about與categories、tags相關獨立頁面,讓自己的文章利於統整與搜尋。
Thumbnail
本篇說明如何開啟首頁選單項目[關於我(about)/分類/標籤]的連結,引導讀者可以更認識作者與文章查詢更方便的功能。
Thumbnail
如何可以變得快樂?本文介紹耶魯大學 The Science of Well Being 網上免費課程,包括課程所用的性格特徵問卷,透過性格測試來進行性格分析,幫助學員從24個性格正向特徵來了解自己。也介紹了課程的習作:發揮自己性格強處來改善情緒,體驗快樂。作者也分享了修讀心得。
Thumbnail
Calendly是一個免費網上預約系統,它可以幫助用戶輕鬆地安排會議和預約。Calendly支持多種預約方式,例如會議、面談、課程等。Calendly的功能和優勢包括自定義預約頁面、自動發送提醒和通知、與其他應用程式(如Google日曆、Zoom等)的整合等。
Thumbnail
想要手做一些烘焙製品、餅乾、點心, 看了法規要標示品名、成分、重量等等,嗯嗯嗯嗯! 這些都沒問題, 但營養標示該怎麼生出來呢? 網路也居然都沒有教學!!! 送檢驗公司的話,一項產品至少要$$6000起 來來來! 只有你有營養素資訊,免畫表格免學設計, 套用模板很快就做好囉! 食品標示諮詢服務平台
Thumbnail
想做一些手作烘焙製品、餅乾、點心,也想自己計算一下熱量嗎? 來來來! 免費教學,只要運用幾個網站,就可以輕鬆算出熱量囉! 首先-先把列出此次需要的材料 朵朵不會烘焙呀,就網路隨便搜尋手工餅乾的食譜 原味雞蛋奶油手工餅乾食譜 材料:(這就是要算熱量的項目) 無鹽奶油 120 克 細砂糖 60 克 雞
Thumbnail
除了Chatgpt人工智慧聊天工具外, 現在又有一個免費的線上人工智慧生成圖片的工具可以玩玩看了! 那就是微軟 Bing 推出的「Bing Image Creator(影像建立者)」。
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
Thumbnail
此系列教學最後一篇補上使用Hexo後關於Next主題相關的小套件與設定。 提醒小套件的功能視需求而安裝,畢竟安裝太多小套件也是會有執行後效能的問題浮現。
Thumbnail
本篇介紹SEO的相關基本設定,讓部落格可以在Google搜尋引擎中佔有一席之地
Thumbnail
本篇教學提供3種留言板套件提供讀者選擇,留言板是部落格功能上的硬需求,可開啟與讀者的互動也是種增進技術的交流,或許就會遇到志同道合的夥伴。
Thumbnail
本篇介紹:設定about與categories、tags相關獨立頁面,讓自己的文章利於統整與搜尋。
Thumbnail
本篇說明如何開啟首頁選單項目[關於我(about)/分類/標籤]的連結,引導讀者可以更認識作者與文章查詢更方便的功能。
Thumbnail
如何可以變得快樂?本文介紹耶魯大學 The Science of Well Being 網上免費課程,包括課程所用的性格特徵問卷,透過性格測試來進行性格分析,幫助學員從24個性格正向特徵來了解自己。也介紹了課程的習作:發揮自己性格強處來改善情緒,體驗快樂。作者也分享了修讀心得。
Thumbnail
Calendly是一個免費網上預約系統,它可以幫助用戶輕鬆地安排會議和預約。Calendly支持多種預約方式,例如會議、面談、課程等。Calendly的功能和優勢包括自定義預約頁面、自動發送提醒和通知、與其他應用程式(如Google日曆、Zoom等)的整合等。
Thumbnail
想要手做一些烘焙製品、餅乾、點心, 看了法規要標示品名、成分、重量等等,嗯嗯嗯嗯! 這些都沒問題, 但營養標示該怎麼生出來呢? 網路也居然都沒有教學!!! 送檢驗公司的話,一項產品至少要$$6000起 來來來! 只有你有營養素資訊,免畫表格免學設計, 套用模板很快就做好囉! 食品標示諮詢服務平台
Thumbnail
想做一些手作烘焙製品、餅乾、點心,也想自己計算一下熱量嗎? 來來來! 免費教學,只要運用幾個網站,就可以輕鬆算出熱量囉! 首先-先把列出此次需要的材料 朵朵不會烘焙呀,就網路隨便搜尋手工餅乾的食譜 原味雞蛋奶油手工餅乾食譜 材料:(這就是要算熱量的項目) 無鹽奶油 120 克 細砂糖 60 克 雞
Thumbnail
除了Chatgpt人工智慧聊天工具外, 現在又有一個免費的線上人工智慧生成圖片的工具可以玩玩看了! 那就是微軟 Bing 推出的「Bing Image Creator(影像建立者)」。