正文

学会Flask，轻松搭建个人简历网站：从零开始，打造独特个人品牌展示平台

/0 浏览量
0514

在这个数字化时代，个人简历网站已经成为了展示个人能力和品牌形象的重要平台。Flask，作为Python的一个轻量级Web应用框架，因其简单易用和高度可定制性，成为了搭建个人简历网站的热门选择。本文将带你从零开始，一步步学会使用Flask搭建一个独特且专业的个人简历网站。

一、Flask简介

Flask是一个轻量级的Web应用框架，由Armin Ronacher在2010年设计。它遵循了WSGI标准，并使用Jinja2作为模板引擎。Flask的特点包括：

  • 轻量级：Flask本身只提供了核心功能，易于扩展。
  • 易用性：Flask的API简单直观，学习曲线平缓。
  • 高度可定制：可以通过扩展库实现更多功能。

二、准备工作

在开始搭建个人简历网站之前，你需要做好以下准备工作：

  1. 安装Python：Flask需要Python环境，确保你的计算机上已安装Python 3.x版本。
  2. 安装Flask：通过pip安装Flask，命令如下： 
    
pip install flask
  3. 安装文本编辑器：选择一个你熟悉的文本编辑器，如Visual Studio Code、Sublime Text等。

三、创建项目结构

创建一个名为resume_site的文件夹，作为你的项目根目录。在该目录下，创建以下文件和文件夹：

resume_site/
│
├── app.py          # Flask应用主文件
├── templates/      # HTML模板文件
│   ├── base.html   # 基础模板
│   └── index.html   # 首页模板
└── static/         # 静态文件（如CSS、JavaScript、图片等）

四、编写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模板

在templates/base.html中，编写以下代码：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>{% block title %}{% endblock %} - 个人简历</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
</head>
<body>
    <header>
        <h1>{% block header %}{% endblock %}</h1>
    </header>
    <main>
        {% block content %}{% endblock %}
    </main>
    <footer>
        <p>{% block footer %}{% endblock %}</p>
    </footer>
</body>
</html>

在templates/index.html中，编写以下代码：

{% extends 'base.html' %}

{% block title %}首页{% endblock %}

{% block header %}欢迎来到我的个人简历网站{% endblock %}

{% block content %}
    <h2>关于我</h2>
    <p>这里是关于我的介绍...</p>
    <h2>技能</h2>
    <ul>
        <li>Python</li>
        <li>Flask</li>
        <li>HTML/CSS</li>
    </ul>
{% endblock %}

{% block footer %}版权所有 &copy; 2023{% endblock %}

六、添加静态文件

在static/文件夹中，创建一个名为style.css的CSS文件，并编写以下代码：

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

header, footer {
    background-color: #333;
    color: #fff;
    text-align: center;
    padding: 1em;
}

main {
    padding: 2em;
}

七、运行应用

在命令行中，进入resume_site目录，并运行以下命令：

python app.py

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

八、扩展与定制

以上步骤只是搭建了一个基本的个人简历网站。你可以根据需求，添加更多功能，如：

  • 添加项目经验
  • 展示个人作品
  • 实现在线联系

你可以通过以下方式扩展和定制你的个人简历网站：

  • 使用Flask扩展库，如Flask-Migrate、Flask-Bootstrap等。
  • 学习HTML、CSS和JavaScript，提升网站的美观度和交互性。
  • 了解数据库知识，实现动态内容展示。

通过学习Flask，你可以轻松搭建一个独特且专业的个人简历网站，展示你的个人品牌。祝你学习愉快！

-- 展开阅读全文 --