程式碼建置後的結果一樣在build下面，我們只需要{專案資料夾}/build/js/packages/{專案名}/kotlin/裡的四個檔案。

我另外開了一個gh_pages的Git分支，命名由來是GitHub的pages，除了initial的commit以外，只新增剛剛的四個檔案。



學習

職場產業

音樂藝文

<div class="draft-block draft--p left">程式碼建置後的結果一樣在build下面，我們只需要{專案資料夾}/build/js/packages/{專案名}/kotlin/裡的四個檔案。</div>
<div class="draft--imgNormal draft-block"><div><div style="height:1920px" class="image-block-prerender" data-src="https://images.vocus.cc/29e5f53e-16e6-4f5a-9db4-34e9ccc507fb.jpg" data-width="1920" data-height="718" data-position="center"></div><figcaption class="imageCaption draft-block" style="cursor:text;display:block"></figcaption></div></div>
<div class="draft-block draft--p left">我另外開了一個gh_pages的Git分支，命名由來是GitHub的pages，除了initial的commit以外，只新增剛剛的四個檔案。</div>
<div class="draft--imgNormal draft-block"><div><div style="height:1842px" class="image-block-prerender" data-src="https://images.vocus.cc/daa500e8-9deb-41d3-ae05-f38e90225436.jpg" data-width="1842" data-height="920" data-position="center"></div><figcaption class="imageCaption draft-block" style="cursor:text;display:block"></figcaption></div></div>
<div class="draft-block draft--p left">然後進去Setting裡的pages的分頁選擇分支gh_pages，因為我把檔案放在最上層，所以不用資料夾路徑，維持/(root)。</div>
<div class="draft--imgNormal draft-block"><div><div style="height:1920px" class="image-block-prerender" data-src="https://images.vocus.cc/2a665a95-8182-44f1-b12d-e937f7ca30a9.jpg" data-width="1920" data-height="1490" data-position="center"></div><figcaption class="imageCaption draft-block" style="cursor:text;display:block"></figcaption></div></div>
<div class="draft-block draft--p left">此時可以看到網站的網址，稍微等個三分鐘再去開啟連結會比較好，因為有可能還沒同步好，急性子只能看到不存在的404警示畫面。</div>
<div class="draft--imgNormal draft-block"><div><div style="height:1920px" class="image-block-prerender" data-src="https://images.vocus.cc/112e58fb-c0f3-4cf6-807b-c66d1b8af422.jpg" data-width="1920" data-height="1490" data-position="center"></div><figcaption class="imageCaption draft-block" style="cursor:text;display:block"></figcaption></div></div>
<div class="draft-block draft--p left">沒有意外的話就可以看到期待的網站內容。</div>
<div class="draft--imgNormal draft-block"><div><div style="height:1920px" class="image-block-prerender" data-src="https://images.vocus.cc/b7734730-1834-4929-991b-ee4941de2956.jpg" data-width="1920" data-height="1277" data-position="center"></div><figcaption class="imageCaption draft-block" style="cursor:text;display:block"></figcaption></div></div>
<div class="draft-block draft--p left"></div>

<p>程式碼建置後的結果一樣在build下面，我們只需要{專案資料夾}/build/js/packages/{專案名}/kotlin/裡的四個檔案。</p>
<p><br></p>
<p>我另外開了一個gh_pages的Git分支，命名由來是GitHub的pages，除了initial的commit以外，只新增剛剛的四個檔案。</p>
<p><br></p>
<p>然後進去Setting裡的pages的分頁選擇分支gh_pages，因為我把檔案放在最上層，所以不用資料夾路徑，維持/(root)。</p>
<p><br></p>
<p>此時可以看到網站的網址，稍微等個三分鐘再去開啟連結會比較好，因為有可能還沒同步好，急性子只能看到不存在的404警示畫面。</p>
<p><br></p>
<p>沒有意外的話就可以看到期待的網站內容。</p>
<p><br></p>
<p><br></p>

程式碼建置後的結果一樣在build下面，我們只需要{專案資料夾}/build/js/packages/{專案名}/kotlin/裡的四個檔案。

我另外開了一個gh_pages的Git分支，命名由來是GitHub的pages，除了initial的commit以外，只新增剛剛的四個檔案。

然後進去Setting裡的pages的分頁選擇分支gh_pages，因為我把檔案放在最上層，所以不用資料夾路徑，維持/(root)。

此時可以看到網站的網址，稍微等個三分鐘再去開啟連結會比較好，因為有可能還沒同步好，急性子只能看到不存在的404警示畫面。

沒有意外的話就可以看到期待的網站內容。

個人網站GitHub網頁上傳

此版本的目標畫面成果是：
＊金色名字。
＊金色社交按鈕圖示，點擊按鈕另開對應的網頁或著顯示comming soon。
＊名字和按鈕在網頁中央，如果網頁寬度不夠會換行，夠就不換行。

個人網站1.3.0逐行解說

因為最近需要建立自我品牌，所以決定來架個人網站。
架個人網站的方式非常多，最簡單的是直接找台伺服器拿現有模板套上去。
但是我喜歡自由，而且也已經有方格子部落格網站，所以打算做個簡單的名片網站。