如何在互聯(lián)網(wǎng)放置HTML頁面
我喜歡互聯(lián)網(wǎng)的一點(diǎn)是在互聯(lián)網(wǎng)放置靜態(tài)頁面是如此簡單。今天有人問我該怎么做，所以我想我會(huì)快速地寫下來！
只是一個(gè) HTML 頁面
我的所有網(wǎng)站都只是靜態(tài) HTML 和 CSS。我的網(wǎng)頁設(shè)計(jì)技巧相對不高（https://wizardzines.com 是我自己開發(fā)的最復(fù)雜的網(wǎng)站），因此保持我所有的網(wǎng)站相對簡單意味著我可以做一些改變/修復(fù)，而不會(huì)花費(fèi)大量時(shí)間。
因此，我們將在此文章中采用盡可能簡單的方式 —— 只需一個(gè) HTML 頁面。
HTML 頁面
我們要放在互聯(lián)網(wǎng)上的網(wǎng)站只是一個(gè)名為 index.html 的文件。你可以在 https://github.com/jvns/website-example 找到它，它是一個(gè) Github 倉庫，其中只包含一個(gè)文件。
HTML 文件中包含一些 CSS，使其看起來不那么無聊，部分復(fù)制自 https://example.com。
如何將 HTML 頁面放在互聯(lián)網(wǎng)上
有以下幾步：
- 注冊 Neocities 帳戶
- 將 index.html 復(fù)制到你自己 neocities 站點(diǎn)的 index.html 中
- 完成
上面的 index.html 頁面位于 julia-example-website.neocities.com 中，如果你查看源代碼，你將看到它與 github 倉庫中的 HTML 相同。
我認(rèn)為這可能是將 HTML 頁面放在互聯(lián)網(wǎng)上的最簡單的方法（這是一次回歸 Geocities，它是我在 2003 年制作我的第一個(gè)網(wǎng)站的方式）:)。我也喜歡 Neocities （像 glitch，我也喜歡）它能實(shí)驗(yàn)、學(xué)習(xí)，并有樂趣。
其他選擇
這絕不是唯一簡單的方式，在你推送 Git 倉庫時(shí)，Github pages 和 Gitlab pages 以及 Netlify 都將會(huì)自動(dòng)發(fā)布站點(diǎn)，并且它們都非常易于使用（只需將它們連接到你的 GitHub 倉庫即可）。我個(gè)人使用 Git 倉庫的方式，因?yàn)?Git 不會(huì)讓我感到緊張，我想知道我實(shí)際推送的頁面發(fā)生了什么更改。但我想你如果第一次只想將 HTML/CSS 制作的站點(diǎn)放到互聯(lián)網(wǎng)上，那么 Neocities 就是一個(gè)非常好的方法。
如果你不只是玩，而是要將網(wǎng)站用于真實(shí)用途，那么你或許會(huì)需要買一個(gè)域名，以便你將來可以更改托管服務(wù)提供商，但這有點(diǎn)不那么簡單。
這是學(xué)習(xí) HTML 的一個(gè)很好的起點(diǎn)
如果你熟悉在 Git 中編輯文件，同時(shí)想練習(xí) HTML/CSS 的話，我認(rèn)為將它放在網(wǎng)站中是一個(gè)有趣的方式！我真的很喜歡它的簡單性 —— 實(shí)際上這只有一個(gè)文件，所以沒有其他花哨的東西需要去理解。
還有很多方法可以復(fù)雜化/擴(kuò)展它，比如這個(gè)博客實(shí)際上是用 Hugo 生成的，它生成了一堆 HTML 文件并放在網(wǎng)絡(luò)中，但從基礎(chǔ)開始總是不錯(cuò)的。
