如何搭建免費的靜態網站
什麼是靜態網頁: 靜態網站 是指全部由 HTML ( 標準通用標記語言 的子集)程式碼格式頁面組成的網站,所有的內容包含在網頁檔案中。網頁上也可以出現各種視覺動態效果,如GIF動畫、FLASH動畫、滾動字幕等,而網站主要是靜態化的頁面和程式碼組成,一般檔名均以 htm 、 html 、 shtml 等為 字尾 。
要實現永久免費的靜態網站,首先要滿足以下幾個條件:
- 註冊七牛雲,獲得免費的空間(需個人實名認證)
- 註冊域名(國內需實名認證),讓域名轉發到七牛雲空間的地址
一、如何註冊七牛雲
以上是七牛雲的註冊地址,如有需要,可直接點進去完成註冊。
註冊完成後,完成實名認證即可免費獲得10G的儲存空間。
二、建立儲存空間
點選左側圖示進入儲存空間頁面,然後點選新建儲存空間,填寫儲存空間名稱:

確認建立,如果你已經註冊好了域名,可以點選立即繫結一個域名。

如圖,填寫你的域名或子域名(不知道怎麼建立子域名的請點選:域名解析)

點選建立,可以看到已經成功。點選“如何配置CNAME”,根據要求去域名服務配置你的子域名轉發到這個空間。

三、上傳網站程式碼
配置好域名後,大概一天內,會通知你繫結成功(如果你沒有繫結自定義域名,會預設給你一個域名,但是有效期只有一個月)。
接下來,將你的檔案上傳到儲存空間即可。

點選檢視你的html主頁檔案的地址,檔案中如有引用css/js/音視訊等檔案,凡是引用前,都需要將檔案上傳到這裡,然後更換為儲存空間的地址即可。

小實踐
佈置一個作業:
自己動手建立一個七牛雲端儲存, 點選註冊七牛雲 (在這裡註冊樓主可免費得到5G下載流量,碼字不易,謝謝關照)。
建立一個網頁,內容自選,末尾會給個模版,可參考。
上傳網頁到七牛與儲存。
完成後,可以將你的個人網站地址放在評論裡。
---------------------------------------------------
附:HTML模版
<html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>你的網站名稱</title> </head> <body> <div style="text-align: center;">XXX簽到。</div> </body> </html>