这里是我的实验室:记录搭建和维护这个网站时做出来的效果、写过的自动化脚本、自建的服务,以及遇到的问题及解决办法。
全部文章
WordPress 与网站前端
页面效果、布局,以及 WordPress 使用中遇到的问题。
单篇三栏式阅读布局左侧系列导航、中间正文、右侧目录的文章页布局。
hover 菜单预览图不显示预览框宽度为 0 的排查与修复。
hover 菜单自动显示最新文章用 REST API 拉取最新文章,自动生成标题、摘要和预览图。
hover 菜单:黑幕过场 + 鼠标跟随预览用原生 HTML、CSS、JS 做带黑幕和图片预览的菜单。
SVG 三圆重叠图滚动描边动画,点击节点切换内容,只需一个自定义 HTML 块。
杂志风拼图网格用 CSS Grid 做 12 列拼图布局,适配手机。
分类页第二页 404模板与后台阅读设置的每页篇数不一致导致的 404。
横向滚动卡片网格Flex + scroll-snap 实现可左右滑动的卡片行。
自动化与数据
用 Python、Google 工具和现成服务,把重复的数据和图片工作自动化。
自建服务
在自己的服务器或电脑上部署相册和本地 AI。