整合營(yíng)銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          如何在互聯(lián)網(wǎng)放置 HTML 頁(yè)面

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

          -- Julia Evans(作者)

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

          只是一個(gè) HTML 頁(yè)面

          我的所有網(wǎng)站都只是靜態(tài) HTML 和 CSS。我的網(wǎng)頁(yè)設(shè)計(jì)技巧相對(duì)不高( https://wizardzines.com 是我自己開發(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)上

          有以下幾步:

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

          上面的 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ì)需要買一個(gè)域名,以便你將來(lái)可以更改托管服務(wù)提供商,但這有點(diǎn)不那么簡(jiǎn)單。

          這是學(xué)習(xí) HTML 的一個(gè)很好的起點(diǎn)

          如果你熟悉在 Git 中編輯文件,同時(shí)想練習(xí) HTML/CSS 的話,我認(rèn)為將它放在網(wǎng)站中是一個(gè)有趣的方式!我真的很喜歡它的簡(jiǎn)單性 —— 實(shí)際上這只有一個(gè)文件,所以沒(méi)有其他花哨的東西需要去理解。

          還有很多方法可以復(fù)雜化/擴(kuò)展它,比如這個(gè)博客實(shí)際上是用 Hugo 生成的,它生成了一堆 HTML 文件并放在網(wǎng)絡(luò)中,但從基礎(chǔ)開始總是不錯(cuò)的。


          via: https://jvns.ca/blog/2019/09/06/how-to-put-an-html-page-on-the-internet/

          作者: Julia Evans 選題: lujun9972 譯者: geekpi 校對(duì): wxy

          本文由 LCTT 原創(chuàng)編譯, Linux中國(guó) 榮譽(yù)推出

          點(diǎn)擊“了解更多”可訪問(wèn)文內(nèi)鏈接

          者 | arvin

          譯者 | Enmanuel,責(zé)編 | 屠敏

          頭圖 | CSDN 下載自東方 IC

          出品 | CSDN(ID:CSDNnews)

          以下為譯文:

          你知道哪個(gè)操作系統(tǒng)是世界上最受歡迎的操作系統(tǒng)嗎?是Linux!它一般運(yùn)行于服務(wù)器和超級(jí)計(jì)算機(jī)上,我們?nèi)粘TL問(wèn)網(wǎng)站背后的數(shù)百萬(wàn)臺(tái)服務(wù)器很有可能運(yùn)行著的操作系統(tǒng)就是Linux。在本文中,我們將學(xué)習(xí)Linux是什么以及它來(lái)自何處,常用的Linux知識(shí)以及想要在這個(gè)令人興奮的平臺(tái)上暢游所需的命令。

          什么是Linux?

          就像Windows或Apple的mac OS一樣,Linux也是一個(gè)操作系統(tǒng)。操作系統(tǒng)是管理計(jì)算機(jī)中不同設(shè)備和應(yīng)用程序軟件的集合。舉例來(lái)說(shuō),其中的部分軟件負(fù)責(zé)著關(guān)閉、啟動(dòng)計(jì)算機(jī),有些軟件提供與鍵盤和鼠標(biāo)等設(shè)備交互界面等功能。

          學(xué)習(xí)使用Linux系統(tǒng)是熟悉命令行的絕佳機(jī)會(huì),命令行是與計(jì)算機(jī)進(jìn)行通信的最明確的方式。此外,當(dāng)你嘗試不同的項(xiàng)目時(shí),你將會(huì)學(xué)習(xí)軟件倉(cāng)庫(kù),程序包管理,文件權(quán)限,用戶管理等更多信息。如果你有使用npm和GitHub的經(jīng)驗(yàn),那么程序包管理和軟件倉(cāng)庫(kù)可能是你已經(jīng)熟悉的概念。

          為什么Linux如此流行?

          Linux在企業(yè)計(jì)算,大數(shù)據(jù)和科學(xué)(聯(lián)想下超級(jí)計(jì)算機(jī))世界中獨(dú)樹一幟。主要原因如下

          • Linux是免費(fèi)的。你不需要為使用Linux而付費(fèi),你可以自由查看,編輯和分發(fā)源代碼。當(dāng)你購(gòu)買裝有Windows或macOS的計(jì)算機(jī)時(shí),這些操作系統(tǒng)的費(fèi)用其實(shí)已包含在價(jià)格中。

          • Linux是靈活的。Linux被用于許多不同類型的計(jì)算機(jī)中,包括智能烤面包機(jī)和冰箱,其他物聯(lián)網(wǎng)設(shè)備,互聯(lián)網(wǎng)路由器,Android智能手機(jī)等,簡(jiǎn)直不勝枚舉。你現(xiàn)在可以立即在筆記本電腦或臺(tái)式機(jī)上安裝Linux,而無(wú)需進(jìn)行任何設(shè)置即可啟動(dòng)和運(yùn)行!這種靈活性之所以成為可能,是因?yàn)長(zhǎng)inux操作系統(tǒng)被設(shè)計(jì)為既可以簡(jiǎn)單地完成一項(xiàng)工作又能使用功能更完善的工具來(lái)完成工作。你可以組裝一個(gè)適用于你的設(shè)備并針對(duì)你的需求進(jìn)行過(guò)優(yōu)化的Linux版本。

          Unix哲學(xué)

          Linux是一個(gè)“類Unix”操作系統(tǒng),這意味著它的大部分功能派生自Unix操作系統(tǒng),并且通常遵循Unix的設(shè)計(jì)原則。理想的Unix程序是簡(jiǎn)單,模塊化和可擴(kuò)展的。Unix程序確實(shí)能很好地完成一些任務(wù),并且被設(shè)計(jì)為可以與其他程序很好地協(xié)同工作,而不必依賴太多其他程序。該系統(tǒng)通過(guò)利用程序的協(xié)作而變得強(qiáng)大,而不是因?yàn)槌绦虮旧沓?jí)強(qiáng)大。

          關(guān)于Linux,我最喜歡的一點(diǎn)是一切都是文件。你在終端中運(yùn)行的命令和程序被抽象成文件。用來(lái)快速打開自己喜歡的應(yīng)用程序的桌面圖標(biāo)也被抽象成文件。系統(tǒng)檢查應(yīng)用程序更新的代碼庫(kù)如何處理?當(dāng)然也是寫在文件里。所有可能導(dǎo)致混亂的都可以用文件解決。Linux就是這么透明、富有動(dòng)力和優(yōu)雅。你可以想象一下,你可以隨心設(shè)置自己的Linux安裝程序,同時(shí)擁有對(duì)系統(tǒng)的完全控制權(quán),只要你想要的,完全甩掉你不想要的,這非常酷炫!

          這些原則如實(shí)地說(shuō)明了Linux的靈活性。怪不得它被用于許多應(yīng)用中。

          一切都是文件,文件是一切的最終歸宿

          接下來(lái),我將向你展示Linux中的典型系統(tǒng)樹或文件系統(tǒng)層次結(jié)構(gòu)。你可以在我的其他文章中(https://dev.to/emtes/learning-data-structures-trees-2p5g)閱讀有關(guān)樹狀數(shù)據(jù)結(jié)構(gòu)的更多信息。如果你要在自己的Linux系統(tǒng)上進(jìn)行操作,你的目錄可能跟我的不完全一樣,可能具有更多或更少的目錄。如果你想詳細(xì)了解這些目錄(文件夾),請(qǐng)?jiān)贚inux終端中敲入man hier并運(yùn)行該命令來(lái)閱讀手冊(cè)。我個(gè)人的習(xí)慣是,將喜歡的搜索引擎放在附近,以隨時(shí)查找我不知道含義的新名稱。

          / 這是根目錄(文件夾),文件系統(tǒng)樹(數(shù)據(jù)結(jié)構(gòu)


          主站蜘蛛池模板: 无码国产精品一区二区免费式直播 | 成人区人妻精品一区二区不卡| 亚洲AV无码一区二区一二区| 精品少妇一区二区三区视频| 国产色情一区二区三区在线播放 | 另类国产精品一区二区| 亚洲一区二区三区免费在线观看| 亚洲日本va午夜中文字幕一区| 日韩人妻精品无码一区二区三区 | 精品一区二区无码AV| 中文字幕日本精品一区二区三区| 国产成人精品一区二区三区| 亚洲国产精品自在线一区二区| 亚洲性无码一区二区三区| 午夜AV内射一区二区三区红桃视| 日本一区高清视频| 夜夜添无码一区二区三区| 国产精品乱码一区二区三| 亚洲国产综合精品一区在线播放| 高清一区二区三区日本久| 国产未成女一区二区三区| 免费av一区二区三区| 国产一区在线播放| 亚洲一区二区观看播放| 丰满少妇内射一区| 国产美女口爆吞精一区二区| 亚洲日本久久一区二区va| 国产伦精品一区二区三区视频金莲| 中文字幕AV一区二区三区| 综合久久久久久中文字幕亚洲国产国产综合一区首 | 国产精品av一区二区三区不卡蜜| 国产色精品vr一区区三区| 国产精品一区二区在线观看| 亚洲狠狠狠一区二区三区| 久久国产精品亚洲一区二区| 精品一区狼人国产在线| 韩国福利一区二区美女视频| 久久亚洲一区二区| 91在线看片一区国产| 无码av免费一区二区三区| 久久免费区一区二区三波多野|