Stats Overlay 可视化功能的实现原理解析
在博客主题的开发中,为了提升首页的视觉冲击力和互动性,我们在 Hero Splash(首屏动画)中加入了一个 “Stats Overlay”(数据统计浮层)。这个浮层用于实时显示马拉松轨迹动画过程中的关键数据(如时间、距离、配速、心率等)。 本文将深入解析这个功能的实现原理,涵盖 HTML 结构、C...
祝君万事如意心想事成!
在博客主题的开发中,为了提升首页的视觉冲击力和互动性,我们在 Hero Splash(首屏动画)中加入了一个 “Stats Overlay”(数据统计浮层)。这个浮层用于实时显示马拉松轨迹动画过程中的关键数据(如时间、距离、配速、心率等)。 本文将深入解析这个功能的实现原理,涵盖 HTML 结构、C...
不得不说 macbook 是一件很保值的产品,我16年入手的港版15款MacBook,购买的时候是8000多 今天被我4000块钱卖了,配置是i5 8g 256ssd 本来是打算走爱回收卖掉的,但是爱回收在京东的入口加上券才给3500,对比下选择了线下电脑城一个老板回收了。 其实我觉得电脑这玩意就是...
话说每次写文章都需要执行 hexo g -d,如果换个机器想记录点东西还得备一套nodejs 环境,着实麻烦,最近发现Github Actions 非常好用,只需要写完文章,将markdown文件丢到GitHub 去就可以自动触发编译,整个过程非常的快,下面将介绍如何去使用 准备2个仓库首先需要准...
问题我这个博客的主题使用的是cofess 的 pure 主题,然后我发现他的这个图书调用的豆瓣的 API 出现了 403 我们发现这个主题的博主博客豆瓣的请求的地址是 https://api.douban.com/v2/book/user/cofess/collections?callback=j...
github 配置使用 hexo 生成静态文件会保存在public 中。 在github 创建一个仓库,后缀必须是以github.io 为后缀的,例如的我的是 awen.github.io 在站点的_config.yml中添加配置 deploy: - type: git repo: git@...
While developing the blog theme, to boost the homepage’s visual impact and interactivity, we added a “Stats Overlay” to the Hero Splash (the hero-scre...
不得不说 macbook 是一件很保值的产品,我16年入手的港版15款MacBook,购买的时候是8000多 今天被我4000块钱卖了,配置是i5 8g 256ssd 本来是打算走爱回收卖掉的,但是爱回收在京东的入口加上券才给3500,对比下选择了线下电脑城一个老板回收了。 其实我觉得电脑这玩意就是...
话说每次写文章都需要执行 hexo g -d,如果换个机器想记录点东西还得备一套nodejs 环境,着实麻烦,最近发现Github Actions 非常好用,只需要写完文章,将markdown文件丢到GitHub 去就可以自动触发编译,整个过程非常的快,下面将介绍如何去使用 准备2个仓库首先需要准...
问题我这个博客的主题使用的是cofess 的 pure 主题,然后我发现他的这个图书调用的豆瓣的 API 出现了 403 我们发现这个主题的博主博客豆瓣的请求的地址是 https://api.douban.com/v2/book/user/cofess/collections?callback=j...
github 配置使用 hexo 生成静态文件会保存在public 中。 在github 创建一个仓库,后缀必须是以github.io 为后缀的,例如的我的是 awen.github.io 在站点的_config.yml中添加配置 deploy: - type: git repo: git@...