正文

新手必看！Flask框架轻松搭建个人简历网站全攻略

/0 浏览量
0514

在数字化时代，拥有一份精美的个人简历网站不仅能展示你的专业技能和个性，还能在求职过程中为你加分。Flask是一个轻量级的Web应用框架，非常适合新手入门。本文将带你轻松搭建一个个人简历网站，让你在求职路上更加自信。

一、准备工作

1. 安装Python环境

首先，确保你的电脑上安装了Python环境。你可以从Python官网下载并安装最新版本。

2. 安装Flask框架

打开命令行窗口，输入以下命令安装Flask框架：

pip install flask

二、创建项目结构

创建一个名为resume的文件夹，并在其中创建以下文件：

  • resume.py：主程序文件
  • templates/：模板文件夹
  • static/：静态文件文件夹（如CSS、JavaScript、图片等）

三、编写主程序

打开resume.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)

这段代码创建了一个名为index的路由，当访问网站根目录时，会渲染templates/index.html模板。

四、设计简历模板

1. 创建模板文件夹

在templates文件夹中创建一个名为index.html的文件。

2. 编写HTML模板

以下是一个简单的简历模板示例：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>个人简历</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
</head>
<body>
    <header>
        <h1>张三</h1>
        <p>前端工程师</p>
    </header>
    <section>
        <h2>技能</h2>
        <ul>
            <li>HTML/CSS</li>
            <li>JavaScript</li>
            <li>Vue.js</li>
            <li>React.js</li>
        </ul>
    </section>
    <section>
        <h2>项目经验</h2>
        <ul>
            <li>项目一：XXX</li>
            <li>项目二：XXX</li>
        </ul>
    </section>
    <footer>
        <p>联系方式：xxx@xxx.com</p>
    </footer>
</body>
</html>

3. 添加CSS样式

在static文件夹中创建一个名为style.css的文件，并添加以下样式：

body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}

header {
    background-color: #333;
    color: #fff;
    padding: 20px;
    text-align: center;
}

section {
    margin: 20px;
    padding: 20px;
}

ul {
    list-style-type: none;
    padding: 0;
}

li {
    margin-bottom: 10px;
}

footer {
    background-color: #333;
    color: #fff;
    padding: 10px;
    text-align: center;
}

五、运行网站

在命令行窗口中，进入resume文件夹，然后运行以下命令：

python resume.py

打开浏览器，访问http://127.0.0.1:5000/，你将看到一个简单的个人简历网站。

六、扩展功能

以上只是一个简单的简历模板，你可以根据自己的需求添加更多功能，如：

  • 个人信息模块：添加教育背景、工作经历等
  • 技能评估模块：添加在线技能测试
  • 作品展示模块：展示个人作品集

通过学习Flask框架，你可以轻松搭建一个属于自己的个人简历网站。祝你求职顺利！

-- 展开阅读全文 --