搭建简历网站
运行环境配置
安装系统镜像
我使用的是阿里云的学生白嫖 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">© 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
链接ECS
上传简历
个人网站设计备案,所以我只进行了公网IP访问的设置。
1、进入/data/wwwroot/default/ 目录,创建一个old文件夹,将目录上的原始文件全部搬到old内
2、将简历上传至/data/wwwroot/default/ 目录下:
然后在浏览器中直接访问:http://ecs公网ip就可以可以访问了!