如何用 Github 快速建立你的個人網頁

Leave a Comment

相同的主題其實滿多大大分享過了,不過因為我自己也想練習看看,所以試著做了一次,就順便寫成電子報了。本文感謝杜歐協助技術指導。

Github 不只管理你的源碼,還能管理你的網頁

這個服務稱為 Github Pages。

當然 Github 並不能完全取代網頁伺服器,也不能讓你省下一筆可觀的虛擬伺服器的開銷。但是足夠讓你撰寫要一個網頁作為自我介紹或是一些資訊的推廣。

步驟很簡單,就跟管理你的源碼一樣

Github 提供兩種網頁:分別是個人/組織網頁以及專案網頁。使用專案網頁前必須先建立一組個人/組織網頁。

先來建立一個個人網頁。首先,建立一個 repository。特別要注意的是這個 repository 的名稱有規範,必須是 username.github.io,其中 username 就是你的登入名稱。記得這個 repository 必須是 public,否則其他人就無法看見你的 index.html 了。最後將這個 repository 設定為可同步到 client 端,然後就像你新增源碼檔案一樣,新增一個 index.html 給這個 repository。

Github Pages 允許使用 HTML, CSS 與 Javascript。現在你可以替你的網頁添加一些有趣的功能,把它當作是展示平台或者是 blog。Github Pages 當然也支援 Markdown 語言。

當你的 repository 建好了,必要的文件也都上傳後,你可以開啟瀏覽器,在網址列輸入 username.github.io(是的,你的 repository 名稱就是你個人網頁的 URL) 就可以見到你的新園地了!如果你剛弄好這一切,連上去後卻只看到 404 也千萬不要慌張!Github 需要一點時間來處理你這位新住客,耐心等待一下就可以撥雲見日了。

專案網頁就簡單多了。任何 repository 都可以是專案網頁,它們的 URL 就是 username.github.ip/repository_name。

請不要說我貪心,但是我可以用自己的網域名稱嗎?

當然可以!

你可以在 DNS 設定中利用 A 指令將你的網域的網址指向你的 Github Pages 或者是用 CNAME 的方式將一組子網域名稱指向你的 Github Pages。Github 強烈建議後者,因為以下三點:

將受惠於 Github Pages 站台的 CDN 效益。
Github Pages 伺服器換 IP 的時候你不必跟著換否則其他人就連不上去。
網頁載入的速度較快。
所以我們就簡單談一下後者。

如果你有一個名為 username.github.io 的 Github page,然後你有一組名為 usdomain.cc 的網域名稱,在你的 DNS 服務中新增一個名為 username 的 hostname,並且指定類型為 CNAME,目的地指向 username.github.io 然後儲存設定。之後你就可以向別人介紹 username.usdomain.cc。

專案網頁也是一樣,先建立一個專案名稱相同的 hostname 假設是 repository_name,然後指定類型為 CNAME 而目的地是 username.github.io 後儲存。之後只要打 repository_name.usdomain.cc 就會自動連到專案網頁。

最後的叮嚀

切記!儲存在這個 repository 內的所有資料是向全 Internet 公開的,而且 Github Pages 不支援 HTTPS 加密通訊協定。所以千萬不要嘗試使用 Github Pages 來處理或是儲存任何敏感資料:這些資料隨時可能被任何人擷取並利用。

範例網頁:四貓的什麼都沒有網站!
參考資料:Github Pages


自己的資安自己顧!保障隱私與資安的重要性

Leave a Comment

如果沒什麼要隱瞞的祕密,需要在意隱私嗎?

開放軟體促進會 (Open Source Initiative, OSI) 在一篇文章裡提出了一個很多人關心的問題:「如果我沒有什麼需要隱瞞的祕密,為什麼我需要在意隱私問題呢?」這個問題可能有千百種不同的回答,OSI 半開玩笑地表示他們最喜歡的短回答是:「真的?完全沒有祕密?」,不過如果要認真地回答這個問題,他們也有經過思考而且可以理解的答案希望可以跟大家分享:「想像有那麼一個世界,你的一舉一動都持續被周圍的人監看、批判,即使後果不是立刻造成,但也有可能在過了一段時間之後發酵,或者是你做了、說了什麼不那麼受歡迎或不太普通的事情。這種世界將會拖慢社會跟經濟的進步速度,因為大家都不敢做被認為是搗亂的事。」

除另外標示之文章外,本部落格採創用 CC3.0 台灣授權條款:姓名標示─非商業性─相同方式分享. 技術提供:Blogger.