一、前言
在郭霖大神的帶領(lǐng)下，我花了一元錢入手了2個月的京東云主機，也就是個人服務(wù)器。
這是我人生第一臺服務(wù)器，多么值得紀念。。。。。。
一直不買的原因也是因為自己的Android水平?jīng)]有達標，不想去學其他方面的知識而分心。
其實很容易發(fā)現(xiàn)這他喵的就是一個不想學習的借口罷了！
更容易發(fā)現(xiàn)這明顯是沒錢買吧！
所以趁此機會，入手了2個月服務(wù)器來嘗鮮。名額有限，說不定已經(jīng)沒有了。。。
購買流程就不說了，服務(wù)器系統(tǒng)選擇的是Ubuntu 16.04 64位。
接下來的使用狀況都是圍繞著Ubuntu 16.04 64位展開的。
二、登錄云主機
郭霖大神推薦了兩款軟件用于控制服務(wù)器 和 上傳下載服務(wù)器文件:Xshell和Xftp。
但是兩款軟件都是Windows系統(tǒng)的，沒有macOS系統(tǒng)。
如果你是Windows系統(tǒng)的，可移步郭霖大神的搭建教程，相對比較簡單。
那么如何在macOS系統(tǒng)下操作服務(wù)器呢？
在京東云的幫助中心中，macOS系統(tǒng)的登錄方式有兩種：一種是VNC登錄，一種是SSH密鑰登錄。
VNC登錄
VNC登錄是京東云為用戶提供的一種通過Web瀏覽器連接服務(wù)器的方式。
很簡單，就是在京東云的控制臺點擊遠程連接即可。
接著打開了Ubuntu 16.04 64的控制臺，需要先進行登錄，用戶名為root，密碼發(fā)送到了你的郵箱和手機當中。
如果想要修改密碼，可在控制臺-操作 進行修改。修改完成后記得重啟生效。
輸入完成并正確就登錄上了服務(wù)器，非常簡單。
不過使用VNC登錄的場景很少：
查看云服務(wù)的啟動進度
無法通過其他登錄方式登錄時，才使用VNC來登錄服務(wù)器
所以這種登錄方式，體驗體驗即可，并不實用。
并且它不支持復制粘貼、不支持文件上傳，而且是單點登錄，使用起來簡直是折磨。
SSH密鑰登錄
京東云幫助中心提供了SSH創(chuàng)建和登錄教程。
成功設(shè)置SSH密鑰后，我們就可以不使用VNC登錄，直接在Mac的命令行就可以進行服務(wù)器的登錄。
下面我們來一步一步設(shè)置SSH密鑰：
什么是SSH密鑰？
就我的理解而言，它是一種網(wǎng)絡(luò)通訊協(xié)議，主要用于計算機之間的加密登錄。
使用SSH登錄的具體流程如下：
可以看出一個SSH串要提供給服務(wù)器和本機，當SSH串匹配成功后，就可以實現(xiàn)免密登錄。
這樣的優(yōu)點就是當?shù)卿浾埱蟊粣阂鈹r截時，密碼也不會泄露。
接下來，我們就要生成SSH密鑰，并保存到本機和服務(wù)器。
要說一句的是，SSH密鑰登錄很多地方都有用到，比如GitHub。
如果你的電腦已經(jīng)有SSH密鑰，那么直接使用這個即可。
具體的SSH成功流程可參考GitHub官方教程。
在這里我也簡單羅列一下SSH密鑰的生成步驟：
1.校驗本機是否已經(jīng)生成SSH密鑰：
ls -al ~/.ssh
如果輸出了
id_dsa.pub
id_ecdsa.pub
id_ed25519.pub
id_rsa.pub
則代表已經(jīng)生成過，直接跳過第二步，執(zhí)行第三步。
2.生成SSH密鑰。如果已經(jīng)生成跳過。
//注意修改最后的E-mail地址
ssh-keygen -t rsa -b 4096 -C "your_email@example.com"
執(zhí)行完成后，會讓輸入保存路徑，直接按下回車，使用默認路徑進行SSH密鑰的保存就可以。
接著會提示你輸入該SSH的密鑰密碼，可以為空，直接回車，想設(shè)置的同學也可以進行設(shè)置。
該SSH密鑰密碼用于第一次使用SSH時的校驗，并可以在SSH密鑰的配置文件中關(guān)閉SSH密鑰密碼校驗。
更多細節(jié)大家可以自己去查閱一些資料。
3.復制SSH密鑰。
pbcopy < ~/.ssh/id_rsa.pub
使用該命令后，你的粘貼板內(nèi)容就會變成SSH密鑰。
這次我們要將SSH密鑰上傳到我們自己的服務(wù)器里。
打開京東云的控制板，添加SSH密鑰：
接著點擊完成，Over。
4.測試SSH密鑰。
使用SSH密鑰登錄也非常簡單。
打開我們Mac的命令行輸入：
ssh user@xxx.xxx.xxx.xxx
user為用戶名，我們的用戶名為root。@之后為IP地址，比如：
ssh root@116.196.93.148
接著會提示輸入用戶輸入服務(wù)器的登錄密碼，正確后就可以登錄成功。
如果失敗，建議按照京東云幫助中心教程，走一遍。
三、簡單網(wǎng)頁搭建
我們先為我們的服務(wù)器下載一個服務(wù)器，這里使用郭神用的apache2。
apache2是專門用來顯示靜態(tài)網(wǎng)頁的服務(wù)器程序。
在登錄服務(wù)器成功后輸入下面命令：
sudo apt-get install apache2
接著輸入Y完成安裝。
之后打開瀏覽器，輸入我們服務(wù)器的IP，可以看到下面效果：
接著我們來替換這個html文件樣式。
它在我們服務(wù)器的地址是：/var/www/html/index.html
我們只要自己寫一個簡單的靜態(tài)Html文件，然后上傳服務(wù)器覆蓋掉它即可。
這里我們直接拿著郭神的簡單html來做示范：
<!Doctype html>
<html>
<head>
<title>京東云測試</title>
<style>
body{text-align:center}
</style>
</head>
<body>
<h1>歡迎來到郭霖的京東云主頁</h1>
<p>
點擊
<a >這里</a>
跳轉(zhuǎn)到我的博客
</p>
</body>
</html>
將該文件保存為index.html。
接著我們將該文件上傳至服務(wù)器,這里有一篇mac向服務(wù)器上傳文件的教程。非常好用。
上傳命令：
//注意將yourUsername修改為你的mac用戶名
//并且我的文件保存在桌面Desktop。
put /Users/yourUsername/Desktop/index.html /var/www/html
按照上述步驟后，我們成功將index.html上傳至服務(wù)器并覆蓋。
刷新我們的網(wǎng)頁，可以看到下面效果：
。。。。。。。
為什么顯示源碼！？
因為Mac的記事本以.html結(jié)尾時，會將內(nèi)容格式化成文本，不做代碼顯示。
解決也很簡單，這篇文章。
解決后重新執(zhí)行上傳代碼，重新刷新頁面，效果如下：
。。。。。
這就很氣！看來自己不適合做前端啊！
簡單查閱后，在head中添加如下代碼即可：
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
接著再次執(zhí)行文件上傳，再次刷新頁面，效果如下：
四、總結(jié)
至此，一個非常簡單的靜態(tài)網(wǎng)頁的個人博客便搭建完成了！
寫出這么個靜態(tài)網(wǎng)頁，帶上這篇文章的完成，一共耗時2天，走的彎路沒有描述。
其中包括Linux命令行控制、SSH密鑰理解等，都是新知識，于我而言還是有很大提升的。
以后如果能用這個服務(wù)器，搭建一個動態(tài)的個人博客，想必對自己的提升是極大的！
想想還有些小激動呢！
