在这个数字化时代,一份出色的个人简历网站不仅能够展示你的才华,还能让你在众多求职者中脱颖而出。而使用Flask框架来搭建个人简历网站,既简单又高效。下面,就让我带你一步步打造一个专属你的求职名片。
一、准备工作
在开始之前,我们需要准备以下工具和软件:
- Python环境:确保你的电脑上已经安装了Python。
- Flask框架:使用pip安装Flask框架:
pip install flask。 - 文本编辑器:推荐使用Visual Studio Code、Sublime Text等。
- HTML、CSS和JavaScript基础:了解这些基础知识将有助于你更好地设计和美化你的简历网站。
二、创建项目结构
创建一个名为resume的文件夹,作为你的项目根目录。然后,在resume文件夹中创建以下文件和文件夹:
resume/
│
├── app.py # Flask应用文件
├── static/ # 静态文件目录(如CSS、JavaScript、图片等)
│ ├── css/
│ ├── js/
│ └── images/
├── templates/ # 模板文件目录
│ └── index.html # 简历主页模板
└── requirements.txt # 项目依赖文件
三、编写Flask应用
打开app.py文件,编写以下代码:
from flask import Flask, render_template
app = Flask(__name__)
@app.route('/')
def index():
return render_template('index.html')
if __name__ == '__main__':
app.run(debug=True)
这段代码创建了一个基本的Flask应用,其中包含一个路由/,用于访问简历主页。
四、设计简历主页
在templates文件夹中创建一个名为index.html的文件,并编写以下HTML代码:
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>个人简历</title>
<link rel="stylesheet" href="static/css/style.css">
</head>
<body>
<header>
<h1>张三</h1>
<p>前端开发工程师</p>
</header>
<section>
<h2>技能</h2>
<ul>
<li>HTML5</li>
<li>CSS3</li>
<li>JavaScript</li>
<li>Vue.js</li>
<li>React.js</li>
</ul>
</section>
<section>
<h2>项目经验</h2>
<ul>
<li>项目一:描述项目内容</li>
<li>项目二:描述项目内容</li>
</ul>
</section>
<footer>
<p>联系方式:xxx@xxx.com</p>
</footer>
</body>
</html>
这段代码定义了一个简单的简历主页,包括个人基本信息、技能和项目经验。
五、美化简历网站
在static/css文件夹中创建一个名为style.css的文件,并编写以下CSS代码:
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
header {
background-color: #333;
color: #fff;
padding: 20px;
text-align: center;
}
header h1 {
margin: 0;
}
header p {
font-size: 18px;
}
section {
padding: 20px;
}
footer {
background-color: #333;
color: #fff;
text-align: center;
padding: 10px;
}
这段代码定义了简历网站的基本样式,包括字体、颜色、间距等。
六、运行Flask应用
在终端中,进入resume文件夹,并运行以下命令:
python app.py
如果一切顺利,你将看到以下输出:
* Running on http://127.0.0.1:5000/ (Press CTRL+C to quit)
在浏览器中输入http://127.0.0.1:5000/,你将看到你的个人简历网站。
七、总结
通过以上步骤,你已经成功使用Flask框架搭建了一个个人简历网站。你可以根据自己的需求,不断完善和优化你的简历网站,让它成为你的求职利器。祝你求职顺利!
