#KumaKobo 製作要點紀錄 這次試著使用 Github pages 來當作網站空間,製作個人作品存放區,故此紀錄一下開發的一些經過。由於是一邊看教學一邊實作,所以若有問題還請多包涵。
網站傳送門:KumaKobo
在實作上為了減少同樣語法要一直不斷複製貼上的囧境,在加上個人開發環境是使用Fire.app,所以使用 ERB( Embedded Ruby ) 樣板語言來加速製作,因此附檔名為 *.erb
###index部分
大部分的網站,在網頁中都會有重複性較高的地方,譬如說<header>
、<banner>
、<nav>
、footer
等...,為了減少一直複製貼上以及提高修改的效率,所以需要把整個網站框架獨立出來,之後我們只要針對每個page獨立的內容部份去製作,剩下的就可以套用共同框架,節省更多的開發時間。
首先建立 page 共同面板,因為在 Fire.app 中,不需要編譯出來的檔案都會前面加上一個 _
符號,而這個框架本身是為了讓其他 pages 做套用主要框架,所以我們把它命名為 _layout.html.erb
,並開始在裡面建立網頁需要的所有共同元素。
##內容參考: Fire.app官方網站