如何在網際網路放置 HTML 頁面

Julia Evans發表於2019-09-22

我喜歡網際網路的一點是在網際網路放置靜態頁面是如此簡單。今天有人問我該怎麼做,所以我想我會快速地寫下來!

只是一個 HTML 頁面

我的所有網站都只是靜態 HTML 和 CSS。我的網頁設計技巧相對不高(https://wizardzines.com 是我自己開發的最複雜的網站),因此保持我所有的網站相對簡單意味著我可以做一些改變/修復,而不會花費大量時間。

因此,我們將在此文章中採用儘可能簡單的方式 —— 只需一個 HTML 頁面。

HTML 頁面

我們要放在網際網路上的網站只是一個名為 index.html 的檔案。你可以在 https://github.com/jvns/website-example 找到它,它是一個 Github 倉庫,其中只包含一個檔案。

HTML 檔案中包含一些 CSS,使其看起來不那麼無聊,部分複製自 https://example.com

如何將 HTML 頁面放在網際網路上

有以下幾步:

  1. 註冊 Neocities 帳戶
  2. 將 index.html 複製到你自己 neocities 站點的 index.html 中
  3. 完成

上面的 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 就是一個非常好的方法。

如果你不只是玩,而是要將網站用於真實用途,那麼你或許會需要買一個域名,以便你將來可以更改託管服務提供商,但這有點不那麼簡單。

這是學習 HTML 的一個很好的起點

如果你熟悉在 Git 中編輯檔案,同時想練習 HTML/CSS 的話,我認為將它放在網站中是一個有趣的方式!我真的很喜歡它的簡單性 —— 實際上這隻有一個檔案,所以沒有其他花哨的東西需要去理解。

還有很多方法可以複雜化/擴充套件它,比如這個部落格實際上是用 Hugo 生成的,它生成了一堆 HTML 檔案並放在網路中,但從基礎開始總是不錯的。


via: https://jvns.ca/blog/2019/09/06/how-to-put-an-html-page-on-the-internet/

作者:Julia Evans 選題:lujun9972 譯者:geekpi 校對:wxy

本文由 LCTT 原創編譯,Linux中國 榮譽推出

如何在網際網路放置 HTML 頁面

訂閱“Linux 中國”官方小程式來檢視

相關文章