Skip to content

xiaoyulox/blog

Repository files navigation

Uploading 简介.md…

孙浩然的博客

🌟 项目简介

一个基于 Flask + SQLite 构建的现代化个人博客系统,拥有优雅的界面设计和完整的博客功能,适合个人写作、技术分享和生活记录。 🎨 特色功能 ✨ 视觉体验

渐变背景 - 精美的蓝紫色渐变设计

毛玻璃效果 - 现代化玻璃拟态风格

流畅动画 - 平滑的悬停和过渡效果

响应式布局 - 完美适配所有设备

🚀 核心功能

📝 富文本编辑 - 支持加粗、斜体、列表等格式

🔍 实时搜索 - 首页快速搜索留言内容

💬 评论系统 - 完整的留言和评论功能

👤 用户管理 - 注册登录和权限控制

📱 移动优化 - 手机端完美体验

🛠️ 快速开始 环境要求

Python 3.8+

Windows/Mac/Linux

安装启动

方法一:一键启动(推荐) bash

双击运行

start_blog.bat

或命令行

python app.py

方法二:虚拟环境 bash

创建虚拟环境

python -m venv venv venv\Scripts\activate # Windows source venv/bin/activate # Mac/Linux

安装依赖

pip install -r requirements.txt

启动应用

python app.py

访问地址 text

http://127.0.0.1:5000

📖 使用指南

  1. 注册登录

    点击导航栏"注册"创建账户

    用户名至少3字符,密码至少6字符

    登录后即可开始写作

  2. 发布内容

    点击"写留言"创建新文章

    使用工具栏格式化文本:

     B - 加粗
    
     I - 斜体
    
     U - 下划线
    
     • - 列表
    
     H1/H2 - 标题
    
  3. 互动交流

    在文章详情页发表评论

    实时查看最新留言

    搜索感兴趣的内容

  4. 内容管理

    ✏️ 编辑自己的留言

    🗑️ 删除留言和评论

    🔐 安全退出登录

🎯 使用技巧 写作建议 markdown

使用标题组织内容

  • 列表项更清晰 重点内容加粗强调

浏览技巧

🔍 首页搜索框实时过滤

📱 手机端自动适配

⚡ 页面加载优化

📁 项目结构 text

blog/ ├── app.py # 主应用 ├── models.py # 数据模型 ├── config.py # 配置 ├── requirements.txt # 依赖 ├── start_blog.bat # 启动脚本 ├── static/ # 静态资源 └── templates/ # 页面模板

🛠️ 技术栈

后端

Flask + SQLite

Werkzeug 安全加密

Jinja2 模板引擎

前端

纯CSS3现代化设计

原生JavaScript交互

响应式布局

❓ 常见问题

Q: 端口被占用? python

修改 app.py 中的端口

app.run(port=5001) # 改为其他端口

Q: 如何备份?

复制 blog.db 文件即可

Q: 忘记密码?

目前需要重新注册,后续可添加重置功能

🎨 自定义 修改主题色

在 static/css/style.css 中: css

:root { --primary-color: #你的颜色; --secondary-color: #你的颜色; }

修改博客信息

编辑 templates/base.html 中的Logo和页脚

About

个人blog开发,使用flask框架,python,mysql以及css,js开发,脚本用ai编程,个人修饰

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors