博客模板github python

原创

mob64ca12d9e536 2024-09-22 04:59:57 ©著作权

文章标签 html Python ci 文章分类 Python 后端开发

©著作权归作者所有：来自51CTO博客作者mob64ca12d9e536的原创作品，请联系作者获取转载授权，否则将追究法律责任

使用 GitHub 创建 Python 博客模板

在现代社会，个人博客已经成为分享知识、经验和见解的重要途径。对于程序员和开发者而言，用 Python 构建一个博客是一个展示自己技术能力的好方法。借助 GitHub，用户不仅可以轻松部署博客，同时也可以利用版本控制系统便于维护和更新。本文将通过代码示例，带你搭建一个基于 Python 的博客模板，并提供序列图和旅行图以便更好地理解整个流程。

环境准备

在开始之前，请确保你已经安装了以下环境：

Python （版本 3.6 及以上）
Git （用于版本控制）
Flask （一个轻量级的 Web 框架）

可以使用以下命令安装 Flask：

pip install Flask

创建 Flask 应用

首先，我们需要创建一个基本的 Flask 应用。创建一个名为 app.py 的文件，并填入以下代码：

from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def home():
    return render_template('index.html')

if __name__ == '__main__':
    app.run(debug=True)

在上面的代码中，我们引入了 Flask 模块，并创建了一个基本的 Web 应用。我们在根路径上设置了一个路由，用于渲染一个 HTML 模板。

创建 HTML 模板

我们需要在 templates 文件夹中创建 index.html 文件，该文件用于展示主页内容。可以使用以下代码创建该 HTML 文件：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的博客</title>
</head>
<body>
    欢迎来到我的博客
    <p>这里是我的个人博客，分享我的知识和经验。</p>
</body>
</html>

运行应用

确保你的代码结构如下：

blog/
│
├── app.py
└── templates/
    └── index.html

在终端中运行应用：

python app.py

访问 `

添加新博客文章功能

为了实现发布博客文章的功能，我们需要一个数据存储方式。这里我们可以使用 Python 的简单列表来存储博客文章信息（在后续可以扩展为数据库的集成）。

首先，更新 app.py 文件，增加一个文章列表：

articles = [
    {
        'title': '第一篇文章',
        'content': '这是我的第一篇文章！'
    },
    {
        'title': '第二篇文章',
        'content': '这是我的第二篇文章！'
    }
]

接着，我们需要更新 home 路由，渲染新的信息：

@app.route('/')
def home():
    return render_template('index.html', articles=articles)

在 index.html 中渲染博客文章：

<body>
    欢迎来到我的博客
    <p>这里是我的个人博客，分享我的知识和经验。</p>

    <h2>文章列表</h2>
    {% for article in articles %}
        <h3>{{ article.title }}</h3>
        <p>{{ article.content }}</p>
    {% endfor %}
</body>

序列图

为了 better 理解整个操作流程，下面我们制作一个序列图，展示用户如何与博客交互。

sequenceDiagram
    participant User
    participant Browser
    participant FlaskApp
    participant Database

    User->>Browser: 打开主页
    Browser->>FlaskApp: 发起请求 /
    FlaskApp->>Database: 获取文章列表
    Database-->>FlaskApp: 返回文章列表
    FlaskApp-->>Browser: 返回主页和文章列表
    Browser-->>User: 展示主页和文章

旅行图

接下来，我们来制作一个旅行图，展示一个用户从创建博客文章到发布的整个流程。

journey
    title 用户创建和发布博客文章的旅程
    section 创建文章
      用户打开博客应用: 5: 用户
      用户点击创建文章: 3: 用户
      系统展示创建表单: 4: 系统
    section 填写内容
      用户输入标题与内容: 5: 用户
      用户提交文章: 4: 用户
    section 发布文章
      系统保存文章到数据库: 5: 系统
      系统显示确认页面: 3: 系统