利用阿里云ECS制作个人简历网站

运行环境配置

安装系统镜像

我使用的是阿里云的学生白嫖 ECS,因为我一开始是用云服务器进行的挂机,所以安装的windows镜像,现在需要安装LAMP(主流的建站环境就是 LAMP 环境,它是 Linux + Apache Httpd + MySQL + PHP 的缩写,是网页环境的黄金搭档,可以兼容几乎所有的HTML和PHP运行需求。),所以需要重新选择镜像。但是一开始在镜像市场中并不能找到我需要的LAMP镜像,我怀疑是因为我的系统还是win,所以我先将系统改成了Linux,然后再镜像市场里选择我希望安装的镜像的最新版本,具体版本可以通过LAMP查看,然后再镜像市场里面搜索就能找到。

配置

设置安全组
进入【本实例安全组】
在这里插入图片描述
点击【配置规则】
在这里插入图片描述
点击右上角【添加安全组规则】(我是切换到旧版添加的)
在这里插入图片描述
设置内容:

授权类型:全部
授权对象:0.0.0.0/0

这就是默认开放所有端口且允许所有IP访问了。

这是VPC(专有网络)的设置,如果是经典网络,设置公网出入方向的内容即可,不要输入内网的。
在这里插入图片描述
访问:http://你的公网iP/
就可以看到:
在这里插入图片描述

制作简历模板

制作准备

我是使用的Visual Studio 2019进行的编辑制作简历页面。
使用的模板是阿里云提供的简历模板简历模板

制作简历

我对html标题,姓名,技能,经历,教育,荣誉,作品,评价进行了修改,变成了我的信息。

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>小贱孩 的个人简历</title>
<meta name="viewport" content="initial-scale=1.0,width=device-width" />
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/print.css" type="text/css" media="print" />
</head>
<body>

<!--STICKER-->
<div id="sticker"></div>

<div id="wrapper">

<!--BIO TITLE-->
<h2 id="titleName" class="sectionHead">小贱孩</h2>

<!--BIO-->
	<!--BIO PARAGRAPH-->
	<div id="aboutme">
		<div class="imgwap">
			<img alt="" class="avatar width-full rounded-2" height="200" src="images/touxiang.png" width="200">
		</div>
		<p>
		<span>年  龄: 	22<br/>
		手  机: 	13588888888<br/>
		邮  箱: 	[email protected]<br/>
		户  籍: 	河北<br/>
		目前状态: 	学生<br/>
		所在地点: 	河北<br/>
		工作年限: 	0年<br/>
		期望职位: 	机械工程师<br/>
		</span>
		</p>
	</div>
<!--end bio-->

<div class="clear"></div>

<!--SKILLS TITLE-->
<h2 id="tools" class="sectionHead">技能</h2>

<!--SKILLS-->
<ul id="skills">
	<!--////////////////////////////////////////////////////////////////////////////////////-->
	<!--请注意,班级名称表示您的技能的百分比。 即s70 = 70%,s40 = 40%. -->
	<!--////////////////////////////////////////////////////////////////////////////////////-->
	<li id="skill1" class="s100"><span>机械制图</span></li>
	<li id="skill2" class="s90"><span>力学分析</span></li>
	<li id="skill3" class="s90"><span>高等数学</span></li>
	<li id="skill4" class="s80"><span>制图软件(CAXA)</span></li>
	<li id="skill5" class="s90"><span>建模软件(Solidworks)</span></li>
	<li id="skill6" class="s80"><span>力学分析软件(Ansys)</span></li>
	<li id="skill7" class="s80"><span>数学软件(Matlab)</span></li>
</ul><!--end skills-->


<div class="clear"></div>

<!--EXPERIENCE TITLE-->
<h2 id="clock" class="sectionHead">经历</h2>

<!--EXPERIENCE-->
<ul id="jobs">
	<li>
		<div class="details">
			<h3>山东临工</h3>
			<h4>山东,临沂</h4>
			<h5>2019年7月 - 2019年8月</h5>
		</div>
		<p> 实习。
		</p>
	</li>
</ul><!--end jobs-->

<!--EDUCATION TITLE-->
<div class="clear"></div><h2 id="learn" class="sectionHead">教育</h2>

<!--EDUCATION-->
<ul id="schools">
	<li>
		<div class="details">
			<h3><font><font>某某大学</font></font></h3>
			<h4><font><font>本科学历 - 机械设计制造及其自动化</font></font></h4>
			<h5><font><font>2012  -  2014年</font></font></h5>
		</div>
		<p><font><font>学习机械设计制造及其自动化。</font></font></p>
	</li>
</ul><!--end schooling-->

<div class="clear"></div>

<!--HONORS / AWARDS TITLE-->
<h2 id="ribbon" class="sectionHead">荣誉</h2>

<!--HONORS / AWARDS-->
<ul id="honorsAwards" style="display: block;">
	<li><font><font>学院互联网+特等奖</font></font></li>
	<li><font><font>学院互联网+二等奖</font></font></li>
</ul><!--end honorsAwards-->

<div class="clear"></div>

<!--AS SEEN ON TITLE-->
<h2 id="eye" class="sectionHead">作品</h2>

<!--AS SEEN ON-->
<ul id="seenOn">
	<li class="bwWrapper"><img src="images/works/1.jpg" alt="pic1" /></li> 
	<li class="bwWrapper"><img src="images/works/2.jpg" alt="pic2" /></li> 
	<li class="bwWrapper"><img src="images/works/3.jpg" alt="pic3" /></li> 
</ul><!--end seenOn-->

<div class="clear"></div>

<!--RECOMMENDATIONS TITLE-->
<h2 id="chat" class="sectionHead">评价</h2>

<!--RECOMMENDATIONS-->
<ul id="recommends" style="display: block;">

	<li><h3><font><font>客户</font></font></h3></li>
	
	<li>
		<div class="details">
			<h3><font><font>1号</font></font></h3>
			<h4><font><font>教授</font></font></h4>
		</div>
		<p><font><font>“强强强强强强强强强”</font></font></p>
	</li>
	<li>
		<div class="details">
			<h3><font><font>2号</font></font></h3>
			<h4><font><font>企业家</font></font></h4>
		</div>
		<p><font><font>“牛牛牛牛牛牛牛牛牛“</font></font></p>
	</li>
	
</ul><!--end recommends-->

<div class="clear"></div>


</div><!--end wrapper-->

<!--COPYRIGHT-->
<div id="copyright">&copy; 2012 - Designed and developed by THE MOLITOR. More Templates</div>

<!--SCRIPTS-->
<script src="js/jquery.js"></script>
<script src="js/prettyPhoto.js"></script>
<script src="js/backPosition.js"></script>
<script src="js/custom.js"></script>

</body>
</html>

上传简历

安装FileZilla

FileZilla

链接ECS

在这里插入图片描述

上传简历

个人网站设计备案,所以我只进行了公网IP访问的设置。
1、进入/data/wwwroot/default/ 目录,创建一个old文件夹,将目录上的原始文件全部搬到old内在这里插入图片描述
2、将简历上传至/data/wwwroot/default/ 目录下:在这里插入图片描述
然后在浏览器中直接访问:http://ecs公网ip就可以可以访问了!
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/LuckyCapricornus/article/details/107844098