近幾年網路興起,個人品牌也逐漸的被重視,像是 Youtuber 阿滴、啾啾鞋⋯⋯等,只要一提到他們,就能夠快速地聯想到他們專精的領域。而我相信,再小的個體,也能夠擁有自己的品牌,所以我透過架設自己的個人網站,希望能夠用自己的力量去影響更多人,同時也透過寫作,不斷的累積自己的專業技術能力。
想要架設個人網站的你,是否曾經在 Wordpress、Wix、痞客邦⋯⋯等網站尋找已久,卻總是找不到自己喜歡的排版?又或者說該平台充斥著非常多廣告,非常影響你的文章的閱讀品質?
如果你曾經打從心底希望,能找到一個更快速、更簡約、樣式更有特色的個人網站,那麼就來嘗試使用 Github + Hugo 架設屬於你自己的個人網站吧!
這堂課程適合:
想要經營個人品牌的你:跟著這堂課一邊做,上完課就能擁有你的個人網站!
有意製作個人網站的你:不知道該怎麼開始?覺得既有網站服務太貴?這堂課將教你怎麼「免費」架站!
已經有個人網站的你:如果覺得套版枯燥乏味,可以透過 Github + Hugo,靈活且彈性的製作一個更有特色的網站!
為什麼工程師該架設個人網站?
身為一個工程師,當然要用工程師的方式來展示自己啦!
如果你有一個自己的個人網站,你就可以將自己過去的經歷總合在一起,像是學歷、工作經歷、擅長的技能、累積的技術文章...等,比傳統制式的履歷表好看多了。
一個好看的個人網站,不僅可以讓人耳目一新,另一方面,也會讓人覺得你的技術力是受肯定的,因此對於工程師來說,架設個人網站可以說是一舉兩得!
如果不是工程師,也適合這堂課程嗎?
不是工程師的你,難道就不能夠架設自己的個人網站了嗎?肯定不是這樣的,只要你願意學,架設個人網站真的不難,並且這門課上會用到的所有資源都是免費的,既然也不會花多少錢,何不嘗試給自己一次機會接觸看看程式的力量呢?
為什麼要使用 Github + Hugo 架設個人網站?
優點一:免費!免費!免費!
免費真的是最重要的一件事情了,如果你是使用其他的架站工具架設個人網站,每年都需要付年費給主機商,而且年費還可能會越來越高。並且像是 Wix、WordPress 這類架站工具,還會限制你不能把網站的內容匯出,因此就算你兩年過後想要將網站內容帶走,拿到另一個主機上繼續使用,也是沒有辦法的,你只能一直在那家架站工具上,不斷的繳年費給主機商,才能維持你的個人網站,否則你就只能打掉重來,在另一個地方重新建起你的個人網站。
而對於使用 Github 來架站的人來說,則完全不會有這個問題。
你可以把 Github 視作一個永久免費的主機商,並且不會對你的內容做限制,你喜歡放什麼東西就放什麼東西,如果有一天你想將個人網站遷移到另一個主機上時,也只要一兩行 Git 指令就可以了,非常快捷。
優點二:給人技術力強的印象
使用 Github + Hugo 架設個人網站的工程師,和使用現成架站工具架設個人網站的工程師,當然是使用 Github + Hugo 的工程師給人技術能力比較強的印象啦!因為一個需要寫程式,而另一個則是直接使用 UI 介面。
並且 Github 是程式領域中非常具指標性的平台, 當別的工程師看到你有在使用 Github 時,對你的技術力好感度也會上升。這也是為什麼有時候面試時主管會要求你填上 Github 帳號的原因之一,有在使用 Github 的工程師,會給人技術力較高的印象。
優點三:快速好上手,架站真的可以很簡單
如果說免費是 Github 的特點,那麼快速好上手就是 Hugo 的特點了。
要知道,從頭架起一個個人網站是很麻煩的,你必須要考量到怎麼設計文字編輯器、怎麼設計頁面結構,而 Hugo 就是幫助我們簡化了這件事情。Hugo 讓我們可以下載別人設計好的主題,接著運行一行指令,就可以快速的把個人網站架起來。
優點四:版面簡約優雅卻不失靈活性
Hugo 在簡化架設個人網站之餘,仍然保留了靈活性,只要你有 Html、Css 的相關知識,你就可以非常輕鬆的在網路上搜尋你喜歡的元件,然後把它加進你的個人網站。
像是我的個人網站 https://kucw.github.io/about 頁面中,Experience、Skill、Course 的圖表部分就是我自己參考網路上的功能、自己設計樣式,最後才加進我的個人網站裡的。相比較之下,其他架站工具只能依靠現有的模板、或是現有的插件來設計你的個人網站,並不能夠自己修改該頁面的 Html、Css,間接扼殺了你的創意發想。
課程核心特色
從零開始一步步架站,上完課即完成!
本課程目的在教你如何使用 Github + Hugo 架設個人網站,我會一步步的教你如何從零開始架設個人網站,當你上完這門課時,你的個人網站同時也已經完成了!本課程每一堂課都是直接實戰演練,建議跟著課堂一起操作,會學習的比較快哦!
科技新手也適用,老師將一一解釋、不怕聽不懂
由於這門課程會牽涉到比較多專有名詞,像是 Github、Hugo、Markdown⋯⋯因此大部分的同學可能一開始就會感到害怕。但是,不了解(甚至沒聽過)這些專有名詞的同學不需要緊張,我會在課程中一一解釋這些名詞的意義,以及我們如何去使用它,上完這門課之後,相信你不會再對這些專有名詞感到陌生。
課程單元規劃
本課程將分成三部分,帶你建構出自己的網站:
基礎篇 ► 了解如何使用 Github + Hugo 架設個人網站
介紹什麼是 Github,以及如何申請 Github 帳號、如何使用 Github
介紹什麼是 Hugo,以及如何安裝、運行 Hugo
介紹什麼是 Markdown,以及 Markdown 相關的語法
強化篇 ► 了解如何使用 Google 相關功能強化你的個人網站
介紹如何為你的個人網站加上 Google 相關功能(Google Search Console、Google Analytic),讓你能夠更好的管理個人網站
介紹如何為個人網站加入評論功能
進階篇 ► 了解如何自定義網站版型
介紹如何自定義網站版型(Html、Css)
介紹如何添加新的元件在你的個人網站上
介紹如何自定義 Markdown 渲染效果
上完這門課,你也可以做到!
時間軸版面 ► 用來呈現個人經歷、專業經驗
文章版面 ► 可以整理個人的想法、讀書心得、活動參加經驗,展現自己的軟實力!
課程教學方式
本課程會使用螢幕錄製的方式進行實作講解,一步步的帶你從零架起一個個人網站,建議可以在上課時,跟著課程一起操作,會學習的比較快!
關於講師
古君葳
我是古君葳,畢業於台灣大學資工所,目前在外商科技公司擔任 Java 開發工程師,負責開發 app 的後端程式。
我相信在現在這個網路時代,每個人都能夠在網路上發揮影響力,科技改變的不只是生活的方式,也改變了知識傳播的方式!
Facebook 粉絲頁:古古的後端筆記
個人網站 : https://kucw.github.io
問題回覆與作業設計
問題回覆
可以在 Hahow 的問答區聯絡我、詢問課程相關問題,通常 1 ~ 3 天內我就會回覆,不管是程式還是環境相關的問題都可以詢問~
作業設計
本堂課程只有一門作業,就是在最後的時侯向所有同學分享你設計的個人網站,歡迎大家參考其他同學的網站設計,一起學習成長。
