到了一年之中金秋招聘旺季。在求職時，一份精致的網頁版簡歷能為自己加分不少，幫你全面地展示自己，在相似度較高的簡歷模板中脫穎而出，給面試官留下深刻的第一印象。當然工作之后，如果勤于維護，也是向他人展示自己成長的好方法。那么怎樣才能完整的制作一份炫酷的個人簡歷網頁呢？

想要制作屬于自己的炫酷簡歷網頁，需要有一些必備的軟硬件等資源，比如服務器、鏡像等。這里根據大多數用戶以及自身測試后得出的經驗建議大家從阿里云產品開始，基于它有眾多強大的功能，其中之一就是可以通過其服務器來完善自己的簡歷，并且操作非常簡單、使用也方便。接下來就帶大家進入到個人簡歷網頁的制作當中...

一． 搭建服務器以及安裝軟件

首先服務器的搭建，對于個人使用的小型網站，一臺1核2G、1M帶寬40G云盤的云服務器ECS實例即可滿足需要。當然這只是基本的服務器配置，至于其它選擇可根據實際情況自助配置應用環境或相關軟件配置。此外，在阿里云系產品中此環境是配置好的，不需要大家單獨配置。

接著配置鏡像，這里需注意的是用LAMP環境（Ubuntu16.04 Apache PHP7.1）要選擇鏡像的版本，一般來說學生版的是PHP5.6，而這里需要在鏡像市場上搜索7.1的版本購買并使用。大多數阿里云包年包月鏡像都是免費的并不收取費用，這塊大家可以到阿里云市場查看，所以大家可放心使用。安裝完畢的狀態如下圖：

之后在網址上輸入http://個人公網IP/就可以訪問了。

二、制作個人簡歷網頁

這部分會使用Visual Studio Code（簡稱VSC） 編輯并制作簡歷頁面，通過編寫代碼來實現簡歷的編輯、排版以及美化。

首先用VSC打開HTML文件可以看到這個界面。這一段代碼分為好幾個部分，包括標題、技能、經歷以及教育榮譽等部分。在這個頁面的右側可以選擇某一部分進行編輯。下面簡述下操作方法：

1.更改HTML標題：

將title中的“克里斯托弗?莫里托的個人簡歷” 改成個人名字或者 XX的簡歷。

2.其他的部分的填寫，同樣只需要復制頁面中的文字并在VSC中搜索即可，然后替換：

例如，要修改這一段：

復制 “被稱為魔術師”到 VSC 中搜索：

換成自己心儀的文字，保存之后再打開index.html 文件就可以看到更改后的結果了！

3.修改技能的百分比

用VSC打開，可以看到：

class="s90" 中的，s90 表示 90%，s100即100%以此類推

最后將完成好的簡歷網頁保存即可。

三、將制作好的簡歷上傳至阿里云ECS服務器

完成了簡歷內容的更改，接下來需要把制作好的簡歷上傳到之前配置好的服務器上，打開FileZilla之后按照下面的界面輸入：

其中主機地址欄是sftp://公網IP。公網IP就是云服務器的IP，用戶名root，密碼則是購買服務器時自己設置的密碼，端口為22，接著就可以看到遠程linux的目錄了，之后將簡歷上傳至/data/wwwroot/default/ 目錄下：

這里值得一提的是只有PHP7.1的鏡像版本才有data文件夾，所以一定要確保自己的版本是否對照。待上傳完畢之后便可在瀏覽器中直接訪問：http://公網IP就可以了！

需要注意的是大家在這里可能會出現一個問題就是無法訪問自己的IP，究其原因是因為沒有添加安全組。

安全組的話具體的需要在阿里云ESC服務器的界面中點擊“本實例安全組” —“配置規則”—“添加安全組規則”然后按照下面的參數配置：

配置完之后，關于個人版簡歷網頁的制作已經全部完成了。是不是很有成就感？

生活中相信大部分同學都喜歡用office來制作自己的簡歷，但這樣的簡歷一般都是套用模板而此類模板基本上都是從網上下載很有可能會和別人相似，體現不出自己的獨特性，也不夠出彩；此時若擁有一份優秀而又美觀新穎的簡歷不僅會讓你與其他人與眾不同脫穎而出，甚至還可以讓面試官因為你的獨特而額外加分。因此，趕快學習制作個人簡歷網頁這項技能吧，為自己的求職道路加個分！

以上是小編結合自身搭建經歷整理出的相關經驗技巧，希望在金秋招聘季帶給大家不一樣的簡歷網頁制作效果。接下來，也會逐步為大家介紹更多關于云計算方面知識技能的操作。

紹

code-server 是一個可以在遠程服務器上運行 VS Code 的工具，可以說是服務器端的VSCode，你可以部署到遠程服務器，然后在瀏覽器進行訪問，來達到近乎本地的體驗效果，code-server就是這樣一個工具，為云端編輯器提供了強大的解決方案，而且是開源的！

Github和官網

https://github.com/cdr/code-server/

https://coder.com/

code-server的優勢

1、很明顯，你可以不用下載本地應用，直接部署到服務器之后，在本地瀏覽器就可以打開，非常的方便；

2、多端開發環境統一，已經在云端，那么你只需要配置一個環境，就全部統一了，不需要在多端同步，未來很多應用可能只是你書簽中一個某一個而已；

3、包括流暢性和功能上，幾乎和原生VSCode擁有一致的體驗，當然這取決于你的網絡環境。

安裝步驟

本篇將在Linux上進行演示，由于條件限制，就在本地的Deepin linux上進行測試，執行以下命令即可（可能會有網絡問題，最近Github可能訪問效果不佳，稍后會打包上傳至Gitee附件），除了可以部署在本地，你還可以部署到Docker容器中，因為筆者docker用的不多，本文就不在細說。

wget https://github.com/cdr/code-server/releases/download/1.1156-vsc1.33.1/code-server1.1156-vsc1.33.1-linux-x64.tar.gz
tar -xzvf code-server1.1156-vsc1.33.1-linux-x64.tar.gz
cd code-server1.1156-vsc1.33.1-linux-x64
chmod -R 777 code-server
./code-server

以上命令不在細說，你可以分步執行，也可以一起粘貼過去執行，都沒問題，不出意外，應該和以下截圖類似

此時你就可以打開你的瀏覽器進行體驗了，訪問你的8443端口，如下圖可能會出現安全提示，我們先不管，因為是http的請求

點擊繼續訪問，然后就會到一個登錄界面來，輸入密碼，密碼在你的終端上

密碼復制下來，輸入，驚喜的時刻到了，看圖

這可不就是VSCode，接下來可能還夠你折騰一陣子。

體驗一下

我這里只以最簡單的例子來測試，如下圖，一個最簡單的html

我們在這個地方安裝一個擴展live server，這是我經常用的擴展，瀏覽器可以實時刷新，非常實用

安裝完成后我們到index.html文件，右擊

不出意外地話，會提示啟動在本地的5500端口，我們在瀏覽器打開測試，如下圖：

由于是在本地，一切看上去都是那么的美好！

擴展安裝

我在本地測試，很多安全性的工作并沒有做，在安裝擴展的時候我可以直接安裝，除部分類似語言包不支持以外，其他插件，類似主題、圖標、路徑自動完成、智能提示等都是正常安裝，如下圖

主題正常安裝

可能有些小伙伴在安裝擴展的時候會遇到很多問題，在安裝到服務器的時候，安裝擴展可能沒那么容易，所以還有一種解決方案就是，你可以到下載離線的擴展包，然后通過離線的方式進行安裝，前提是你有一定的權限。這部分就需要你自己好好把控了，畢竟安全為重！

官方原話：目前我們無法使用官方VSCode Marketplace。我們創建了一個專注于開源擴展的自定義擴展市場。但是，如果您有權訪問.vsix文件，則可以手動安裝擴展。

離線安裝方法：

之前在Windows 10的linux子系統中安裝遇到各種奇葩問題，在確定是在浪費時間后，直接轉到Linux安裝后，非常的順暢

其它事項

因為我是在Deepin的桌面版Linux上進行測試的，每個人測試的環境可能不一樣，遇到的問題可能也不一樣，所以感興趣的小伙伴可以自行嘗試，如果你和我一樣也是本地測試，那么非常容易的事情就是可能一切你都只需要點點鼠標，特別是對Linux不熟的，比如我自己，就不需要那么多命令了。Deepin個人感覺對我們開發人員而言已經相當的友好了！

總結

code-server確實是一個非常強大的工具，我相信在將來，云端編程可能會是一種趨勢，這樣能節省大量的安裝配置工作，一切都在云端共享，code-server不會是第一個，也不會是最后一個，由于筆者對Web技術的熱愛，真心希望更多優秀的Web產品百花齊放，也祝愿所有熱愛軟件開發和學習的朋友能夠實現自己的理想！

由于近期Github訪問不穩定，也有可能是我本地網絡原因，訪問不是很順暢，那么我也將code-server的發布版備份到了我的一個碼云倉庫，如下，點擊附件，找到你想要的

https://gitee.com/null_341_5574/chrome_plugin