🎨 现代化博客系统

一个采用现代设计理念的轻量级博客系统,基于PHP构建,支持Markdown文件管理。

✨ 功能特性

  • 🎨 现代化设计: 清新简洁的界面,优雅的交互体验
  • 📝 Markdown支持: 完整支持Markdown语法和代码高亮
  • 🔒 安全可靠: 服务器端验证,会话管理,内容过滤
  • 📱 响应式布局: 完美适配手机、平板、桌面设备
  • 🚀 零配置: 上传即用,无需复杂设置
  • 💾 文件存储: 基于JSON的轻量级数据存储
  • 📊 统计面板: 实时显示文章数量和系统状态

安全特性

访问控制

  • 管理页面需要密码验证
  • 会话超时自动登出(2小时)
  • 登录失败次数限制(5次后锁定15分钟)

内容安全

  • 文件大小限制(1MB)
  • 文件名安全检查
  • 恶意内容过滤
  • 输入内容清理
  • 文章数量限制(100篇)

默认设置

  • 默认管理员密码:admin123
  • 重要:首次使用请立即修改密码!

使用方法

  • 将文件上传到支持PHP的服务器
  • 访问 index.php 查看博客首页
  • 点击"管理"进入登录页面
  • 使用默认密码 admin123 登录
  • 立即在 config.php 中修改密码
  • 上传Markdown文件并发布文章

环境要求

  • PHP 7.0 或更高版本
  • 支持文件上传的Web服务器
  • 可写的文件系统权限

部署建议

安全部署

  • 修改默认密码:首次登录后立即修改
  • 启用HTTPS:避免密码在传输中被截获
  • 访问限制:通过服务器配置限制admin.html的访问
  • 定期备份:导出localStorage中的数据

服务器配置示例(Nginx)

# 限制管理页面访问
location /admin.html {
    allow 192.168.1.0/24;  # 只允许内网访问
    deny all;
    # 或者添加HTTP基本认证
    auth_basic "Admin Area";
    auth_basic_user_file /etc/nginx/.htpasswd;
}

📁 文件结构

📦 博客系统
├── 📄 index.php       # 主页面 - 文章展示
├── 📄 admin.php       # 管理页面 - 文章管理
├── 📄 login.php       # 登录页面 - 身份验证
├── 📄 logout.php      # 退出登录
├── 📄 config.php      # 配置文件 - 系统设置
├── 🎨 style.css       # 样式文件 - 现代化设计
├── 🔒 .htaccess       # 安全配置
├── 📂 articles/       # 文章数据目录
├── 📂 uploads/        # 上传文件目录
├── 📝 sample.md       # 示例文章
└── 📖 README.md       # 说明文档

技术栈

  • PHP 7.0+
  • HTML5
  • CSS3
  • 文件系统存储(JSON格式)

浏览器支持

  • Chrome 60+
  • Firefox 55+
  • Safari 12+
  • Edge 79+

注意事项

⚠️ 安全警告

  • 这是一个轻量级解决方案,适合个人或小团队使用
  • 生产环境建议添加更多安全措施
  • 定期备份数据,localStorage可能被清除

许可证

MIT License