如何在互聯網放置 HTML 頁面
我喜歡互聯網的一點是在互聯網放置靜態頁面是如此簡單。今天有人問我該怎麼做,所以我想我會快速地寫下來!
只是一個 HTML 頁面
我的所有網站都只是靜態 HTML 和 CSS。我的網頁設計技巧相對不高(https://wizardzines.com 是我自己開發的最複雜的網站),因此保持我所有的網站相對簡單意味著我可以做一些改變/修復,而不會花費大量時間。
因此,我們將在此文章中採用儘可能簡單的方式 —— 只需一個 HTML 頁面。
HTML 頁面
我們要放在互聯網上的網站只是一個名為 index.html
的文件。你可以在 https://github.com/jvns/website-example 找到它,它是一個 Github 倉庫,其中只包含一個文件。
HTML 文件中包含一些 CSS,使其看起來不那麼無聊,部分複製自 https://example.com。
如何將 HTML 頁面放在互聯網上
有以下幾步:
- 註冊 Neocities 帳戶
- 將 index.html 複製到你自己 neocities 站點的 index.html 中
- 完成
上面的 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
本文轉載來自 Linux 中國: https://github.com/Linux-CN/archive