1. 程式人生 > 實用技巧 >阿里雲ECS訓練營Day1

阿里雲ECS訓練營Day1

使用ECS搭建個人簡歷網站

1、獲取阿里雲ECS資源

直接訪問阿里雲領取ECS資源獲取ECS資源:https://developer.aliyun.com/adc/student/?accounttraceid=12f7537d356e4de8999c7e6e7cf88c38oxzh#ecscolleges-class

2、安裝網頁執行環境

首先,我們先安裝LAMP環境,它是Linux + Apache Httpd + MySQL + PHP 的縮寫,我們需要基於這個環境來完成我們的專案。

3、製作個人簡歷網頁

首先,我們先下載resume檔案,也就是我們自己的HTML簡歷模板

下載地址:https://edu.aliyun.com/course/147/material/6435/download

簡歷程式碼如下:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>faith 的個人簡歷</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">faith</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>年  齡: 	20<br/>
		手  機: 	13588888888<br/>
		郵  箱: 	[email protected]<br/>
		戶  籍: 	浙江杭州<br/>
		目前狀態: 	在職<br/>
		所在地點: 	杭州<br/>
		工作年限: 	5年<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>.NET 框架開發(C#、ASP.net、MVC等)</span></li>
	<li id="skill2" class="s90"><span>Java 開發(SSH、SSM框架)</span></li>
	<li id="skill3" class="s90"><span>前端開發(JQuery、Angular、Bootstrap、ES6)</span></li>
	<li id="skill4" class="s80"><span>Linux平臺使用(CentOS、Ubuntu)</span></li>
	<li id="skill5" class="s90"><span>NodeJS開發</span></li>
	<li id="skill6" class="s100"><span>Android開發</span></li>
	<li id="skill7" class="s100"><span>H5 Web APP(PhoneGap、Ionic)</span></li>
	<li id="skill9" class="s60"><span>IOS開發</span></li>
	<li id="skill8" class="s90"><span>資料庫(SQLserver、MySQL、MongoDB、Redis)</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>2015年3月 - 至今</h5>
		</div>
		<p> 各領域軟體的研發遺蹟設計,主要為 PHP 架構,使用 TP 框架開發,開發企業CRM工具與其它專案。
		</p>
	</li>
	<li>
		<div class="details">
			<h3>X某網路有限公司</h3>
			<h4>江蘇,南京</h4>
			<h5>2014年7月 - 2015年3月</h5>
		</div>
		<p> 從事 PHP 網站開發,設計企業官方網站以及其他附加業務
		</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>
	<li>
	<li>
		<div class="details">
			<h3><font><font>某某大學</font></font></h3>
			<h4><font><font>專科學歷 - 軟體開發</font></font></h4>
			<h5><font><font>2009  -  2012年</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>
	<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>布朗</font></font></h3>
			<h4><font><font>攝影師</font></font></h4>
		</div>
		<p><font><font>“幫助我搭建了一個攝影作品合集網站,非常的完美,王小明是一個不錯的開發者”</font></font></p>
	</li>
	<li>
		<div class="details">
			<h3><font><font>賀幛</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>

4、把簡歷部署到自己的伺服器

  1. 首先開啟ECS的安全組

  2. 上傳簡歷檔案

  3. 訪問自己的簡歷網站