20220304米虫博客全站改版

本站于2022年03月04日完成全部的改版内容,包括前端布局、管理端优化、自动任务优化,增加了大量的功能类开发,完善处理流程和配置化整合等,本站内容已开源与Gitee和Github

所属分类 杂谈

相关标签 CSS博客HTML

前言

上次更新博客还是上次。

近一年更换了工作以及技术栈,努力适应公司的业务,博客也疏于打理。

一直以来准备对本站进行全量的重构,总是一拖再拖。

从2021年4月开始,正式开通了本站的代码仓库,有时间就补充一些功能。

不自觉已经过去了快一年,才完成本站的全部内容。

这个工作效率真是令自己无比汗颜。

整体开发分四个阶段:

  1. HTML静态UI编码(中途推翻一个版本)
  2. Vue+PHP后端管理中心的开发
  3. PHP渲染前端页面编码
  4. PHP渲染转静态化+定时任务+配置管理

技术栈

  • PHP7.4:服务端语言
  • MySQL5.7:关系型数据库
  • Vue.js:管理中心
  • HTML、CSS、JavaScript

本站首访页面均为纯HTML,无需经过PHP查询数据库数据。

完整的处理流程如下:

/static/upload/post/1646380450802.jpg

这样做的好处在于,访问网页时直接解析Nginx返回的HTML文件,不会受到PHP和MySQL数据性能屏障约束。

缺点是提交的评论或其他数据不会实时展示,不过本站的评论或友链需要审核,因此这个算不上什么问题。

前端功能清单

除了常规的文章阅读之外,本站提供了以下功能。

提供暗黑模式一键切换。

通过浏览器记录当前使用的是否是暗黑模式。

支持在任意文章下留言(需要审核),支持用户在头像库中任选头像。

评论基本信息记忆(由浏览器本地完成记忆)

支持评论文章,回复评论。回复二级评论。

支持自行申请友链,支持是否申请首页友链。

支持一键读取站点名、描述、图标(支持自行上传图标)。

友链需要审核。

支持模糊查询本站全部文章(目前仅支持标题模糊)。

管理端功能清单

暂不赘述,见下图(本地开发版本)。

/static/upload/post/1646381058716.png

开源地址

暂未考虑开放一键安装等功能,代码仅供参考。

GiteeGithub

米虫

做一个有理想的米虫,伪全栈程序猿,乐观主义者,坚信一切都是最好的安排!

本站由个人原创、收集或整理,如涉及侵权请联系删除

本站内容支持转发,希望贵方携带转载信息和原文链接

本站具有时效性,不提供有效、可用和准确等相关保证

本站不提供免费技术支持,暂不推荐您使用案例商业化

发表观点

提示

昵称

邮箱

QQ

网址

当前还没有观点发布,欢迎您留下足迹!

同类其他

杂谈

选择个人头像

昵称

邮箱

QQ

网址

评论提示

  • 头像:系统为您提供了12个头像自由选择,初次打开随机为你选择一个
  • 邮箱:可选提交邮箱,该信息不会外泄,或将上线管理员回复邮件通知
  • 网址:可选提交网址,评论区该地址将以外链的形式展示在您的昵称上
  • 记忆:浏览器将记忆您已选择或填写过得信息,下次评论无需重复输入
  • 审核:提供一个和谐友善的评论环境,本站所有评论需要经过人工审核