javascript - 0 - github.io - hello world

看有些 javascript 案例, 是直接使用 github.io 網站, 

網上一看才知道, github 有提供網頁的功能. 來試試. 


首先 在 github 建立一個新的專案, 名稱就叫做 xxxx.github.io

這邊的 xxxx 是 github 的用戶名稱. 

其他選項都可以先不填寫, 如下:



做一個 index.html 之後 git push 進去


這樣我們程式可以放在 src 底下, 例如這次的 js-demo1.html

我們可以設計讓 javascript 


其中 document.write() 會直接輸出到 html,  

顯示在使用者的瀏覽器畫面上的網頁內容中


而console.log() 則只顯示在主控台


如何看 console.log() 的輸出?

以 chrome browser 為例, 在 開發人員工具

主控台 上可以看到:


在 repository 的 settings 的 Pages , 可以看到該網頁的 相關設定說明,


用 瀏覽器 連接 neojou.github.io 看看




完成!



留言

熱門文章