前言：關(guān)于選擇服務(wù)器的糾結(jié)

之前前端授課老師有叫我們自己做一個個人畢業(yè)作品耙蔑，實(shí)際上在這之前我一直想要做一個完全由自己建設(shè)部署的個人網(wǎng)站。之前我有試過使用github+jekyll的免費(fèi)空間搭建博客钢悲，但中間問題實(shí)再是太多了就沒搞成功。也專門申請一張可以VISA支付的信用卡來免費(fèi)試用12個月亞馬遜AWS云服務(wù)器（也就是EC2）澳厢，當(dāng)時的我為了方便翻墻選了“美國西部（俄勒岡）”地區(qū)的服務(wù)器鸦采，選的操作系統(tǒng)是可視化界面的windows server 2008，僅僅是為了好玩稽坤、圖方便丈甸。

后來真正要開始建個人網(wǎng)站時卻發(fā)現(xiàn)EC2完全不適合自己（可以說除了能翻墻外就沒其它優(yōu)點(diǎn)了）医增，服務(wù)器遠(yuǎn)在大洋彼岸的米國，無論是日常操作還是上網(wǎng)系統(tǒng)響應(yīng)速度都非常的慢老虫，另外我的英文水平也確實(shí)比較差叶骨，亞馬遜上關(guān)于EC2服務(wù)器部署網(wǎng)站的教程我也看不懂，也就只能另外再找找國內(nèi)的服務(wù)器來試試看啦...

于是考慮到自己要長期使用服務(wù)器祈匙，只能在BTA這幾家國內(nèi)大型可靠的服務(wù)器商這里選忽刽，試用完了騰訊的7天免費(fèi)服務(wù)器，我多次對比發(fā)現(xiàn)還是阿里云學(xué)生機(jī)適合自己夺欲，初心小白人又窮只能往便宜實(shí)用的入手啦跪帝。。些阅。伞剑！

好的，那么就決定是你了市埋，阿里云＠杵！缤谎！

好了抒倚，不廢話了，該講講我是怎么用阿里云建網(wǎng)站的了

時間大概是在2017年12月18號坷澡，我在試用對比完了好幾家大廠的服務(wù)器后托呕，終于下定決心買了一臺阿里云ECS服務(wù)器。
當(dāng)時我買的是：

1核 2GB系列 III共享計算型 n4 ECS服務(wù)器频敛，年付費(fèi)學(xué)生機(jī)的價格為118元一臺项郊。

相當(dāng)于一個月的費(fèi)用大概才10塊錢，可以用12個月斟赚，還是不錯啦~

另外使用已有阿里服務(wù)器小伙伴發(fā)出的通用產(chǎn)品券也可以達(dá)到低價租到服務(wù)器的哦~

當(dāng)時我買的ECS服務(wù)器詳細(xì)配置截圖

本著想要深入學(xué)習(xí)網(wǎng)站建設(shè)相關(guān)的一切知識的探索精神着降，我買ECS時并沒有選擇已經(jīng)安裝好的鏡像系統(tǒng)軟件包和wordpress模版，而是選擇了只有一個操作系統(tǒng)的自定義服務(wù)器汁展。我之前看的阿里云大學(xué)的建站教程和搜了度娘后發(fā)現(xiàn)許多人都推薦使用Linux系統(tǒng)作為服務(wù)器系統(tǒng)鹊碍，以及Linux系統(tǒng)不易被黑客攻擊，并且操作也偏實(shí)用食绿，于是我果斷在買ECS時選了CentOS 7.3 64位系統(tǒng)侈咕。

（后來發(fā)覺自己完全愛上了Linux內(nèi)核系統(tǒng)了，家里兩臺電腦操作系統(tǒng)全部換成了win+Linux雙系統(tǒng)了QWQ）

本著自給自足并且熱愛學(xué)習(xí)的心態(tài)器紧，我在買ECS之前就已經(jīng)有準(zhǔn)備好好的安排學(xué)習(xí)關(guān)于服務(wù)器和建網(wǎng)站的知識了耀销，所以買完了ECS服務(wù)器以后也不算太迷茫，畢竟網(wǎng)上有一大堆的相關(guān)知識和教程铲汪，雖然之前也有理解錯誤的地方熊尉，但是也是及時剎車糾正了罐柳，謝天謝地。

因?yàn)楦F狰住，錢要省著用张吉，并且一開始我并不想建太復(fù)雜的網(wǎng)站，只要能放我的作品就OK催植，所以我對建設(shè)實(shí)時動態(tài)網(wǎng)站需求不高肮蛹，也就沒折騰自己搭建LAMP或者去阿里云市場買相關(guān)服務(wù)什么的，并且為了鍛煉自己的動手能力创南，我完全放棄了后期使用免費(fèi)的wordpress模板搭建博客伦忠。

（也就是說我其實(shí)已經(jīng)看過相關(guān)教程了，但是我一個學(xué)前端的娃怎么可能會自己不寫網(wǎng)站前端架構(gòu)去用別人的框架嘛稿辙！學(xué)習(xí)是要鞏固的昆码，不能偷懶！）邻储。

然后我的目的很簡單：

建一個功能簡單明了赋咽，能放自己作品的個人網(wǎng)站。

我首先給自己定下的建站任務(wù)是：

一． 建設(shè)部署服務(wù)器httpd互聯(lián)網(wǎng)訪問服務(wù)與網(wǎng)站上線芥备。

我的建站部署過程其實(shí)很簡單冬耿，因?yàn)橹恍枰玫紸pache的httpd功能做好互聯(lián)網(wǎng)訪問相關(guān)的配置就OK了，基本上一天就能搞定萌壳。
我因?yàn)榈谝淮闻@個，遇到了一些問題日月，倒騰了好幾天才搞定了袱瓮，后面會慢慢解釋的。

二． 網(wǎng)站備案爱咬。

實(shí)際上尺借，如果不是特別需要網(wǎng)站備案的話，只要服務(wù)器的網(wǎng)絡(luò)部署完畢后精拟，用服務(wù)器的公網(wǎng)IP也能從外部訪問到服務(wù)器的網(wǎng)站上內(nèi)容燎斩，如果對于服務(wù)器的安全性有把握和不需要外接廣告的話是可以忽略買域名和備案這一條的（只要做好前面第一條httpd網(wǎng)絡(luò)訪問功能就好了）。

我是因?yàn)樽约旱木W(wǎng)站需要對外公布瀏覽和防止黑客攻擊一類的事件發(fā)生蜂绎，有名字也好記一些栅表，所以我還是買好了域名準(zhǔn)備備案。

網(wǎng)站部署雖然很快师枣，但是備案等待審核的過程可能要1個多月怪瓶，所以，在部署服務(wù)器的同時可以先把案備起践美。

關(guān)于建設(shè)部署服務(wù)器系統(tǒng)的HTTPD網(wǎng)絡(luò)訪問服務(wù)詳解：

首先洗贰，如果本身本地電腦不是linux或者mac系統(tǒng)找岖，而是windows操作系統(tǒng)的話，想要連接上遠(yuǎn)程的linux服務(wù)器進(jìn)行相關(guān)網(wǎng)站操作敛滋，就必須要有兩個軟件：一個是PuTTY许布，一個是filezilla。

簡單的介紹一下PuTTY+filezilla這兩個軟件：

• 軟件1：PuTTY绎晃，是用來在本地電腦上遠(yuǎn)程登錄linux系統(tǒng)蜜唾，并進(jìn)行相關(guān)系統(tǒng)操作的一個小巧實(shí)用的遠(yuǎn)程登錄軟件。

PuTTY類似于windows自帶的遠(yuǎn)程訪問工具箕昭，但是windows自帶的工具對于訪問其以外的系統(tǒng)并沒法用灵妨，所以windows系統(tǒng)的電腦要訪問另一臺linux系統(tǒng)電腦時是非常需要PuTTY的

• 軟件2： filezilla，是一種使用FTP網(wǎng)絡(luò)服務(wù)協(xié)議落竹，能夠使本地電腦和服務(wù)器之間自由傳輸文件用的網(wǎng)絡(luò)傳輸軟件泌霍，通常的FTP類軟件的上傳下載增刪改查功能它都有。

filezilla

以下來講解一下這倆個軟件在部署服務(wù)器網(wǎng)站中的相關(guān)操作用法述召。

關(guān)于PuTTY的操作：

PuTTY的操作很簡單朱转，主要的作用也就是用于遠(yuǎn)程登錄。
以下是圖文示例：

步驟一：

下載好PuTTY积暖，打開登錄界面后藤为，輸入自己服務(wù)器的公網(wǎng)IP。
其它的按照圖圖示填成一樣后點(diǎn)“打開”就OK夺刑。之后跳出來的提示框直接點(diǎn)擊YES確認(rèn)就行了缅疟。
（下載的英文版PuTTY也一樣的操作）

打開PuTTY后的操作界面

步驟二：

在黑框框里輸入命令：

root

然后按回車鍵，再輸入自己之前買ECS時設(shè)置的密碼遍愿。

使用PuTTY的SSH功能連接上服務(wù)器后的界面如圖存淫，要求輸入管理員密碼，默認(rèn)輸入的密碼是不顯示的（但是實(shí)際上已經(jīng)輸入了） ===>這里稍微提示一下：“root”命令是系統(tǒng)最高權(quán)限的超級管理員賬戶的登錄命令沼填，一開始部署網(wǎng)站的時候可以先用超級管理員賬戶登錄系統(tǒng)進(jìn)行相關(guān)設(shè)置桅咆，對于對服務(wù)器安全性要求較高的網(wǎng)站管理人員來說，之后最好再新建一個專門網(wǎng)站管理員的賬號坞笙，針對網(wǎng)站目錄文件傳輸進(jìn)行登錄操作岩饼。如果對安全性要求不高只是隨遍玩玩的話可以忽略此提示與下面的新建網(wǎng)站管理員用戶操作（當(dāng)然要記得新建網(wǎng)站文件夾哦）。

登錄阿里ECS成功后的界面

步驟三：

使用PuTTY登錄到服務(wù)器后薛夜，開始安裝外部互聯(lián)網(wǎng)用戶訪問網(wǎng)站時必須的軟件包：安裝Apache的httpd服務(wù)籍茧。
繼續(xù)在黑框里輸入命令：

yun –y install httpd

以上httpd軟件包安裝圖示。===>提示：因?yàn)槭褂胠inux內(nèi)核開發(fā)系統(tǒng)的公司各有不同却邓，我的服務(wù)器用的是centOS系統(tǒng)硕糊，安裝軟件包的前綴是：yun ；而 ubantu系統(tǒng)安裝軟件包時用的前綴是：sudu apt-get ，如果是使用ubantu系統(tǒng)的可以換成這個前綴安裝軟件包简十，兩者僅僅是前綴不同檬某，安裝方法都是一樣的。

步驟四：

新建/var/www/html網(wǎng)頁文件夾與網(wǎng)站管理員專用賬戶螟蝙。

（具體操作和相關(guān)命令在下面的截圖中恢恼，點(diǎn)擊圖片即可看到大圖，懶得自己寫了胰默，直接拖阿里的圖過來OTZ）

阿里教程截圖

以上场斑，就是最簡單的linux系統(tǒng)服務(wù)器的互聯(lián)網(wǎng)訪問部署步驟了，原理就是通過apache提供的httpd服務(wù)(此外服務(wù)器還需要開放80端口)牵署，讓外部互聯(lián)網(wǎng)用戶能夠?yàn)g覽到服務(wù)器內(nèi)根目錄為/var/www/html文件夾內(nèi)的網(wǎng)頁文件夾內(nèi)容（也就是整個網(wǎng)站目錄）漏隐。

當(dāng)然，這樣只能算是已經(jīng)能夠讓外部用戶訪問到服務(wù)器的公網(wǎng)的apache頁面奴迅，我們做好的網(wǎng)站頁面文件還沒有上傳到服務(wù)器上青责，服務(wù)器網(wǎng)站目錄里還什么都沒有，無論用戶怎么刷新網(wǎng)站瀏覽器頁面都只能看到apache測試頁面取具，也就并不算已經(jīng)成功建好了網(wǎng)站脖隶。

所以，現(xiàn)在就需要將我們做好的網(wǎng)頁文件上傳到服務(wù)器上暇检。

那么怎么樣用filezilla將網(wǎng)頁文件上傳到服務(wù)器上呢产阱？

這就要使用到Filezilla了~

關(guān)于使用Filezilla上傳網(wǎng)站文件（網(wǎng)站上線）

Filezilla的使用步驟：

步驟一：

filezilla軟件下載，安裝到本地電腦上以后块仆，打開filezilla构蹬。

Filezilla打開后的界面

步驟二：

在快速連接欄輸入：服務(wù)器公網(wǎng)IP、之前新建的siteadmin用戶悔据、siteadmin用戶密碼怎燥，然后點(diǎn)擊“快速連接”將本地電腦與服務(wù)器上連接上。

（端口可填可不填蜜暑，通常的FTP連接服務(wù)器端口默認(rèn)為22）

Filezilla連接服務(wù)器

按照圖示，將本地網(wǎng)頁文件上傳到服務(wù)器里策肝。

Filezilla拖拽快速上傳文件圖示

在我看過的教程里提到肛捍，本地網(wǎng)頁文件上傳到服務(wù)器后，再次在瀏覽器里刷新自己ECS服務(wù)器網(wǎng)站之众，就能夠看到已經(jīng)新上傳到網(wǎng)站上的網(wǎng)頁了拙毫。

然而，第一次學(xué)習(xí)搭建網(wǎng)站的我棺禾，在這最后一個步驟上缀蹄，出了點(diǎn)問題。。缺前。

也就是我刷新了多次ECS服務(wù)器公網(wǎng)IP后蛀醉，無論是在我的電腦上還是手機(jī)上，瀏覽器顯示的我的網(wǎng)站頁面都還是Apache的測試頁面衅码，而我辛苦寫出來的網(wǎng)站主頁文件完全沒有一丁點(diǎn)兒痕跡拯刁。。逝段。

還好有同樣問題的新手站長不止我一個垛玻，看了大家提到的問題和相關(guān)問題解決關(guān)鍵字我才知道自己看的教程里面有省略一個關(guān)鍵步驟沒有寫出來。

之前我已經(jīng)知道了我的新主頁文件名應(yīng)該命名為index.html才能讓Apache默認(rèn)識別我的主頁是此文件的內(nèi)容奶躯，并且必需要把Apache里自帶的index.html同名測試主頁刪除替換成我自己最新制作好的index.html主頁文件帚桩。

但是這樣也仍然無效，服務(wù)器系統(tǒng)依然無法顯示我新制作出來的主頁嘹黔，于是我又開始向度娘尋找解決方法账嚎。

最后找到的解決問題的關(guān)鍵是：

方法1：

找到Apache存放在服務(wù)器內(nèi)的httpd.conf配置文件，修改其默認(rèn)顯示網(wǎng)頁文件夾的目錄参淹。

百度出來的httpd.conf配置文件路徑截圖

具體修改httpd.conf配置文件的方法：

• 再次登錄到我的ECS系統(tǒng)內(nèi)醉锄，用vim打開 /etc/httpd/conf/httpd.conf 文件，按照上面的內(nèi)容更改網(wǎng)站文件夾路徑為“var/www/html”再保存退出就OK了~

• 修改好httpd相關(guān)文件配置后再重啟httpd服務(wù)浙值。

使用vim命令打開httpd.conf文件的截圖

怎么用vim改文件并保存我就不說了吧恳不，反正網(wǎng)上有一大堆教程，我感覺學(xué)習(xí)vim也挺好玩的~
（雖然一開始我也被坑了一把开呐，對于怎么退出vim完全沒反應(yīng)過來烟勋，所以說英文廢也挺痛苦的）

方法二：

注釋修改或刪除 "/etc/httpd/conf.d/" 下的 "welcome.conf" 文件

首先不太推薦刪除，刪除所用到的命令是：

rm -rf /etc/httpd/conf.d/welcome.conf 

但是我本人是不建議沒有l(wèi)inux系統(tǒng)終端操作知識的人直接用rm –rf刪除文件的筐付，因?yàn)樵诮K端里面刪東西等于永久刪除卵惦，要是刪錯了是沒有windows那種回收站可以撿垃圾的，反正我對直接用rm –rf刪除文件非常的謹(jǐn)慎的（因?yàn)橹霸谧约译娔X上裝好了ubantu系統(tǒng)后不小心把系統(tǒng)文件刪了一部分瓦戚，導(dǎo)致系統(tǒng)出了問題只好重新系統(tǒng)了沮尿。。较解。qwq）

其次畜疾，最安全的辦法就是，把 "welcome.conf" 文件里的所有行都注釋掉印衔。

（但是我沒有全部注釋掉啡捶，我只注釋掉了“歡迎頁面”的代碼）

還是使用vim命令打開 "welcome.conf" 文件：

vim /etc/httpd/conf.d/welcome.conf 

直接在文字前面寫“#”號就注釋掉了，注釋的主要目的就是讓Apache不要顯示歡迎界面＜楸骸（Apache默認(rèn)顯示的主頁頁面是測試成功的歡迎頁面）

修改好httpd相關(guān)文件配置后再重啟httpd服務(wù)瞎暑。

使用vim命令打開welcome.conf 文件彤敛，并添加“#”號注釋的截圖

所以總結(jié)一下，之所以我上傳的新index.html主頁文件不被顯示在網(wǎng)站上的原因

• 原因之一可能是：之前安裝的httpd軟件包時的Apache測試頁默認(rèn)的主頁目錄并不在我新建的“/var/www/html”文件夾內(nèi)(但是一般來說Apache默認(rèn)的網(wǎng)站目錄就是/var/www/html)了赌。

• 原因之二應(yīng)該就是：Apache默認(rèn)顯示的主頁是測試頁面墨榄，而不是我們制作好的新主頁，所以揍拆，默認(rèn)網(wǎng)站文件夾和主頁文件指向都不對渠概，怎么可能會顯示得出來我新制作好的網(wǎng)頁內(nèi)容嘛~

好的，問題已經(jīng)解決了嫂拴，再次用本地電腦瀏覽器刷新我的網(wǎng)站主頁播揪，就顯示出來我已經(jīng)重新上傳的新的網(wǎng)站主頁了~

(最近才申請好了SSL證書，不過不知道為什么瀏覽器給我說網(wǎng)站不安全筒狠，估計是證書配置方面有什么問題吧猪狈，暫時先不管了)

修改好httpd配置相關(guān)文件后再重新在瀏覽器里刷新，成功打開更新后的網(wǎng)站截圖

圖片上顯示是網(wǎng)站地址是我已經(jīng)備好案的網(wǎng)址辩恼，怎么備案我就不講了雇庙，主要配合阿里客服，再等待相關(guān)部門審核批復(fù)成功就OK灶伊，備案一點(diǎn)兒也不難疆前，也不用去公安局，關(guān)鍵備完案以后要做DNS解析才能使用新的網(wǎng)址瀏覽自己的網(wǎng)站聘萨，而不至于外部互聯(lián)網(wǎng)用戶瀏覽本站頁面時用服務(wù)器的公網(wǎng)IP裸奔查看網(wǎng)站啦~

以上竹椒，這次的建站體驗(yàn)和問題解決方案差不多就完畢了，其中大部分圖文都是我個人在學(xué)習(xí)過程中得出的一些經(jīng)驗(yàn)和其中遇到的困難解決方案(以及太喜歡linux系統(tǒng)了米辐，廢話特別多)胸完，里面有幾張截圖是我從阿里教程和百度百科截來的~

如閱讀后有什么疑問和建議可以給我留言或私信，非專業(yè)人士第一次做總結(jié)翘贮，博主寫文能力比較差赊窥，可能寫得比較繁瑣不太方便閱讀，總之努力進(jìn)步中狸页，望不嫌棄锨能，感謝閱讀!

另外，原本博主是個設(shè)計師轉(zhuǎn)前端開發(fā)芍耘，雖然感覺就業(yè)希望渺茫腹侣，從小一直就挺喜歡折騰繪畫設(shè)計、手工和計算機(jī)齿穗、網(wǎng)絡(luò)方面的東西的，希望能夠在這里交到志同道合的朋友吧~
附個人github傳送：Heron
站酷設(shè)計：張二鷺

以及第一次在簡書上發(fā)表文章饺律，并簡單的學(xué)習(xí)并試了下使用Markdown語法修飾文章窃页，感覺還挺不錯的呀~

后記：之前我沒有仔細(xì)看自己的課程學(xué)習(xí)科目跺株，不知道我JAVA后端課程里面是會學(xué)習(xí)用服務(wù)器建站的，但是脖卖。乒省。。
我特喵的不知道畦木，我特喵的自學(xué)去了袖扛。。十籍。我自學(xué)去了蛆封。。勾栗。（其實(shí)我連JAVA都想自學(xué)的惨篱，但是我這個學(xué)習(xí)進(jìn)度不行啊，我感覺我還是先學(xué)好前端再說吧）
好吧围俘，多學(xué)習(xí)砸讳、多思考、會自己解決問題也是好事情界牡，就是挺折騰人的~