建站
咨詢(xún)
售后
建站咨詢(xún)
新聞中心
我喜歡互聯(lián)網(wǎng)的一點(diǎn)是在互聯(lián)網(wǎng)放置靜態(tài)頁(yè)面是如此簡(jiǎn)單。今天有人問(wèn)我該怎么做，所以我想我會(huì)快速地寫(xiě)下來(lái)！
創(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ò)營(yíng)銷(xiāo),網(wǎng)絡(luò)優(yōu)化,蘇州網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭(zhēng)力。可充分滿(mǎn)足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專(zhuān)業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶(hù)成長(zhǎng)自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。
只是一個(gè) HTML 頁(yè)面
我的所有網(wǎng)站都只是靜態(tài) HTML 和 CSS。我的網(wǎng)頁(yè)設(shè)計(jì)技巧相對(duì)不高（https://wizardzines.com 是我自己開(kāi)發(fā)的最復(fù)雜的網(wǎng)站），因此保持我所有的網(wǎng)站相對(duì)簡(jiǎn)單意味著我可以做一些改變/修復(fù)，而不會(huì)花費(fèi)大量時(shí)間。
因此，我們將在此文章中采用盡可能簡(jiǎn)單的方式 —— 只需一個(gè) HTML 頁(yè)面。
HTML 頁(yè)面
我們要放在互聯(lián)網(wǎng)上的網(wǎng)站只是一個(gè)名為 index.html 的文件。你可以在 https://github.com/jvns/website-example 找到它，它是一個(gè) Github 倉(cāng)庫(kù)，其中只包含一個(gè)文件。
HTML 文件中包含一些 CSS，使其看起來(lái)不那么無(wú)聊，部分復(fù)制自 https://example.com。
如何將 HTML 頁(yè)面放在互聯(lián)網(wǎng)上
有以下幾步：
- 注冊(cè) Neocities 帳戶(hù)
- 將 index.html 復(fù)制到你自己 neocities 站點(diǎn)的 index.html 中
- 完成
上面的 index.html 頁(yè)面位于 julia-example-website.neocities.com 中，如果你查看源代碼，你將看到它與 github 倉(cāng)庫(kù)中的 HTML 相同。
我認(rèn)為這可能是將 HTML 頁(yè)面放在互聯(lián)網(wǎng)上的最簡(jiǎn)單的方法（這是一次回歸 Geocities，它是我在 2003 年制作我的第一個(gè)網(wǎng)站的方式）:)。我也喜歡 Neocities （像 glitch，我也喜歡）它能實(shí)驗(yàn)、學(xué)習(xí)，并有樂(lè)趣。
其他選擇
這絕不是唯一簡(jiǎn)單的方式，在你推送 Git 倉(cāng)庫(kù)時(shí)，Github pages 和 Gitlab pages 以及 Netlify 都將會(huì)自動(dòng)發(fā)布站點(diǎn)，并且它們都非常易于使用（只需將它們連接到你的 GitHub 倉(cāng)庫(kù)即可）。我個(gè)人使用 Git 倉(cāng)庫(kù)的方式，因?yàn)?Git 不會(huì)讓我感到緊張，我想知道我實(shí)際推送的頁(yè)面發(fā)生了什么更改。但我想你如果第一次只想將 HTML/CSS 制作的站點(diǎn)放到互聯(lián)網(wǎng)上，那么 Neocities 就是一個(gè)非常好的方法。
如果你不只是玩，而是要將網(wǎng)站用于真實(shí)用途，那么你或許會(huì)需要買(mǎi)一個(gè)域名，以便你將來(lái)可以更改托管服務(wù)提供商，但這有點(diǎn)不那么簡(jiǎn)單。
這是學(xué)習(xí) HTML 的一個(gè)很好的起點(diǎn)
如果你熟悉在 Git 中編輯文件，同時(shí)想練習(xí) HTML/CSS 的話(huà)，我認(rèn)為將它放在網(wǎng)站中是一個(gè)有趣的方式！我真的很喜歡它的簡(jiǎn)單性 —— 實(shí)際上這只有一個(gè)文件，所以沒(méi)有其他花哨的東西需要去理解。
還有很多方法可以復(fù)雜化/擴(kuò)展它，比如這個(gè)博客實(shí)際上是用 Hugo 生成的，它生成了一堆 HTML 文件并放在網(wǎng)絡(luò)中，但從基礎(chǔ)開(kāi)始總是不錯(cuò)的。
文章標(biāo)題：如何在互聯(lián)網(wǎng)放置HTML頁(yè)面
文章轉(zhuǎn)載：http://www.dlmjj.cn/article/dhpjgjs.html
