整合營(yíng)銷(xiāo)服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
到了一年之中金秋招聘旺季。在求職時(shí)，一份精致的網(wǎng)頁(yè)版簡(jiǎn)歷能為自己加分不少，幫你全面地展示自己，在相似度較高的簡(jiǎn)歷模板中脫穎而出，給面試官留下深刻的第一印象。當(dāng)然工作之后，如果勤于維護(hù)，也是向他人展示自己成長(zhǎng)的好方法。那么怎樣才能完整的制作一份炫酷的個(gè)人簡(jiǎn)歷網(wǎng)頁(yè)呢？
想要制作屬于自己的炫酷簡(jiǎn)歷網(wǎng)頁(yè)，需要有一些必備的軟硬件等資源，比如服務(wù)器、鏡像等。這里根據(jù)大多數(shù)用戶以及自身測(cè)試后得出的經(jīng)驗(yàn)建議大家從阿里云產(chǎn)品開(kāi)始，基于它有眾多強(qiáng)大的功能，其中之一就是可以通過(guò)其服務(wù)器來(lái)完善自己的簡(jiǎn)歷，并且操作非常簡(jiǎn)單、使用也方便。接下來(lái)就帶大家進(jìn)入到個(gè)人簡(jiǎn)歷網(wǎng)頁(yè)的制作當(dāng)中...
一． 搭建服務(wù)器以及安裝軟件
首先服務(wù)器的搭建，對(duì)于個(gè)人使用的小型網(wǎng)站，一臺(tái)1核2G、1M帶寬40G云盤(pán)的云服務(wù)器ECS實(shí)例即可滿足需要。當(dāng)然這只是基本的服務(wù)器配置，至于其它選擇可根據(jù)實(shí)際情況自助配置應(yīng)用環(huán)境或相關(guān)軟件配置。此外，在阿里云系產(chǎn)品中此環(huán)境是配置好的，不需要大家單獨(dú)配置。
接著配置鏡像，這里需注意的是用LAMP環(huán)境（Ubuntu16.04 Apache PHP7.1）要選擇鏡像的版本，一般來(lái)說(shuō)學(xué)生版的是PHP5.6，而這里需要在鏡像市場(chǎng)上搜索7.1的版本購(gòu)買(mǎi)并使用。大多數(shù)阿里云包年包月鏡像都是免費(fèi)的并不收取費(fèi)用，這塊大家可以到阿里云市場(chǎng)查看，所以大家可放心使用。安裝完畢的狀態(tài)如下圖：
之后在網(wǎng)址上輸入http://個(gè)人公網(wǎng)IP/就可以訪問(wèn)了。
二、制作個(gè)人簡(jiǎn)歷網(wǎng)頁(yè)
這部分會(huì)使用Visual Studio Code（簡(jiǎn)稱VSC） 編輯并制作簡(jiǎn)歷頁(yè)面，通過(guò)編寫(xiě)代碼來(lái)實(shí)現(xiàn)簡(jiǎn)歷的編輯、排版以及美化。
首先用VSC打開(kāi)HTML文件可以看到這個(gè)界面。這一段代碼分為好幾個(gè)部分，包括標(biāo)題、技能、經(jīng)歷以及教育榮譽(yù)等部分。在這個(gè)頁(yè)面的右側(cè)可以選擇某一部分進(jìn)行編輯。下面簡(jiǎn)述下操作方法：
1.更改HTML標(biāo)題：
將title中的“克里斯托弗?莫里托的個(gè)人簡(jiǎn)歷” 改成個(gè)人名字或者 XX的簡(jiǎn)歷。
2.其他的部分的填寫(xiě)，同樣只需要復(fù)制頁(yè)面中的文字并在VSC中搜索即可，然后替換：
例如，要修改這一段：
復(fù)制 “被稱為魔術(shù)師”到 VSC 中搜索：
換成自己心儀的文字，保存之后再打開(kāi)index.html 文件就可以看到更改后的結(jié)果了！
3.修改技能的百分比
用VSC打開(kāi)，可以看到：
class="s90" 中的，s90 表示 90%，s100即100%以此類推
最后將完成好的簡(jiǎn)歷網(wǎng)頁(yè)保存即可。
三、將制作好的簡(jiǎn)歷上傳至阿里云ECS服務(wù)器
完成了簡(jiǎn)歷內(nèi)容的更改，接下來(lái)需要把制作好的簡(jiǎn)歷上傳到之前配置好的服務(wù)器上，打開(kāi)FileZilla之后按照下面的界面輸入：
其中主機(jī)地址欄是sftp://公網(wǎng)IP。公網(wǎng)IP就是云服務(wù)器的IP，用戶名root，密碼則是購(gòu)買(mǎi)服務(wù)器時(shí)自己設(shè)置的密碼，端口為22，接著就可以看到遠(yuǎn)程linux的目錄了，之后將簡(jiǎn)歷上傳至/data/wwwroot/default/ 目錄下：
這里值得一提的是只有PHP7.1的鏡像版本才有data文件夾，所以一定要確保自己的版本是否對(duì)照。待上傳完畢之后便可在瀏覽器中直接訪問(wèn)：http://公網(wǎng)IP就可以了！
需要注意的是大家在這里可能會(huì)出現(xiàn)一個(gè)問(wèn)題就是無(wú)法訪問(wèn)自己的IP，究其原因是因?yàn)闆](méi)有添加安全組。
安全組的話具體的需要在阿里云ESC服務(wù)器的界面中點(diǎn)擊“本實(shí)例安全組” —“配置規(guī)則”—“添加安全組規(guī)則”然后按照下面的參數(shù)配置：
配置完之后，關(guān)于個(gè)人版簡(jiǎn)歷網(wǎng)頁(yè)的制作已經(jīng)全部完成了。是不是很有成就感？
生活中相信大部分同學(xué)都喜歡用office來(lái)制作自己的簡(jiǎn)歷，但這樣的簡(jiǎn)歷一般都是套用模板而此類模板基本上都是從網(wǎng)上下載很有可能會(huì)和別人相似，體現(xiàn)不出自己的獨(dú)特性，也不夠出彩；此時(shí)若擁有一份優(yōu)秀而又美觀新穎的簡(jiǎn)歷不僅會(huì)讓你與其他人與眾不同脫穎而出，甚至還可以讓面試官因?yàn)槟愕莫?dú)特而額外加分。因此，趕快學(xué)習(xí)制作個(gè)人簡(jiǎn)歷網(wǎng)頁(yè)這項(xiàng)技能吧，為自己的求職道路加個(gè)分！
以上是小編結(jié)合自身搭建經(jīng)歷整理出的相關(guān)經(jīng)驗(yàn)技巧，希望在金秋招聘季帶給大家不一樣的簡(jiǎn)歷網(wǎng)頁(yè)制作效果。接下來(lái)，也會(huì)逐步為大家介紹更多關(guān)于云計(jì)算方面知識(shí)技能的操作。
isual Studio Code是一款輕量級(jí)但功能強(qiáng)大的源代碼編輯器，它可以在你的桌面上運(yùn)行，適用于Windows、macOS和Linux。它內(nèi)置了對(duì)JavaScript、TypeScript和Node.js的支持，并為其他語(yǔ)言(如C++、C#、Java、Python、PHP、Go)和運(yùn)行時(shí)(如.NET和Unity)提供了豐富的擴(kuò)展生態(tài)系統(tǒng)。本文以在Visual Studio Code中安裝與配置C#為例進(jìn)行語(yǔ)言配置講解。
打開(kāi)已安裝的Visual Studio Code程序，點(diǎn)擊左側(cè)”Extensions“圖標(biāo)，在搜索框輸入"C#"，選擇合適的C#擴(kuò)展，點(diǎn)擊其右側(cè)的"Install"按鈕進(jìn)行安裝。（注意：安裝完成后如果在右下角提示"The .NET Core SDK cannot be located. .NET Core debugging will not be enabled. Make sure the .NET Core SDK is installed and is on the path."，則有可能是因?yàn)槟阍诎惭b.NET Core SDK時(shí)Visual Studio Code處于打開(kāi)狀態(tài)，此時(shí)的解決辦法是關(guān)閉Visual Studio Code后再重新啟動(dòng)）
.NET Core 提供了快速運(yùn)行的模塊化平臺(tái)，用于創(chuàng)建在 Windows、Linux 和 macOS 上運(yùn)行的應(yīng)用程序。 帶 C# 擴(kuò)展的 Visual Studio Code 提供功能強(qiáng)大的編輯體驗(yàn)，完全支持 C# IntelliSense（智能代碼填充）和調(diào)試。讓我們從 .NET Core 上的一個(gè)簡(jiǎn)單“Hello World”程序入手：
1.打開(kāi)項(xiàng)目
2.初始化 C# 項(xiàng)目：
3.運(yùn)行"Hello World"程序
4.調(diào)試
code-server 是一個(gè)可以在遠(yuǎn)程服務(wù)器上運(yùn)行 VS Code 的工具，可以說(shuō)是服務(wù)器端的VSCode，你可以部署到遠(yuǎn)程服務(wù)器，然后在瀏覽器進(jìn)行訪問(wèn)，來(lái)達(dá)到近乎本地的體驗(yàn)效果，code-server就是這樣一個(gè)工具，為云端編輯器提供了強(qiáng)大的解決方案，而且是開(kāi)源的！
https://github.com/cdr/code-server/
https://coder.com/
1、很明顯，你可以不用下載本地應(yīng)用，直接部署到服務(wù)器之后，在本地瀏覽器就可以打開(kāi)，非常的方便；
2、多端開(kāi)發(fā)環(huán)境統(tǒng)一，已經(jīng)在云端，那么你只需要配置一個(gè)環(huán)境，就全部統(tǒng)一了，不需要在多端同步，未來(lái)很多應(yīng)用可能只是你書(shū)簽中一個(gè)某一個(gè)而已；
3、包括流暢性和功能上，幾乎和原生VSCode擁有一致的體驗(yàn)，當(dāng)然這取決于你的網(wǎng)絡(luò)環(huán)境。
本篇將在Linux上進(jìn)行演示，由于條件限制，就在本地的Deepin linux上進(jìn)行測(cè)試，執(zhí)行以下命令即可（可能會(huì)有網(wǎng)絡(luò)問(wèn)題，最近Github可能訪問(wèn)效果不佳，稍后會(huì)打包上傳至Gitee附件），除了可以部署在本地，你還可以部署到Docker容器中，因?yàn)楣P者docker用的不多，本文就不在細(xì)說(shuō)。
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
以上命令不在細(xì)說(shuō)，你可以分步執(zhí)行，也可以一起粘貼過(guò)去執(zhí)行，都沒(méi)問(wèn)題，不出意外，應(yīng)該和以下截圖類似
此時(shí)你就可以打開(kāi)你的瀏覽器進(jìn)行體驗(yàn)了，訪問(wèn)你的8443端口，如下圖可能會(huì)出現(xiàn)安全提示，我們先不管，因?yàn)槭莌ttp的請(qǐng)求
點(diǎn)擊繼續(xù)訪問(wèn)，然后就會(huì)到一個(gè)登錄界面來(lái)，輸入密碼，密碼在你的終端上
密碼復(fù)制下來(lái)，輸入，驚喜的時(shí)刻到了，看圖
這可不就是VSCode，接下來(lái)可能還夠你折騰一陣子。
我這里只以最簡(jiǎn)單的例子來(lái)測(cè)試，如下圖，一個(gè)最簡(jiǎn)單的html
我們?cè)谶@個(gè)地方安裝一個(gè)擴(kuò)展live server，這是我經(jīng)常用的擴(kuò)展，瀏覽器可以實(shí)時(shí)刷新，非常實(shí)用
安裝完成后我們到index.html文件，右擊
不出意外地話，會(huì)提示啟動(dòng)在本地的5500端口，我們?cè)跒g覽器打開(kāi)測(cè)試，如下圖：
由于是在本地，一切看上去都是那么的美好！
我在本地測(cè)試，很多安全性的工作并沒(méi)有做，在安裝擴(kuò)展的時(shí)候我可以直接安裝，除部分類似語(yǔ)言包不支持以外，其他插件，類似主題、圖標(biāo)、路徑自動(dòng)完成、智能提示等都是正常安裝，如下圖
主題正常安裝
可能有些小伙伴在安裝擴(kuò)展的時(shí)候會(huì)遇到很多問(wèn)題，在安裝到服務(wù)器的時(shí)候，安裝擴(kuò)展可能沒(méi)那么容易，所以還有一種解決方案就是，你可以到下載離線的擴(kuò)展包，然后通過(guò)離線的方式進(jìn)行安裝，前提是你有一定的權(quán)限。這部分就需要你自己好好把控了，畢竟安全為重！
官方原話：目前我們無(wú)法使用官方VSCode Marketplace。我們創(chuàng)建了一個(gè)專注于開(kāi)源擴(kuò)展的自定義擴(kuò)展市場(chǎng)。但是，如果您有權(quán)訪問(wèn).vsix文件，則可以手動(dòng)安裝擴(kuò)展。
離線安裝方法：
之前在Windows 10的linux子系統(tǒng)中安裝遇到各種奇葩問(wèn)題，在確定是在浪費(fèi)時(shí)間后，直接轉(zhuǎn)到Linux安裝后，非常的順暢
因?yàn)槲沂窃贒eepin的桌面版Linux上進(jìn)行測(cè)試的，每個(gè)人測(cè)試的環(huán)境可能不一樣，遇到的問(wèn)題可能也不一樣，所以感興趣的小伙伴可以自行嘗試，如果你和我一樣也是本地測(cè)試，那么非常容易的事情就是可能一切你都只需要點(diǎn)點(diǎn)鼠標(biāo)，特別是對(duì)Linux不熟的，比如我自己，就不需要那么多命令了。Deepin個(gè)人感覺(jué)對(duì)我們開(kāi)發(fā)人員而言已經(jīng)相當(dāng)?shù)挠押昧耍?/p>
code-server確實(shí)是一個(gè)非常強(qiáng)大的工具，我相信在將來(lái)，云端編程可能會(huì)是一種趨勢(shì)，這樣能節(jié)省大量的安裝配置工作，一切都在云端共享，code-server不會(huì)是第一個(gè)，也不會(huì)是最后一個(gè)，由于筆者對(duì)Web技術(shù)的熱愛(ài)，真心希望更多優(yōu)秀的Web產(chǎn)品百花齊放，也祝愿所有熱愛(ài)軟件開(kāi)發(fā)和學(xué)習(xí)的朋友能夠?qū)崿F(xiàn)自己的理想！
由于近期Github訪問(wèn)不穩(wěn)定，也有可能是我本地網(wǎng)絡(luò)原因，訪問(wèn)不是很順暢，那么我也將code-server的發(fā)布版?zhèn)浞莸搅宋业囊粋€(gè)碼云倉(cāng)庫(kù)，如下，點(diǎn)擊附件，找到你想要的
https://gitee.com/null_341_5574/chrome_plugin
*請(qǐng)認(rèn)真填寫(xiě)需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
