付費限定

免費部落格架站教學(1) GitHub Pages

更新於 發佈於 閱讀時間約 5 分鐘

前言

鑑於參考一些GitHub Pages的教學文都是比較久的文章,中間也踩過一些不少的坑,因此我也來貢獻一篇較新的架設教學吧!
順便當作Blog記錄自己的足跡,當然免費跟靜態網頁呈現的優點也是我目前的需求。

建立GitHub Pages需要先在GitHub註冊後才能使用,這邊教學前提就先當作各位已經有個GitHub帳號了

安裝所需工具

因為在本地端的Blog做更新時需要上傳同步到GitHub Pages所以需要在本地端電腦安裝

raw-image

安裝步驟

  1. 建立Repository(儲存庫)
  • 在GitHub 首頁點選右邊+號列表的 New Repository新增一個要建立Blog用的儲存庫
raw-image
  • 進入新增Repository畫面後,基本上都照預設設定就好,主要是為Repository name欄位命名,依建立的Repository name,之後Blog的URL就以這個階層邏輯建立: https://[Owner].github.io/[Repository name]/
raw-image
Owner: GitHub帳號名稱
Description: 欄位可以為這個Repository的說明目的或相關的內容
Add a README file 建議勾選
  • 建立好Repository後就會出現以下畫面,儲存庫預設的分支現在已經改為main了不是master
raw-image
  1. GitHub Pages設定
  • 接著上方橫向選單看到Settings後再進入左邊列表的Pages,在Pages頁面將Branch設定成main儲存後,會看到上方有Visit site的連結,可以點選進入GitHub Pages的首頁。
以行動支持創作者!付費即可解鎖
本篇內容共 2135 字、0 則留言,僅發佈於免費部落格架站教學你目前無法檢視以下內容,可能因為尚未登入,或沒有該房間的查看權限。
avatar-img
9會員
24內容數
此篇教學 : 使用GitHub架設免費的部落格網站,搭上Hexo靜態模板,在主題頁面中尋找屬於自己的風格套版,輕鬆擁有自己的Blog外,加上留言板/SEO等設定在記錄生活同時也增進與讀者的互動頻率。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
你可能也想看
Google News 追蹤
Thumbnail
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
前言與本文適合對象 本篇電子書是在幫目前已經有在經營的自媒體在更往上提升,所以不會教如何架設網站、主機操作與設定等。 如果真的想要自己架設網站的可以參考:網站帶路姬 想要找部落格主機代管的可以找:金城事務所 我自己的建議是架站跟主機選擇都不是創作者需要學習的,可以交給專業的服務商幫你
Thumbnail
你好,在下最近在學習開發web,學了html css js,也得出一些心得,由於網路上已有許多教學,所以我會著重在如何開發出to do List,以及解釋我寫的程式碼。相關的教學我會直接貼網址。如果我有什麼地方出錯,或者是可以寫得更好,歡迎在下方留言,討論。 首先先介紹我的開發環境: 我用了vs
Thumbnail
本文章介紹了建立網頁的整個流程,包括設置 Templates, Views, Urls 等步驟。透過這些步驟,大家便能創建一個新的網頁,並成功測試。
Thumbnail
對於網頁製作新手來說,自己架設網站絕對是可行的。現代的網頁製作工具和平台設計得十分用戶友好,即使沒有網頁開發背景,也能輕鬆上手。在選擇網頁製作平台時,需要注意以下幾點: 操作介面:選擇一個操作界面清晰直觀的平台,這有助於您更容易地設計網站和探索各種功能。 功能齊全:確保平台提供您所需的所有功能...
Thumbnail
最近加入了這個有趣的地方 ,收到了系統關切 ,怎麼還沒看到你的創作 文字,是人們用來溝通交流的工具。 常常會很佩服能把文字依照自己想法,打成一大串文章的創作者。 總是想像,能一直不斷的創作文章,以此維生的人,到底是如何文思泉湧的。 也許真的需要不斷的大量閱讀,才能有更多的文字素材可以隨時讓大
Thumbnail
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
前言與本文適合對象 本篇電子書是在幫目前已經有在經營的自媒體在更往上提升,所以不會教如何架設網站、主機操作與設定等。 如果真的想要自己架設網站的可以參考:網站帶路姬 想要找部落格主機代管的可以找:金城事務所 我自己的建議是架站跟主機選擇都不是創作者需要學習的,可以交給專業的服務商幫你
Thumbnail
你好,在下最近在學習開發web,學了html css js,也得出一些心得,由於網路上已有許多教學,所以我會著重在如何開發出to do List,以及解釋我寫的程式碼。相關的教學我會直接貼網址。如果我有什麼地方出錯,或者是可以寫得更好,歡迎在下方留言,討論。 首先先介紹我的開發環境: 我用了vs
Thumbnail
本文章介紹了建立網頁的整個流程,包括設置 Templates, Views, Urls 等步驟。透過這些步驟,大家便能創建一個新的網頁,並成功測試。
Thumbnail
對於網頁製作新手來說,自己架設網站絕對是可行的。現代的網頁製作工具和平台設計得十分用戶友好,即使沒有網頁開發背景,也能輕鬆上手。在選擇網頁製作平台時,需要注意以下幾點: 操作介面:選擇一個操作界面清晰直觀的平台,這有助於您更容易地設計網站和探索各種功能。 功能齊全:確保平台提供您所需的所有功能...
Thumbnail
最近加入了這個有趣的地方 ,收到了系統關切 ,怎麼還沒看到你的創作 文字,是人們用來溝通交流的工具。 常常會很佩服能把文字依照自己想法,打成一大串文章的創作者。 總是想像,能一直不斷的創作文章,以此維生的人,到底是如何文思泉湧的。 也許真的需要不斷的大量閱讀,才能有更多的文字素材可以隨時讓大