博客开发路线/功能实装清单

关于我做了什么,以及接下来还要做什么

Posted by 中毒患者 on January 1, 2023 Total views

Feature

  • 0. 架设平台 -> Github Pages,方便、免费
  • 1. 相册功能 -> PhotoSwipe
  • 2. 图库 -> imagebam,号称 10 年老网站,别的不说,反爬虫做的是真好
  • 3. 评论功能 -> 最初采用 Disqus,UI 真好看,然而不翻墙无法使用,后改用 LiveRe
  • 4. Domain/DNS -> Xserver+HE DNS
  • 5. RSS 推送功能 -> Jekyll Feed 功能有限,但别无选择
  • 6. 分享功能 -> AddThis(意外的简单)
  • 7. 访问统计 -> Google Analytics
  • 8. 搭建本地开发环境 -> 从没用过 Ruby,不过好在不难
  • 9. 增加 SFW 模式
  • 10. 站内搜索功能
  • 11. 图片弹幕功能
  • 12. 应用美化插件 -> 也许会采用 NEXT?尚未决定
  • 13. 更新邮箱推送系统 -> 或许会需要独立后端
  • 14. SSO 登陆系统 -> twitter/QQ/微信/Google 都可以,可与邮箱系统联动
  • 15. 漫画图床迁移到 AWS(2023/05/20)
  • 16. 写一个一键链接/文章生成工具
  • 17. 基于 Github Action 设定 pull request 基于指定时间的自动 merge(不知道功能上能否实现)

Bug

  • 0.1 更改网站图标等_config.yml 中的默认设置,删除各.html 中不需要的默认元素
  • 0.2 更改默认 UI 设置
  • 1.1 基于 liquid template 实现单循环的 image 与 thumbnail 的同步 html 生成
  • 1.2 thumbnail 顺序加载
  • 1.3 lazyload+position 固定
  • 1.4 修改 PhotoSwipe lib 文件实装空格翻页
  • 1.5 实装全屏状态下滚轮翻页功能
  • 1.6 基于 liquid template,从 json 中加载图片链接 //更换图床后不再需要
  • 2.1 写一个方便拿取图链的图库爬虫 -> 反爬虫需要 Request 持有 header+cookie+click 事件。
    技术不足,用 axios 无法实现,退而求其次,用 tampermonkey 脚本实现自动收集链接并下载
  • 2.2 扩充 tampermonkey 脚本,直接生成漫画用 template 并填充 img 与 thumbnail
  • 3.1 测试评论功能 -> Disqus 不翻墙无法使用,废弃
  • 3.2 更换评论插件 -> 更换为 LiveRe
  • 9.1 SFW 模式选择状态储存于 Cookie
  • 9.2 SFW 模式手动开关(需要设置在不起眼的位置,about.md?)
  • 9.3 SFW 模式自动开关(从 URL 中读取变量并保存设置)
  • 9.4 SFW 模式下隐藏 NSFW 的 post、tag、archive,更换 background 图片、网站 title
  • 9.5 从 NSFW 到 SFW 模式需要全局快捷键(Boss key)
  • 15.1 图片图床从第三方图床改为 AWS S3 并对应调整网站的图片加载逻辑(2023/05/20)
  • 15.2 用 AWS Lambda 对上传到 S3 的图片自动生成缩略图(2023/05/20)
  • 15.3 将 S3 的图片缓存到 CloudFront 进行自动分发(2023/05/20)
  • 15.4 用 AWF 对 CloudFront 的分发进行过滤,防盗链(2023/05/20 一天之内全部搞定,我得写篇文章纪念一下~)