付費限定
免費部落格架站教學(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 追蹤
嘿，大家新年快樂~ 新年大家都在做什麼呢？
跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。
然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~
前言與本文適合對象
本篇電子書是在幫目前已經有在經營的自媒體在更往上提升，所以不會教如何架設網站、主機操作與設定等。
如果真的想要自己架設網站的可以參考：網站帶路姬
想要找部落格主機代管的可以找：金城事務所
我自己的建議是架站跟主機選擇都不是創作者需要學習的，可以交給專業的服務商幫你
你好，在下最近在學習開發web，學了html css js，也得出一些心得，由於網路上已有許多教學，所以我會著重在如何開發出to do List，以及解釋我寫的程式碼。相關的教學我會直接貼網址。如果我有什麼地方出錯，或者是可以寫得更好，歡迎在下方留言，討論。
首先先介紹我的開發環境:
我用了vs
前言
終於要到這個振奮人心的章節了，我們終於要來學習，如何讓自己的網頁更加美觀。
但在這之前，我們肯定得先學習，如何將我們的 CSS 檔案，連接到 HTML 當中。
連結分類
首先，我們在連結 CSS 的方法中，有分為三種：
內聯連結
在 .html 當中，任一標籤的裡面，用屬性 s
本文介紹瞭如何寫 HTML 標籤，製作一個簡單的自我介紹網頁。透過介紹寫標籤的實例，讓讀者能夠更瞭解如何在 HTML 中使用不同的標籤。
本文章介紹了建立網頁的整個流程，包括設置 Templates, Views, Urls 等步驟。透過這些步驟，大家便能創建一個新的網頁，並成功測試。
嘿，大家新年快樂~ 新年大家都在做什麼呢？
跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。
然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~
前言與本文適合對象
本篇電子書是在幫目前已經有在經營的自媒體在更往上提升，所以不會教如何架設網站、主機操作與設定等。
如果真的想要自己架設網站的可以參考：網站帶路姬
想要找部落格主機代管的可以找：金城事務所
我自己的建議是架站跟主機選擇都不是創作者需要學習的，可以交給專業的服務商幫你
你好，在下最近在學習開發web，學了html css js，也得出一些心得，由於網路上已有許多教學，所以我會著重在如何開發出to do List，以及解釋我寫的程式碼。相關的教學我會直接貼網址。如果我有什麼地方出錯，或者是可以寫得更好，歡迎在下方留言，討論。
首先先介紹我的開發環境:
我用了vs
前言
終於要到這個振奮人心的章節了，我們終於要來學習，如何讓自己的網頁更加美觀。
但在這之前，我們肯定得先學習，如何將我們的 CSS 檔案，連接到 HTML 當中。
連結分類
首先，我們在連結 CSS 的方法中，有分為三種：
內聯連結
在 .html 當中，任一標籤的裡面，用屬性 s
本文介紹瞭如何寫 HTML 標籤，製作一個簡單的自我介紹網頁。透過介紹寫標籤的實例，讓讀者能夠更瞭解如何在 HTML 中使用不同的標籤。
本文章介紹了建立網頁的整個流程，包括設置 Templates, Views, Urls 等步驟。透過這些步驟，大家便能創建一個新的網頁，並成功測試。