如何在網際網路放置 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 中國”官方小程式來檢視
相關文章
- HTML簡史,網際網路營銷HTML
- 拉勾網:網際網路人如廁報告
- 如何在linux上手動連線到網際網路Linux
- HTML 網頁建立HTML網頁
- HTML5將重塑Web世界?,網際網路營銷HTMLWeb
- 怎麼修改公司網站頁面,如何在公司網站後臺修改頁面內容網站
- [網際網路]網際網路公司的種類
- 如何在網際網路創業、五年經驗、少走彎路創業
- 從HashMap面試聊聊網際網路內卷HashMap面試
- 網際網路+
- 網際網路如何推廣 網際網路推廣
- 基於HTML5 的網際網路+地鐵行業HTML行業
- 【網路】瀏覽器輸入URL到展示頁面全過程(含網際網路協議及HTTPS簡介)瀏覽器協議HTTP
- 【網際網路】在網際網路中隱私在何方?
- 大型網際網路公司必考java面試題與面試技巧Java面試題
- 各大網際網路公司面試流程及面試題彙總面試題
- 網際網路 Java 工程師面試題(Spring 面試題一)Java工程師面試題Spring
- 如何在 Linux 最小化安裝中設定網際網路Linux
- 資料檔案在網路“裸奔”,如何在網際網路中進行檔案傳輸?
- 世界網際網路大會|網路安全點亮烏鎮“網際網路之光”
- 網際網路怎樣推廣 網際網路如何推廣
- 超級漂亮的網上花店html靜態頁面HTML
- 網際網路公司面試必問的Redis題目面試Redis
- 如何才能透過一線網際網路公司面試?面試
- 分享:一線網際網路公司的面試經驗面試
- 網際網路大廠內推+面試乾貨合集面試
- [面試專題]一線網際網路大廠面試總結面試
- 與頂級網際網路公司技術大佬面對面聊聊RocketMQMQ
- 網際網路如何推廣 揭祕網際網路推廣方法
- 基於HTML5 的網際網路+地鐵行業新模式HTML行業模式
- 基於 HTML5 結合網際網路+ 的 3D 隧道HTML3D
- 1.2網際網路的網路結構
- 網際網路校招面試必備——計算機網路 | 掘金技術徵文面試計算機網路
- 【網路安全分享】移動網際網路所面臨的安全威脅有哪些?
- 產業網際網路產業
- 揭開網際網路公司的神秘面紗,資料解讀那些slay整個行業的網際網路公司行業
- 中國網際網路協會:2020中國網際網路發展
- 網際網路公司面試必問的mysql題目(下)面試MySql