iT邦幫忙

2026 iThome 鐵人賽

DAY 29
0

辛辛苦苦地寫好了 HTML 結構、調好了 CSS 樣式,看著瀏覽器裡透過本地伺服器跑出來的畫面,真的很有成就感!

但那時候遇到一個很現實的問題:
這個網頁目前只存在你自己的電腦裡,別人點不開呀!

如果要讓遠在另一端的老師、朋友,甚至是全世界的人都看得到這個作品,我就得需要把程式碼發布到網路上。而這就是完成網頁排版作業的最後關鍵步驟:將程式上傳至 GitHub,並透過 GitHub Pages 將頁面正式發布上線!

部署上線

GitHub、Repository 一開始這些詞對我這個美術人來說很陌生。但實際操作過後,發現它其實很像是一個「雲端管理與公開展示藝廊」:

  1. 上傳程式碼:把寫好的 index.html、style.css 以及圖片素材完整上傳到 GitHub 專案倉庫中。
  2. 啟用 GitHub Pages:在 GitHub 的設定中開啟 Pages 功能,讓系統自動幫我們把程式碼轉譯成真實的線上網頁。
  3. 取得網址並繳交:拿到專屬的公開網址後,就可以準備把 GitHub 的程式頁面 URL 提交給老師。

當我第一次把網址點開,看到自己親手刻出來的網頁真真實實地在網路上運作時,心底終於出現難得的踏實感!這代表我不只學會了排版,還真正擁有了一個屬於自己的公開網站,雖然只是看起來很陽春的練習用網站而已,但也足夠了。

Day 29,順利將網頁發布上線,準備迎接最後的收尾啦!


上一篇
Day 28|jQuery
下一篇
Day 30|我這個美術仔到底學會了什麼?
系列文
美術生的前端初體驗 : 從畫畫到網頁的30天 共 30 篇
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言