程式碼建置後的結果一樣在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。
＊名字和按鈕在網頁中央，如果網頁寬度不夠會換行，夠就不換行。
你可能也想看
5 月將於臺北表演藝術中心映演的「2026 北藝嚴選」《海妲・蓋柏樂》，由臺灣劇團「晃晃跨幅町」製作，本文將以從舞台符號、聲音與表演調度切入，討論海妲・蓋柏樂在父權社會結構下的困境，並結合榮格心理學與馮．法蘭茲對「阿尼姆斯」與「永恆少年」原型的分析，理解女人何以走向精神性的操控、毀滅與死亡。
5 月將於臺北表演藝術中心映演的「2026 北藝嚴選」《海妲・蓋柏樂》，由臺灣劇團「晃晃跨幅町」製作，本文將以從舞台符號、聲音與表演調度切入，討論海妲・蓋柏樂在父權社會結構下的困境，並結合榮格心理學與馮．法蘭茲對「阿尼姆斯」與「永恆少年」原型的分析，理解女人何以走向精神性的操控、毀滅與死亡。
本文分析導演巴里・柯斯基（Barrie Kosky）如何運用極簡的舞臺配置，將布萊希特（Bertolt Brecht）的「疏離效果」轉化為視覺奇觀與黑色幽默，探討《三便士歌劇》在當代劇場中的新詮釋，並藉由舞臺、燈光、服裝、音樂等多方面，分析該作如何在保留批判核心的同時，觸及觀眾的觀看位置與人性幽微。
本文分析導演巴里・柯斯基（Barrie Kosky）如何運用極簡的舞臺配置，將布萊希特（Bertolt Brecht）的「疏離效果」轉化為視覺奇觀與黑色幽默，探討《三便士歌劇》在當代劇場中的新詮釋，並藉由舞臺、燈光、服裝、音樂等多方面，分析該作如何在保留批判核心的同時，觸及觀眾的觀看位置與人性幽微。
這是一場修復文化與重建精神的儀式，觀眾不需要完全看懂《遊林驚夢：巧遇Hagay》，但你能感受心與土地團聚的渴望，也不急著在此處釐清或定義什麼，但你的在場感受，就是一條線索，關於如何找著自己的路徑、自己的聲音。
這是一場修復文化與重建精神的儀式，觀眾不需要完全看懂《遊林驚夢：巧遇Hagay》，但你能感受心與土地團聚的渴望，也不急著在此處釐清或定義什麼，但你的在場感受，就是一條線索，關於如何找著自己的路徑、自己的聲音。
《轉轉生》（Re:INCARNATION）為奈及利亞編舞家庫德斯．奧尼奎庫與 Q 舞團創作的當代舞蹈作品，結合拉各斯街頭節奏、Afrobeat／Afrobeats、以及約魯巴宇宙觀的非線性時間，建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發，解析其去殖民的身體政治。
《轉轉生》（Re:INCARNATION）為奈及利亞編舞家庫德斯．奧尼奎庫與 Q 舞團創作的當代舞蹈作品，結合拉各斯街頭節奏、Afrobeat／Afrobeats、以及約魯巴宇宙觀的非線性時間，建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發，解析其去殖民的身體政治。
還在苦惱怎麼樣把你的檔案上傳到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 預設安裝
/*語意使用英文*/
/*使