付費限定
免費部落格架站教學(2) Hexo套版
前言
前一篇提供GitHub作為部落格的相關架設與設定教學，這篇主要是接著GitHub Pages初步架設後，用Hexo做Blog套版與匯入相關設定，使GitHub Pages 的畫面與功能有Blog的樣子
為什麼要用Hexo?
像支援GitHub Pages這種靜態網站框架(Jekyll、Hugo…)很多，
但既然是教學使用較多人用的框架做範例，中間遇到的坑會相對比較少。
幾個用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-cli2. 初始化 Hexo
這裡以兩種狀況分成兩種做法：
- 沒有準備資料夾 : 新建資料夾+初始化
以行動支持創作者！付費即可解鎖
本篇內容共 2743 字、0
則留言，僅發佈於免費部落格架站教學你目前無法檢視以下內容，可能因為尚未登入，或沒有該房間的查看權限。
9會員
24內容數
此篇教學 : 使用GitHub架設免費的部落格網站，搭上Hexo靜態模板，在主題頁面中尋找屬於自己的風格套版，輕鬆擁有自己的Blog外，加上留言板/SEO等設定在記錄生活同時也增進與讀者的互動頻率。
留言0
查看全部
你可能也想看
Google News 追蹤
徵的就是你 🫵 超ㄅㄧㄤˋ 獎品搭配超瞎趴的四大主題，等你踹共啦！還有機會獲得經典的「偉士牌樂高」喔！馬上來參加本次的活動吧！
隨著理財資訊的普及，越來越多台灣人不再將資產侷限於台股，而是將視野拓展到國際市場。特別是美國市場，其豐富的理財選擇，讓不少人開始思考將資金配置於海外市場的可能性。
然而，要參與美國市場並不只是盲目跟隨標的這麼簡單，而是需要策略和方式，尤其對新手而言，除了選股以外還會遇到語言、開戶流程、Ap
前言與本文適合對象
本篇電子書是在幫目前已經有在經營的自媒體在更往上提升，所以不會教如何架設網站、主機操作與設定等。
如果真的想要自己架設網站的可以參考：網站帶路姬
想要找部落格主機代管的可以找：金城事務所
我自己的建議是架站跟主機選擇都不是創作者需要學習的，可以交給專業的服務商幫你
你好，在下最近在學習開發web，學了html css js，也得出一些心得，由於網路上已有許多教學，所以我會著重在如何開發出to do List，以及解釋我寫的程式碼。相關的教學我會直接貼網址。如果我有什麼地方出錯，或者是可以寫得更好，歡迎在下方留言，討論。
首先先介紹我的開發環境:
我用了vs
優秀的網站架構不僅關係到使用者的操作體驗，同時也能幫你進行搜尋引擎優化（SEO）強化。不過，可能許多人在網站架設的初期規劃階段就感到迷茫了。不用擔心，我們為你提供了完整的網站建設指南！從網站流程圖規劃階段開始，帶你選擇適合的網站架構工具，一起了解網站設計的每個環節！
前言
終於要到這個振奮人心的章節了，我們終於要來學習，如何讓自己的網頁更加美觀。
但在這之前，我們肯定得先學習，如何將我們的 CSS 檔案，連接到 HTML 當中。
連結分類
首先，我們在連結 CSS 的方法中，有分為三種：
內聯連結
在 .html 當中，任一標籤的裡面，用屬性 s
本文介紹瞭如何寫 HTML 標籤，製作一個簡單的自我介紹網頁。透過介紹寫標籤的實例，讓讀者能夠更瞭解如何在 HTML 中使用不同的標籤。
本文章介紹了建立網頁的整個流程，包括設置 Templates, Views, Urls 等步驟。透過這些步驟，大家便能創建一個新的網頁，並成功測試。
網站設計怎麼做？你會嗎？直接教你把握關鍵重點！從基礎網站設計方法開始，4 步學規劃網站佈局、網站設計必備要素、做好互動與動畫效果，直接用工具來打造精美又吸引人的網站設計，留住客戶其實很簡單！快跟我們一起掌握網站設計技巧，提升顧客轉化率！
個人網站架設怎麼做？用什麼工具才能簡單又便捷？為你整理好了全套攻略！詳細對比分析免費網站架設工具，讓你更快更好地選擇適合架站工具！跟著我們的自架網站教程，幾步就能學會網頁設計，自己製作個人網站也很簡單！還有多種個人網站模版範例！
徵的就是你 🫵 超ㄅㄧㄤˋ 獎品搭配超瞎趴的四大主題，等你踹共啦！還有機會獲得經典的「偉士牌樂高」喔！馬上來參加本次的活動吧！
隨著理財資訊的普及，越來越多台灣人不再將資產侷限於台股，而是將視野拓展到國際市場。特別是美國市場，其豐富的理財選擇，讓不少人開始思考將資金配置於海外市場的可能性。
然而，要參與美國市場並不只是盲目跟隨標的這麼簡單，而是需要策略和方式，尤其對新手而言，除了選股以外還會遇到語言、開戶流程、Ap
前言與本文適合對象
本篇電子書是在幫目前已經有在經營的自媒體在更往上提升，所以不會教如何架設網站、主機操作與設定等。
如果真的想要自己架設網站的可以參考：網站帶路姬
想要找部落格主機代管的可以找：金城事務所
我自己的建議是架站跟主機選擇都不是創作者需要學習的，可以交給專業的服務商幫你
你好，在下最近在學習開發web，學了html css js，也得出一些心得，由於網路上已有許多教學，所以我會著重在如何開發出to do List，以及解釋我寫的程式碼。相關的教學我會直接貼網址。如果我有什麼地方出錯，或者是可以寫得更好，歡迎在下方留言，討論。
首先先介紹我的開發環境:
我用了vs
優秀的網站架構不僅關係到使用者的操作體驗，同時也能幫你進行搜尋引擎優化（SEO）強化。不過，可能許多人在網站架設的初期規劃階段就感到迷茫了。不用擔心，我們為你提供了完整的網站建設指南！從網站流程圖規劃階段開始，帶你選擇適合的網站架構工具，一起了解網站設計的每個環節！
前言
終於要到這個振奮人心的章節了，我們終於要來學習，如何讓自己的網頁更加美觀。
但在這之前，我們肯定得先學習，如何將我們的 CSS 檔案，連接到 HTML 當中。
連結分類
首先，我們在連結 CSS 的方法中，有分為三種：
內聯連結
在 .html 當中，任一標籤的裡面，用屬性 s
本文介紹瞭如何寫 HTML 標籤，製作一個簡單的自我介紹網頁。透過介紹寫標籤的實例，讓讀者能夠更瞭解如何在 HTML 中使用不同的標籤。
本文章介紹了建立網頁的整個流程，包括設置 Templates, Views, Urls 等步驟。透過這些步驟，大家便能創建一個新的網頁，並成功測試。
網站設計怎麼做？你會嗎？直接教你把握關鍵重點！從基礎網站設計方法開始，4 步學規劃網站佈局、網站設計必備要素、做好互動與動畫效果，直接用工具來打造精美又吸引人的網站設計，留住客戶其實很簡單！快跟我們一起掌握網站設計技巧，提升顧客轉化率！
個人網站架設怎麼做？用什麼工具才能簡單又便捷？為你整理好了全套攻略！詳細對比分析免費網站架設工具，讓你更快更好地選擇適合架站工具！跟著我們的自架網站教程，幾步就能學會網頁設計，自己製作個人網站也很簡單！還有多種個人網站模版範例！