我喜歡網際網路的一點是在網際網路放置靜態頁面是如此簡單。今天有人問我該怎麼做,所以我想我會快速地寫下來!
我的所有網站都只是靜態 HTML 和 CSS。我的網頁設計技巧相對不高(https://wizardzines.com 是我自己開發的最複雜的網站),因此保持我所有的網站相對簡單意味著我可以做一些改變/修復,而不會花費大量時間。
因此,我們將在此文章中採用盡可能簡單的方式 —— 只需一個 HTML 頁面。
我們要放在網際網路上的網站只是一個名為 index.html
的檔案。你可以在 https://github.com/jvns/website-example 找到它,它是一個 Github 倉庫,其中只包含一個檔案。
HTML 檔案中包含一些 CSS,使其看起來不那麼無聊,部分複製自 https://example.com。
有以下幾步:
上面的 index.html
頁面位於 julia-example-website.neocities.com 中,如果你檢視原始碼,你將看到它與 github 倉庫中的 HTML 相同。
我認為這可能是將 HTML 頁面放在網際網路上的最簡單的方法(這是一次回歸 Geocities,它是我在 2003 年製作我的第一個網站的方式):)。我也喜歡 Neocities (像 glitch,我也喜歡)它能實驗、學習,並有樂趣。
這絕不是唯一簡單的方式,在你推播 Git 倉庫時,Github pages 和 Gitlab pages 以及 Netlify 都將會自動發布站點,並且它們都非常易於使用(只需將它們連線到你的 GitHub 倉庫即可)。我個人使用 Git 倉庫的方式,因為 Git 不會讓我感到緊張,我想知道我實際推播的頁面發生了什麼更改。但我想你如果第一次只想將 HTML/CSS 製作的站點放到網際網路上,那麼 Neocities 就是一個非常好的方法。
如果你不只是玩,而是要將網站用於真實用途,那麼你或許會需要買一個域名,以便你將來可以更改託管服務提供商,但這有點不那麼簡單。
如果你熟悉在 Git 中編輯檔案,同時想練習 HTML/CSS 的話,我認為將它放在網站中是一個有趣的方式!我真的很喜歡它的簡單性 —— 實際上這只有一個檔案,所以沒有其他花哨的東西需要去理解。
還有很多方法可以複雜化/擴充套件它,比如這個部落格實際上是用 Hugo 生成的,它生成了一堆 HTML 檔案並放在網路中,但從基礎開始總是不錯的。