20170628-程式-透過GitHub呈現我的Demo網頁

(最終將程式碼放至Git Hub，且建立它的Demo Page)

Source Code：https://github.com/hougii/jqgridrwd

=====================================================

緣起：

真的要有那個「需求」，才會去找對應的「答案」。

今天，就想要把「二年前的精典之作：jqGrid 轉RWD」的code ，想辦法在網站上可以Demo。

一開始是試用jsFiddle，但……太麻煩了！

最後找到 GitHub 很簡單地可以支援此需求，就將相關的程式碼，整理後放上去，將Demo Page 弄好。 (這樣以後也可以用GitHub架站嘍~~)

=====================================================

過程：

這是要透過「jsFiddle」來呈現Grid RWD的範例程式，但…..失敗，而且設定要很多…..

載入所需要的Script / CSS， (此檔案都放在google ，又要再轉一層設定)

How To Host JavaScript

http://www.bloggerseolab.com/2017/02/host-images-javascript-and-css-on-google-drive.html

Generate 工具

http://www.hugestreet.info/p/direct-download-link-generator.html

總之，這步驟不是那麼好操作…..

==============================================================

再來就Keyword Search ：「git html site」

找到GitHub Page：https://pages.github.com/

它啟用之「超級簡單」！！

在原本的Git Repository 的Setting 下

啟用它就可以了！

再來，我就是將我相關的Grid  Code ，轉成 Html 可以運作的  ( cshtml => Html , less =>css….)

所以我的GitHub Code 就完成： https://github.com/hougii/jqgridrwd

而Demo網站呈現的結果，也是我要的。

https://hougii.github.io/jqgridrwd/GridRWD.html

jqGrid 的RWD樣式：

(THE END)