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