在数字化时代,一个精美的个人简历网站不仅能展示你的才华,还能在求职过程中为你加分。今天,我们就来一起学习如何使用Python的Flask框架搭建一个个性化简历网站。以下是详细的步骤和教程,让你轻松入门。
一、准备工作
在开始之前,请确保你的电脑上已安装以下软件:
- Python 3.x
- Flask
- 一个文本编辑器(如Visual Studio Code、Sublime Text等)
二、创建项目结构
首先,创建一个名为resume_site的文件夹,作为你的项目根目录。然后,在该文件夹中创建以下文件和文件夹:
resume_site/
│
├── app.py
├── static/
│ ├── css/
│ ├── js/
│ └── images/
└── templates/
三、编写Flask应用
打开app.py文件,编写以下代码:
from flask import Flask, render_template
app = Flask(__name__)
@app.route('/')
def home():
return render_template('home.html')
if __name__ == '__main__':
app.run(debug=True)
这段代码创建了一个基本的Flask应用,并定义了一个路由/,用于展示首页。
四、设计首页模板
进入templates文件夹,创建一个名为home.html的文件。以下是首页模板的示例代码:
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>我的简历</title>
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
</head>
<body>
<header>
<h1>我的简历</h1>
<nav>
<ul>
<li><a href="{{ url_for('home') }}">首页</a></li>
<!-- 其他导航链接 -->
</ul>
</nav>
</header>
<main>
<!-- 个人简介、技能、项目经验等内容 -->
</main>
<footer>
<p>版权所有 © 2022</p>
</footer>
</body>
</html>
在这个模板中,我们使用了Flask的render_template函数来加载CSS样式文件。你可以根据自己的需求修改这个模板,添加更多内容。
五、添加CSS样式
在static/css文件夹中创建一个名为style.css的文件,编写以下CSS代码:
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
header {
background-color: #333;
color: #fff;
padding: 20px;
}
header h1 {
margin: 0;
}
nav ul {
list-style-type: none;
padding: 0;
}
nav ul li {
display: inline;
margin-right: 10px;
}
nav ul li a {
color: #fff;
text-decoration: none;
}
main {
padding: 20px;
}
footer {
background-color: #333;
color: #fff;
text-align: center;
padding: 10px;
position: fixed;
bottom: 0;
width: 100%;
}
这个CSS样式文件为首页提供了基本的样式,你可以根据自己的喜好进行修改。
六、添加JavaScript脚本
在static/js文件夹中创建一个名为script.js的文件,编写以下JavaScript代码:
// 在这里添加你的JavaScript代码
你可以在这个脚本文件中添加一些交互功能,如动态效果等。
七、运行Flask应用
在终端中,进入resume_site文件夹,并运行以下命令:
python app.py
打开浏览器,访问http://127.0.0.1:5000/,你将看到你的个性化简历网站。
八、总结
通过以上步骤,你已经成功使用Flask框架搭建了一个个性化简历网站。你可以根据自己的需求,不断完善和优化这个网站,让它更好地展示你的才华。祝你求职顺利!
