程式碼建置後的結果一樣在build下面，我們只需要{專案資料夾}/build/js/packages/{專案名}/kotlin/裡的四個檔案。
然後進去Setting裡的pages的分頁選擇分支gh_pages，因為我把檔案放在最上層，所以不用資料夾路徑，維持/(root)。
此時可以看到網站的網址，稍微等個三分鐘再去開啟連結會比較好，因為有可能還沒同步好，急性子只能看到不存在的404警示畫面。
沒有意外的話就可以看到期待的網站內容。
個人網站GitHub網頁上傳
留言
Kate的沙龍
7會員
45內容數
和 Kotlin 相關的系列文章。
給程式初學者的「Kotlin 學習系列」
給正在實戰的工程師「Kotlin 實戰系列」
Kate的沙龍的其他內容
2023/03/22
比起說這是新技術，不如說是統一前端規格。
以前在不同框架下，類似功能的東西名字各不相同。比如輸入文字的物件，Android叫做EditText，iOS叫做UITextField，Html叫做TextBox或是input標籤。
這讓跨平台的開發者非常痛苦，痛不欲生。
而統一規格意味著，只要專心寫一套程
2023/03/22
比起說這是新技術，不如說是統一前端規格。
以前在不同框架下，類似功能的東西名字各不相同。比如輸入文字的物件，Android叫做EditText，iOS叫做UITextField，Html叫做TextBox或是input標籤。
這讓跨平台的開發者非常痛苦，痛不欲生。
而統一規格意味著，只要專心寫一套程
2021/11/23
去年停了近一年這裡的文章，其實是因為忙著將2020 iThome 鐵人賽的得獎作品——每年九月會舉辦的活動，連續三十天發表IT技術類文章——集結成書。
《老姐要用Kotlin寫專案：從 Server 到 Android APP 的開發生存日記》是以小說的敘事方式，將一對姐弟工程師合作
2021/11/23
去年停了近一年這裡的文章，其實是因為忙著將2020 iThome 鐵人賽的得獎作品——每年九月會舉辦的活動，連續三十天發表IT技術類文章——集結成書。
《老姐要用Kotlin寫專案：從 Server 到 Android APP 的開發生存日記》是以小說的敘事方式，將一對姐弟工程師合作
2021/11/22
此版本的目標畫面成果是：
＊金色名字。
＊金色社交按鈕圖示，點擊按鈕另開對應的網頁或著顯示comming soon。
＊名字和按鈕在網頁中央，如果網頁寬度不夠會換行，夠就不換行。
2021/11/22
此版本的目標畫面成果是：
＊金色名字。
＊金色社交按鈕圖示，點擊按鈕另開對應的網頁或著顯示comming soon。
＊名字和按鈕在網頁中央，如果網頁寬度不夠會換行，夠就不換行。
你可能也想看
創作不只是個人戰，在 vocus ，也可以是一場集體冒險、組隊升級。最具代表性的創作者社群「vocus 野格團」，現在有了更強大的新夥伴加入！除了大家熟悉的「官方主題沙龍」，這次我們徵召了 8 位領域各異的「個人主題專家」，將再度嘗試創作的各種可能，和格友們激發出更多未知的火花。
創作不只是個人戰，在 vocus ，也可以是一場集體冒險、組隊升級。最具代表性的創作者社群「vocus 野格團」，現在有了更強大的新夥伴加入！除了大家熟悉的「官方主題沙龍」，這次我們徵召了 8 位領域各異的「個人主題專家」，將再度嘗試創作的各種可能，和格友們激發出更多未知的火花。
看完上篇 4 位新成員的靈魂拷問，是不是意猶未盡？別急，野格團新血的驚喜正接著登場！今天下篇接力的另外 4 位「個人主題專家」，戰力同樣驚人──領域從旅行美食、運動、商業投資到自我成長；這些人如何維持長跑般的創作動力？在爆紅的文章背後，又藏著哪些不為人知的洞察？5 大靈魂拷問繼續出擊
看完上篇 4 位新成員的靈魂拷問，是不是意猶未盡？別急，野格團新血的驚喜正接著登場！今天下篇接力的另外 4 位「個人主題專家」，戰力同樣驚人──領域從旅行美食、運動、商業投資到自我成長；這些人如何維持長跑般的創作動力？在爆紅的文章背後，又藏著哪些不為人知的洞察？5 大靈魂拷問繼續出擊
還在苦惱怎麼樣把你的檔案上傳到Github嗎?這裡教大家簡單上傳你的檔案可以沿用到如何上傳整體專案到Github並展示你的作品集
還在苦惱怎麼樣把你的檔案上傳到Github嗎?這裡教大家簡單上傳你的檔案可以沿用到如何上傳整體專案到Github並展示你的作品集
不知道你是否有以下困擾呢？
「自己寫好的程式，若要呈現在網路上，該怎麼辦？」
「手上有個html的檔案，但是要如何分享給朋友們？」
「做一個網站要花主機的錢，如何有個免費託管主機的地方呢？」
以上問題，將由github pages來幫你解決喔！
不知道你是否有以下困擾呢？
「自己寫好的程式，若要呈現在網路上，該怎麼辦？」
「手上有個html的檔案，但是要如何分享給朋友們？」
「做一個網站要花主機的錢，如何有個免費託管主機的地方呢？」
以上問題，將由github pages來幫你解決喔！
Step1: 打開github登入
https://github.com/
創立一個Repositories把網頁檔案丟上去
之後點我圈起來的地方
把你的網頁檔案放上去
要注意把檔案都正確上傳(通常會有29個檔案)
並點擊下面確認按鈕
Step2: 打開netlify登入
https://app.n
Step1: 打開github登入
https://github.com/
創立一個Repositories把網頁檔案丟上去
之後點我圈起來的地方
把你的網頁檔案放上去
要注意把檔案都正確上傳(通常會有29個檔案)
並點擊下面確認按鈕
Step2: 打開netlify登入
https://app.n
對於前端工程師來說github上的gh-page是一個很適合放置自己作品的地方
尤其適合想要練練手感的時候可以方便地展示成果的地方
在過去使用手動commit至gh-page的分支上，或是使用deploy.sh檔來部署，對於我這種懶人來說都是多一個步驟，時常會覺得麻煩
現在能夠透過github ac
對於前端工程師來說github上的gh-page是一個很適合放置自己作品的地方
尤其適合想要練練手感的時候可以方便地展示成果的地方
在過去使用手動commit至gh-page的分支上，或是使用deploy.sh檔來部署，對於我這種懶人來說都是多一個步驟，時常會覺得麻煩
現在能夠透過github ac
程式碼建置後的結果一樣在build下面，我們只需要{專案資料夾}/build/js/packages/{專案名}/kotlin/裡的四個檔案。
我另外開了一個gh_pages的Git分支，命名由來是GitHub的pages，除了initial的commit以外，只新增剛剛的四個檔案。
程式碼建置後的結果一樣在build下面，我們只需要{專案資料夾}/build/js/packages/{專案名}/kotlin/裡的四個檔案。
我另外開了一個gh_pages的Git分支，命名由來是GitHub的pages，除了initial的commit以外，只新增剛剛的四個檔案。
因為最近需要建立自我品牌，所以決定來架個人網站。
架個人網站的方式非常多，最簡單的是直接找台伺服器拿現有模板套上去。
但是我喜歡自由，而且也已經有方格子部落格網站，所以打算做個簡單的名片網站。
因為最近需要建立自我品牌，所以決定來架個人網站。
架個人網站的方式非常多，最簡單的是直接找台伺服器拿現有模板套上去。
但是我喜歡自由，而且也已經有方格子部落格網站，所以打算做個簡單的名片網站。
本文目標是用 gh-pages 來部署靜態網頁達成需求
最近有人剛好有兩個版本的問卷，需要在使用者進入時隨機給予其中一份。他也找了程式碼，只差部署到一個地方來做隨機派發的需求。
簡單看一下發現其實用 Github Pages 就能達成（單純的前端而已），可是程式碼內容比較不符個人習慣，所以就改了一下
本文目標是用 gh-pages 來部署靜態網頁達成需求
最近有人剛好有兩個版本的問卷，需要在使用者進入時隨機給予其中一份。他也找了程式碼，只差部署到一個地方來做隨機派發的需求。
簡單看一下發現其實用 Github Pages 就能達成（單純的前端而已），可是程式碼內容比較不符個人習慣，所以就改了一下
一個網頁只會有一個h1
標籤(h1.p.img)裡面可以放多個屬性(src.background.color)
建立 HTML 環境
告訴大家這是html5的語法
關於整個專案的資訊放這裡面
頁籤標題
寫給別人看的要放這裡面
Emmet 預設安裝
/*語意使用英文*/
/*使
一個網頁只會有一個h1
標籤(h1.p.img)裡面可以放多個屬性(src.background.color)
建立 HTML 環境
告訴大家這是html5的語法
關於整個專案的資訊放這裡面
頁籤標題
寫給別人看的要放這裡面
Emmet 預設安裝
/*語意使用英文*/
/*使
現在，開始建立第一個檔案吧，一樣用最簡單的 Hello World 示範。
在 kotlin 資料夾按右鍵選擇 New 裡的 Kotlin File/Class 。
雖然有許多格式可以選，但其實只是 IDE 提供初始程式碼的差別，完全可以中途更改，我們這次選最基本的 File 格式就好。
命名檔案和
現在，開始建立第一個檔案吧，一樣用最簡單的 Hello World 示範。
在 kotlin 資料夾按右鍵選擇 New 裡的 Kotlin File/Class 。
雖然有許多格式可以選，但其實只是 IDE 提供初始程式碼的差別，完全可以中途更改，我們這次選最基本的 File 格式就好。
命名檔案和
搞清楚 Git 與 GitHub 的差別並學會必會操作
什麼是 Git？
Git 是一個軟體，可藉由它產生一個數據庫（repository），並且做到分散式版本控制。由於可在多處放置同一份程式碼、歷史紀錄追蹤與回朔，讓協同開發變得容易。（關於不同版本控制系統的介紹，請參閱 Git 官方教學文件）
搞清楚 Git 與 GitHub 的差別並學會必會操作
什麼是 Git？
Git 是一個軟體，可藉由它產生一個數據庫（repository），並且做到分散式版本控制。由於可在多處放置同一份程式碼、歷史紀錄追蹤與回朔，讓協同開發變得容易。（關於不同版本控制系統的介紹，請參閱 Git 官方教學文件）