感謝您抽出
.
.
來(lái)閱讀本文
大家好。我是堅果，這是我的公眾號“堅果前端”
歡迎大家的關(guān)注，一起來(lái)見(jiàn)證碼農的軌跡
在開(kāi)始正文前允許我先做個(gè)自我介紹，目前是
51CTO博客首席體驗官，專(zhuān)注于大前端技術(shù)的分享，包括Flutter,小程序,安卓，VUE，JavaScript。
接下來(lái)開(kāi)始今天的正文
因為學(xué)習IT技術(shù)還是想應用到學(xué)習、工作、生活中，讓它們更美好，就應該授人以漁，畢竟自己動(dòng)手了才有收獲。
先給大家分享一下我與我的粉絲的部分聊天記錄
在之前我已經(jīng)有三篇文章對服務(wù)器進(jìn)行了講解。
讀完此文，如果覺(jué)得還可以，可以關(guān)注我，我會(huì )給大家帶來(lái)更多干貨
今天的這篇教程是基于windows服務(wù)器進(jìn)行的
由于幫助的是一位非計算機專(zhuān)業(yè)的學(xué)生，所以覺(jué)得windows會(huì )更適用
先來(lái)看一下成功后的截圖
購買(mǎi)服務(wù)器
Node.js
Git
當然如何安裝git和Npm我也會(huì )在本教程指出。
在搭建個(gè)人博客之前默認大家已經(jīng)購買(mǎi)并成功登錄了服務(wù)器（搭建個(gè)人博客的所有操作中，除對云服務(wù)器控制臺的相關(guān)設置是在我們本地電腦上操作外，其余均在服務(wù)器上進(jìn)行），
關(guān)于如何遠程連接自己購買(mǎi)的服務(wù)器，大家可觀(guān)看小編往期發(fā)布的教程進(jìn)行對應操作
小編所使用的是windows操作系統的阿里云服務(wù)器，詳細參數如下圖所示，供大家參考
搭建博客的前提：安裝Node.js和git兩個(gè)軟件
復制到瀏覽器打開(kāi)即可
主要是太新的版本，目前hugo，gitbook。hexo的支持都不太好
截至寫(xiě)這篇文檔前，最新的版本為16.13.0
下圖所示，由于頁(yè)面太多，我們先點(diǎn)擊第4頁(yè)，以瀏覽后面的頁(yè)面，找到12.12左右的版本
如下圖所示，點(diǎn)擊至第7頁(yè)，理由同上
如下圖所示，在點(diǎn)擊到第10頁(yè)時(shí)，我們可以看到有12.12左右的版本
此時(shí)我們選擇12.12.7版本下載，如圖所示點(diǎn)擊下載
跳轉至如下頁(yè)面后點(diǎn)擊圖上所指的鏈接進(jìn)行下載
點(diǎn)擊“打開(kāi)文件”進(jìn)行安裝
若彈出如下頁(yè)面，點(diǎn)擊“是”，允許應用對設備進(jìn)行更改即可！
安裝界面如下圖所示，點(diǎn)擊Next
點(diǎn)擊勾選下圖所示方框，后繼續點(diǎn)擊“Next”
選擇默認，點(diǎn)擊“Next”兩次后顯示界面如下：
按下圖中所示，勾選方框后點(diǎn)擊“Next”。
點(diǎn)擊下圖中箭頭所指的“Install”按鈕進(jìn)行安裝
等待安裝完成
點(diǎn)擊Finish完成安裝
安裝完成后出現如下彈窗，點(diǎn)擊右上角叉號關(guān)閉即可！
按住鍵盤(pán)上的Win+R鍵，輸入命令“cmd”后回車(chē)確定，
緊接著(zhù)在打開(kāi)的命令行中輸入命令“node -v”后回車(chē)確定，以檢查Node.js是否正確安裝
已安裝的軟件版本會(huì )如下圖顯示出來(lái)，同之前下載的軟件版本一致，則證明安裝正確
網(wǎng)址如下：https://git-scm.com/ 復制到瀏覽器打開(kāi)即可
點(diǎn)擊圖示按鈕下載git安裝包
等待下載完成……
點(diǎn)擊“打開(kāi)文件”運行安裝
若彈出如下頁(yè)面，點(diǎn)擊“是”，允許應用對設備進(jìn)行更改即可！
安裝界面如下，一直點(diǎn)擊Next,直至安裝完成，所有勾選保持默認即可!
點(diǎn)擊Install進(jìn)行安裝
等待安裝完成
下圖中的方框保持默認或不勾選均可，點(diǎn)擊“Finish”按鈕，完成安裝
至此，git這一軟件我們也安裝完成了！
此外我們還需要安裝用來(lái)部署博客的軟件，有以下幾種可供大家選擇，gitbook 、hugo、 hexo 、docifsy。這里小編推薦大家安裝hexo這一軟件、
當然需要其他教程的，大家也可以
官方地址：
https://hexo.bootcss.com/
按住鍵盤(pán)上的Win+R鍵，輸入命令“cmd”后回車(chē)確定，
緊接著(zhù)在打開(kāi)的命令行中輸入命令“npm install hexo-cli -g”后回車(chē)確定
這是全局安裝的命令
npm install hexo-cli -g
運行中，等待安裝完成
待運行完成后輸入“hexo version”命令，回車(chē)運行
顯示如下圖所示即為安裝正確
至此，搭建博客所需要的軟件我們已安裝完畢，接下來(lái)我們就可以用前面安裝好的軟件來(lái)部署我們的個(gè)人博客了！
安裝 Hexo 完成后，請執行下列命令，Hexo 將會(huì )在指定文件夾中新建所需要的文件。
hexo init jianguo
cd jianguo
npm install
新建完成后，指定文件夾的目錄如下：
.
├── _config.yml
├── package.json
├── scaffolds
├── source
| ├── _drafts
| └── _posts
└── themes
在這兒，不講解過(guò)多的hexo命令以及它的配置
直接啟動(dòng)服務(wù)器。默認情況下，訪(fǎng)問(wèn)網(wǎng)址為：http://localhost:4000/。
hexo server
如下圖所示，在服務(wù)器桌面左下角搜索“防火墻和網(wǎng)絡(luò )保護”，查找到后點(diǎn)擊進(jìn)入設置
將頁(yè)面拉至最低端，點(diǎn)擊進(jìn)入“高級設置”選項
先點(diǎn)擊“入站規則”，然后點(diǎn)擊進(jìn)入“新建規則”選項
跳轉至如下頁(yè)面，在規則類(lèi)型一欄下，選中端口后點(diǎn)擊“下一步”
我們在下圖所指示的框內輸入我們想要使用的端口，小編這里輸入4000作為示范，然后點(diǎn)擊“下一步”
跳轉至如下頁(yè)面，我們選中“允許連接”后繼續“下一步”
繼續“下一步”
在下圖所指出的框內輸入名稱(chēng)和對網(wǎng)站的描述（網(wǎng)站的描述也可不填）后點(diǎn)擊“完成”
如下圖所示，新的規則已經(jīng)創(chuàng )建成功
如下圖所示，我們點(diǎn)擊“刷新”
至此我們就完成了對防火墻的相關(guān)設置，接下來(lái)我們對阿里云服務(wù)器控制臺進(jìn)行相應的設置
如果想偷懶，可以一次性打開(kāi)所有端口
接下來(lái)對云服務(wù)器控制臺的相關(guān)操作我們需要切回本地電腦并登錄阿里云服務(wù)器控制臺來(lái)進(jìn)行
登錄阿里云進(jìn)入到云服務(wù)器控制臺后，如下圖所示，點(diǎn)擊進(jìn)入“實(shí)例”一欄后點(diǎn)擊我們云服務(wù)器的實(shí)例ID進(jìn)入實(shí)例
切換至如下頁(yè)面，點(diǎn)擊“配置安全組規則”
切換至如下頁(yè)面，點(diǎn)擊“配置規則”
切換至如下頁(yè)面，如圖所示依次點(diǎn)擊進(jìn)行
跳轉至如下界面，將圖中所標示的地方同下圖配置一致，點(diǎn)擊“確定”，端口配置完成
上述方式是打開(kāi)了服務(wù)器的所有端口，比較便利，如果大家有安全方面的考慮，
按照下圖所示依次點(diǎn)擊進(jìn)行操作
按照下圖所示依次進(jìn)行配置，因為之前在第五步（對服務(wù)器的防火墻進(jìn)行相關(guān)配置）中，我們設置的端口是4000，所以在“端口范圍”à“目的”一欄這里我們也需要對應設置為4000，其余參數同下圖保持一致，點(diǎn)擊 “保存”即可
如下圖所示，可以看到我們規則已經(jīng)創(chuàng )建完成
七、運行之前部署的網(wǎng)站
切換到服務(wù)器上，回到之前部署網(wǎng)站的文件夾，右鍵選擇“Git Bash Here”選項，打開(kāi)git進(jìn)行運行，輸入“hexo s”命令回車(chē)運行
如下圖顯示，所建的網(wǎng)站已經(jīng)在服務(wù)器上運行了起來(lái)，此刻我們便可以通過(guò)我們所建網(wǎng)站的IP地址在瀏覽器上進(jìn)行訪(fǎng)問(wèn)了，網(wǎng)址形如：http://8.142.39.12:4000 (http://服務(wù)器的ip地址：端口)
訪(fǎng)問(wèn)效果如下：
至此，我們的個(gè)人博客就搭建成功了
要編寫(xiě)博客，我們還需要一款編輯軟件，
小編推薦使用Typora這一軟件,
網(wǎng)址為https://typora.io/#windows （Typora — a markdown editor, markdown reader.）復制至瀏覽器打開(kāi)下載即可，
此處不再贅述。
這個(gè)問(wèn)題就記錄到這兒，
這是一個(gè)幫助粉絲解決問(wèn)題的過(guò)程，也是程序員在編程之路上的點(diǎn)滴記錄，如果那個(gè)粉絲想定制更高端的博客，我也會(huì )提供相應的教程。
聯(lián)系客服
