引
大家好，我是一名前端工程師，我想大多前端工程師都渴望自己獨立搭建一個個人網(wǎng)站，不管是出于更多的學(xué)習(xí)提升自己的核心競爭力，還是想要展示自己建一個個人博客，亦或者是純粹出于好奇想建站一條龍跑通，反正，就是要自己獨立搭建一個網(wǎng)站跑通。你可以說沒有以上的想法，反正我有，所以，我就嘗試了，最后輸入我的網(wǎng)址 maramlee.com，成功展示了“hello world”。啊…哈哈哈……
打算寫這篇文章是希望能給想要嘗試自己建站卻迷茫在前端的同學(xué)一點方向，可能就有人說了，網(wǎng)上隨便搜零基礎(chǔ)建站一大堆，不需要我在這邊寫，我回想我這建站之路，覺得還是很有必要，相信肯定會有一部分人會因為我的這篇文章而受益。
我在建站之初就查過很多資料，網(wǎng)上的資料很多很雜，有各種原因：比如太多不好分辨，有些時間比較久遠(yuǎn)，也有很多本來是基礎(chǔ)點卻各行如隔山一臉懵，等等，所以實際操作起來比較吃力。我這里就從最初的申請域名開始，到最后輸入網(wǎng)址出現(xiàn)“hello world”，整個流程串聯(lián)起來，希望起到拋磚引玉的作用。
我希望您是一個有前端開發(fā)基礎(chǔ)的人，當(dāng)然，我盡量將用到的技術(shù)點都提出來，希望能給沒有基礎(chǔ)的人一個思考方向。
我這邊域名、服務(wù)器等用的是阿里云，不用這個平臺的小伙伴兒與自己的平臺自行對比哈，有問題，也可以給我評論留言，一起探討。如果不知道選哪個平臺申請，可以和我一樣，注冊一個阿里云賬號，再跟著我做。
建站之路由域名開始
此節(jié)有注冊域名、實名認(rèn)證、備案域名這幾個流程。
注冊域名
輸入想要的域名，未被占用即可注冊。具體操作，請參見注冊通用域名。
域名后綴通常為.com或.cn，基本上是能注冊.com就注冊.com，更多后綴請參見域名區(qū)別。
實名認(rèn)證
具體流程，請參見域名實名認(rèn)證概述。
備案域名
說明 使用中國大陸境內(nèi)服務(wù)器托管您的網(wǎng)站時，需要進(jìn)行備案。否則不需要備案。
為節(jié)約備案時間和順利通過備案，建議您提前了解并做好備案前的準(zhǔn)備工作：
- 準(zhǔn)備備案
各省管局要求資料有所不同，請根據(jù)各地區(qū)管局備案規(guī)則準(zhǔn)備資料。更多詳情，請參見ICP備案前準(zhǔn)備概述。
- 備案
如果按步驟來的話，沒有備案過，所以參見：首次備案。
如果您是其他備案場景，請參見ICP備案快速入門。
購買服務(wù)器
先前往實例創(chuàng)建頁，對于運維來說，這節(jié)比較簡單，但是作為運維小白，購買服務(wù)器的時候，要注意根據(jù)自己的實際情況購買，強(qiáng)烈多查下阿里云的文檔：使用向?qū)?chuàng)建實例，很詳細(xì)！同時多看看提示、注意事項等。下面是我這個運維小白看了文檔后總結(jié)的步驟，如果你是小白也可以這樣做，如果有運維人員發(fā)現(xiàn)我的描述這些有問題的話，也請多多指教哈。
付費模式
比如你只是想學(xué)學(xué)試一下，就選擇“按量付費”（注意按量付費的話，要先充值，記得充100-200都可以），但你希望長期維護(hù)就選擇“包年包月”。
地域及可用區(qū)
這個要注意，總的來說，查看的網(wǎng)站的人在哪里多，就選哪里，如果你自己的博客，也可以選擇自己所在地，反正全國范圍內(nèi)用的話，都差不了多少。更多的參見：教我選擇地域
實例
作為玩玩的網(wǎng)站，就按最小的選就可以了。
鏡像
不知道怎么選，建議選擇 CentOS 7.4 64位。注意，如果你是 windows 的電腦，也不要想當(dāng)然的選擇 Windows Server 系統(tǒng)，這里是你的服務(wù)器鏡像，可以簡單的理解為這是一臺新電腦的配置，和你本地使用的電腦系統(tǒng)無關(guān)。
存儲
這個看你存儲東西決定，你可以想象成你新買一個電腦，這里的存儲可以看成電腦的內(nèi)存。系統(tǒng)盤是必須選的，可以看成 windows 系統(tǒng)的 C 盤。至于數(shù)據(jù)盤和 NAS 存儲，不了解也可以先不選。對于玩玩的小伙伴兒，可以直接就操作系統(tǒng)盤打通流程，至于其他數(shù)據(jù)盤什么的，可以后面深入了解了再擴(kuò)展。
網(wǎng)絡(luò)
這個有“經(jīng)典網(wǎng)絡(luò)”和“專有網(wǎng)絡(luò)”的區(qū)別，現(xiàn)在新開的賬號，都只有“專有網(wǎng)絡(luò)”這個選項，就直接選這個就可以了，想知道更多它們可以自行查閱資料。
公網(wǎng) IP
默認(rèn)勾選“分配公網(wǎng)IPv4地址”即可
帶寬計費模式
做測試用的話，就選“按使用流量”即可
帶寬峰值
可以看情況選擇，一般的玩玩，默認(rèn) 5M 即可
安全組
想要了解詳細(xì)內(nèi)容，可以查看：教我選擇>。安全組可以根據(jù)提示，新建一個安全組：新建安全組>，這里進(jìn)去后，新建時，需要創(chuàng)建專有網(wǎng)絡(luò)，根據(jù)提示填寫，一般默認(rèn)就可以。
剩余的彈性網(wǎng)卡和 IPv6 作為小白來說，暫時用不到，可以打通流程后再進(jìn)行知識補(bǔ)充。
登陸密碼
這個看你心情，可以登陸后再設(shè)置，可以“自定義密碼”也可以用“密鑰對”，根據(jù)文檔提示操作即可
之后
再之后的操作可以看你情況設(shè)置，問題不大，確認(rèn)好后即點擊購買即可。具體詳細(xì)操作，記得看文檔哦~
解析域名
域名解析后，外部用戶才可通過域名訪問網(wǎng)站。比如輸入 baidu.com 就可以訪問百度網(wǎng)站。
主要操作，看阿里云的這個文檔就可以了：設(shè)置域名解析快速入門
部署網(wǎng)站
部署網(wǎng)站這里涉及到服務(wù)器部署，對于前端來可能比較陌生，可能對后端來說比較容易些，但是，這個也不是很難，阿里云給了部署的方式：自助建站方式匯總，可以選擇適合自己的方式進(jìn)行部署。我是前端人員，最熟悉的語言是 javascript ，所以，我選擇用 node.js 部署，阿里云文檔里也有對應(yīng)的操作文檔：node.js部署
這樣，你的第一個網(wǎng)頁就出來啦~~~
其他踩坑
作為小白，踩過的坑真的不少，像不會后端怎么辦？學(xué) node.js 。不會 Linux 系統(tǒng)操作怎么辦？查 Linux 常用操作。反正就是各種找文檔，找學(xué)習(xí)資料。這里就稍微提下比較基礎(chǔ)的坑，希望對其他小白有幫助。
連接 ECS 實例
連接 ECS 實例有多種方法：
pc 端直接連接
錄ECS管理控制臺，直接點擊，實例列表頁中的“遠(yuǎn)程連接”，輸入設(shè)置的用戶名和密碼就可以，用戶名默認(rèn)都是 root，密碼就是你設(shè)置的密碼。
對應(yīng)幫助文檔：[連接 ECS 實例]。(https://help.aliyun.com/document_detail/25425.html?spm=5176.11065259.1996646101.searchclickresult.350a43e5PEQE75&aly_as=j9EEdjov)秘鑰對連接實例
建議閱讀文檔：SSH密鑰對概述 及之后的文檔，將“SSH密鑰對”節(jié)讀完。
注意，綁定了密鑰對之后，上面兩種連接方式都不可以用了。
- 如果你嘗試了Linux 操作系統(tǒng)加固中的禁止root用戶直接登錄，然后就登陸不上去了。只能嘗試用 VNC 的方式了：
實例列表頁，點擊遠(yuǎn)程連接的下拉菜單，選擇 VNC ，然后根據(jù)提示操作即可。
VNC 連接實例
想知道更詳細(xì)的內(nèi)容，可查看文檔。
Linux格式化數(shù)據(jù)盤
Linux格式化數(shù)據(jù)盤文檔中有寫，格式化數(shù)據(jù)盤，需要掛載，隨實例一起購買的數(shù)據(jù)盤，無需掛載。而且，云服務(wù)器ECS僅支持?jǐn)?shù)據(jù)盤分區(qū)操作，不支持系統(tǒng)盤分區(qū)操作。我前面就沒注意到，系統(tǒng)盤，就是隨實例一起購買的數(shù)據(jù)盤，我只有這個盤，看文檔的時候就跟著操作，進(jìn)行分區(qū)，分了很多次，用 fdisk -lu /dev/vda1 查看分區(qū)成功的，但是，運行命令 mkfs.ext4 /dev/vda1p1 在新分區(qū)上創(chuàng)建一個文件系統(tǒng)就一直報錯：The device apparently does not exist; did you specify it correctly? 找不到文件系統(tǒng)。最后找了很久才發(fā)現(xiàn)犯了低級錯誤，在系統(tǒng)盤分區(qū)。
安全組設(shè)置
由于我不是計算機(jī)科班出身，不是很了解 ip 地址，在安全組里創(chuàng)建規(guī)則的時候，對于授權(quán)對象一欄，一臉懵逼，于是查找了下 IP 地址相關(guān)知識。
注意，授權(quán)對象這里填的 ip 地址不是內(nèi)外 ip ，而是外網(wǎng) ip
有一點基礎(chǔ)的人都知道，控制臺輸入 ifconfig 打印出的地址，與電腦中圖形化界面上顯示的 ip 地址一樣，但是，這個地址是內(nèi)網(wǎng)地址，并不是外網(wǎng)地址。
我在這里做測試的時候就將內(nèi)網(wǎng) ip 設(shè)置上，然后一直沒有預(yù)期效果。
外網(wǎng)地址，可以打開百度，直接搜索 ip 就可看到你的外網(wǎng)地址。
IPv4段地址
對于 ip 地址也是惡補(bǔ)了下，不了解的小伙伴兒可以參考這個地址：CIDR的IP地址的表示與劃分方法，對于這個實例，我也做了個筆記，供大家參考：
主機(jī)ID全為0和主機(jī)ID全為1的為非法IP地址
網(wǎng)絡(luò)ID相同的就屬于同一網(wǎng)段
C類：C類IP地址：
3字節(jié)的網(wǎng)絡(luò)地址（最高位必須是110）+1字節(jié)的主機(jī)地
| ip | 類型 | 網(wǎng)絡(luò)地址(ID) | 主機(jī)地址(ID) | 運算 |
|---|---|---|---|---|
| 192.0.0.0 | C | 192.0.0 | .0 | 192 - 11000000 |
CIDR：無類域間路由
IP地址/網(wǎng)絡(luò)ID的位數(shù) 0.0.0.0/0
子掩碼：子網(wǎng)掩碼的二進(jìn)制格式中的網(wǎng)絡(luò)位全為1。這樣二進(jìn)制格式的子網(wǎng)掩碼和二進(jìn)制的IP地址進(jìn)行“與”運算，可以得出該IP地址的網(wǎng)絡(luò)位。
CIDR技術(shù)用子網(wǎng)掩碼中連續(xù)的1部份表示網(wǎng)絡(luò)ID，連續(xù)的0部份表示主機(jī)ID。
例如：192.168.23.35/21，計算子網(wǎng)的網(wǎng)絡(luò)ID、子網(wǎng)掩碼、起止IP地址
子網(wǎng)掩碼：255.255.248.0
## 網(wǎng)格ID的位數(shù)為21
|--網(wǎng)絡(luò)ID位-----------|
11111111 11111111 11111-000 00000000
網(wǎng)絡(luò)ID：192.168.16.0
## 192.168.23.0 和 255.255.248.0（子掩碼）按位與運算
## 按位與 兩位同時為“1”，結(jié)果才為“1”，否則為0
11000000 10101000 00010111 00000000
& 11111111 11111111 11111000 00000000
11000000 10101000 00010000 00000000
起始IP地址：192.168.16.1
## 192.168.16.0是本網(wǎng)端中的第一個IP，可是他已經(jīng)表示網(wǎng)絡(luò)ID了，所以，起始IP為192.168.16.1
結(jié)束IP地址：192.168.23.254
## 網(wǎng)絡(luò)位接最大主機(jī)位
## |--網(wǎng)絡(luò)位-------------| |--主機(jī)位--|
11000000 10101000 00010-111 11111110
寫在最后
由于我使用的是阿里云平臺，文章中很多節(jié)選自阿里云，想了解更多的小伙伴兒請多查看阿里云文檔。
我是事后回憶寫的文章，所以，可能有遺漏的地方，如果讀到發(fā)現(xiàn)有問題，請給我評論或留言，我會持續(xù)改進(jìn)此文。
