博客开发记录

似乎在中国追求小众真的是一种很大众的事情

开发遇到很无语的事情

tailwindCSS

这东西在平常与人讨论时，褒贬不一，因为他的优缺点真的很明显，开发时很爽，但是可读性有点灾难

开发进度

页面

• 首页
• 关于
• 归档
• 友链
• 圈子
• bangumi

功能

• 亮/深色切换，并添加动画支持
• 主题色切换
• github 卡片
• 音乐卡片
• 仿 GitHub 版Callout
• 文章详情页尾部下一篇 or 推荐阅读组件
• footer 底部
• 评论
• 搜索
• SEO 优化

随手记录

ViewTransitions

自从astro 5.0 开始已经弃用，换成了 ClientRouter，不过适配也十分简单，把 ViewTransitions 换成 ClientRouter 就好了

使用到的插件

• 添加阅读时间
• 使用 PhotoSwipe 灯箱实现图片查看

markdown

• rehypejs/rehype-autolink-headings：用于在 HTML 中添加标题链接的插件：让每个标题都变成一个可点击的链接。
• 字数和阅读时间 astro-rehype-frontmatter-reading-stats
• 更好的代码块：Expressive-Code
• 上面附属插件，可折叠代码块，显示行号，展示代码图标(由于这个组件没适配最新，所以将主插件降低至 0.40.2版本)
• 仿 GitHub 版 Callout rehype-callouts).
• remark-directive 解析自定义指令

已知问题

1. 文章页面刷新会先回到顶部，再恢复到原来的位置
2. 侧边栏持久化不太成功，切换导航概率会刷新侧边栏（已修复）
3. 封面图片的卡片，在切换导航时会出现残影
4. Astro 动画兼容问题，自测在火狐浏览器无法生效

待解决

手机点击 lanke 返回首页

手机端首页左右滑动有动画，但是希望保持不动

网站 icon