iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 5
0
自我挑戰組

如何架出github.io的個人網頁-html的30天自由式筆記系列 第 5

如何建立一個html檔(for Windows)

建議先將檔案的副檔名顯示出來。

以下提供了Win7和Win10顯示副檔名的教學(其他版本還請自行搜尋):

這是Windows7版本的方法──
https://blog.xuite.net/yh96301/blog/35331460-Windows+7顯示隱藏檔和副檔名
這是Windows10版本的方法──
https://blog.gtwang.org/windows/windows-10-show-filename-extension-tutorial/

如此一來,往後不論是要整理html或CSS還是JavaScript的檔案時,才能一眼清楚分辨。

接著就可以用滑鼠右鍵,新增一個txt的文字檔案。
將GitHub給你的一段起始原始碼,複製之後貼進去。

<!DOCTYPE html>
<html>
<body>
<h1>Hello World</h1>
<p>I'm hosted with GitHub Pages.</p>
</body>
</html>

再把檔案改名為index.html之後,放進Repository的本地資料夾。

上傳完就成為一個網頁了!


上一篇
如何用GitHub帳號開一個網頁(下)
下一篇
如何建立一個html檔(for Mac)
系列文
如何架出github.io的個人網頁-html的30天自由式筆記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言