喜歡互聯(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)!
我的所有網(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è)面。
我們要放在互聯(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 。
有以下幾步:
上面的 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)單。
如果你熟悉在 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ù)推出
者 | 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)
*請(qǐng)認(rèn)真填寫需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。