整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

用云计算制作简历网页?这份求职简历简直不要太高大上

用云计算制作简历网页?这份求职简历简直不要太高大上

到了一年之中金秋招聘旺季。在求职时,一份精致的网页版简历能为自己加分不少,帮你全面地展示自己,在相似度较高的简历模板中脱颖而出,给面试官留下深刻的第一印象。当然工作之后,如果勤于维护,也是向他人展示自己成长的好方法。那么怎样才能完整的制作一份炫酷的个人简历网页呢?

想要制作属于自己的炫酷简历网页,需要有一些必备的软硬件等资源,比如服务器、镜像等。这里根据大多数用户以及自身测试后得出的经验建议大家从阿里云产品开始,基于它有众多强大的功能,其中之一就是可以通过其服务器来完善自己的简历,并且操作非常简单、使用也方便。接下来就带大家进入到个人简历网页的制作当中...

一. 搭建服务器以及安装软件

首先服务器的搭建,对于个人使用的小型网站,一台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来制作自己的简历,但这样的简历一般都是套用模板而此类模板基本上都是从网上下载很有可能会和别人相似,体现不出自己的独特性,也不够出彩;此时若拥有一份优秀而又美观新颖的简历不仅会让你与其他人与众不同脱颖而出,甚至还可以让面试官因为你的独特而额外加分。因此,赶快学习制作个人简历网页这项技能吧,为自己的求职道路加个分!

以上是小编结合自身搭建经历整理出的相关经验技巧,希望在金秋招聘季带给大家不一样的简历网页制作效果。接下来,也会逐步为大家介绍更多关于云计算方面知识技能的操作。

isual Studio Code是一款轻量级但功能强大的源代码编辑器,它可以在你的桌面上运行,适用于Windows、macOS和Linux。它内置了对JavaScript、TypeScript和Node.js的支持,并为其他语言(如C++、C#、Java、Python、PHP、Go)和运行时(如.NET和Unity)提供了丰富的扩展生态系统。本文以在Visual Studio Code中安装与配置C#为例进行语言配置讲解。



下载并安装Visual Studio Code

  • 登录Visual Studio Code官网,点击"Download Visual Studio Code"下拉列表,选择适合自己电脑系统的版本进行下载。

  • 双击已下载的安装文件"VSCodeUserSetup-{version}.exe",根据安装向导提示进行安装,在此期间可以自行设置安装路径,且确保“添加到PATH(重启后生效)”处于勾选状态。

下载并安装.NET.Core.SDK

  • 进入https://dotnet.microsoft.com/download,点击"Download .NET Core SDK",下载安装文件。

  • 运行.NET Core SDK安装文件,点击“安装”按钮即可进行安装,安装完成后关闭窗口。

  • 打开“命令提示符”窗口,输入命令"dotnet",按Enter键执行命令,若出现如下图所示关于怎样使用dotnet的信息,则说明.NET Core SDK安装成功。

从 Visual Studio Code 市场安装 C#扩展

打开已安装的Visual Studio Code程序,点击左侧”Extensions“图标,在搜索框输入"C#",选择合适的C#扩展,点击其右侧的"Install"按钮进行安装。(注意:安装完成后如果在右下角提示"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.",则有可能是因为你在安装.NET Core SDK时Visual Studio Code处于打开状态,此时的解决办法是关闭Visual Studio Code后再重新启动)

通过Visual Studio Code开始使用.NET Core

.NET Core 提供了快速运行的模块化平台,用于创建在 Windows、Linux 和 macOS 上运行的应用程序。 带 C# 扩展的 Visual Studio Code 提供功能强大的编辑体验,完全支持 C# IntelliSense(智能代码填充)和调试。让我们从 .NET Core 上的一个简单“Hello World”程序入手:

1.打开项目

  • 打开 Visual Studio Code。
  • 依次单击左侧菜单上的“资源管理器”图标和 “打开文件夹” 。
  • 从主菜单中选择“文件” > “打开文件夹”,打开要在其中放置 C# 项目的文件夹,然后单击“选择文件夹”
  • 在我们的示例中,为项目创建名为“HELLOWORLD”的文件夹 。

2.初始化 C# 项目:

  • 通过从主菜单中选择“视图” > “集成终端” ,从 Visual Studio Code 中打开集成终端。
  • 在终端窗口中,键入“dotnet new console”。
  • 此命令在已编写“Hello World”简单程序的文件夹中创建“Program.cs”文件,以及名为“HelloWorld.csproj”的 C# 项目文件 。

3.运行"Hello World"程序

  • 键入 dotnet run,命令执行完成后则会输出"Hello World",并在项目文件下生成bin和obj文件。

4.调试

  • 单击打开 Program.cs。 在 Visual Studio Code 中首次打开 C# 文件时,会在编辑器中加载 OmniSharp。

  • Visual Studio Code 会提示添加缺少的资产,以生成和调试应用。 选择 “是” 。


  • 若要打开调试视图,请单击左侧菜单上的“调试”图标。找到窗格最上面的绿色箭头。 请确保已选择旁边下拉列表中的“.NET Core Launch (控制台)” 。

  • 单击第 9 行旁边的编辑器边距 (编辑器中行号左侧的空间)或者将文本光标移动到编辑器中的第 9 行并按 F9,为项目添加断点。

  • 请按 F5 或选择绿色箭头启动调试。 在到达你在上一步中设置的断点时,调试器会停止执行程序。(调试时,可以在左上角的窗格中查看局部变量,也可以使用调试控制台进行查看)。选择最上面的蓝色箭头以继续调试,或选择最上面的红色方块以停止调试。

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