我喜歡互聯(lián)網(wǎng)的一點(diǎn)是在互聯(lián)網(wǎng)放置靜態(tài)頁面是如此簡單。今天有人問我該怎么做，所以我想我會(huì)快速地寫下來！

創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),蘇州企業(yè)網(wǎng)站建設(shè),蘇州品牌網(wǎng)站建設(shè),網(wǎng)站定制,蘇州網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,蘇州網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競爭力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶成長自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。

只是一個(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)上

有以下幾步：

1. 注冊 Neocities 帳戶
2. 將 index.html 復(fù)制到你自己 neocities 站點(diǎn)的 index.html 中
3. 完成

上面的 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ò)的。

分享名稱：如何在互聯(lián)網(wǎng)放置HTML頁面
URL標(biāo)題：http://uogjgqi.cn/article/dhpjgjs.html