@1900'Blog

@1900'Blog

用Alpinejs完成主题切换功能

2024-04-17

终于把网站的主题切换功能做好了，这次的实现相当满意。并且我联动了几个主题颜色比较特别的博友，他们分别有：雅余（黄色）、昱行（粉色）、风清（蓝色），大家可以在本站左侧菜单栏选择自己喜欢的配色浏览本站，欢迎给出意见和分享感受。之前虽然也写过主题切换功能，但是思路没有这次完整，所以索性写一篇博文介...

Ghost使用11ty时生成无插件生成TOC目录

2024-04-16

#编码 , #分享

分享一段之前和ChatGPT沟通得到的代码。作用为传入一段HTML代码，并获取页面内的H2、H3、H4标签，组装成固定格式的html字符串返回。 const cheerio = require('cheerio'); module.exports = (html) => { if (...

关于友情链接和SSG在博客中展示Flux订阅

2024-04-15

#工具箱 , #分享 , #编码

友情链接此前我一直以文章内容的形式手动展示和维护博客的友链，并在文中附上了友情链接添加的条件，此间也收到过不少好友的链接申请。不过在 2023年11月05日，我对该页面的介绍做了更新，并在文中写到：今天忽然发现我好像重新理解的「友邻」的意义，这个邻居应该是我喜欢、欣赏的，对我有「正面影...

雾，是地球的迷梦

2024-04-11

#摄影 , #分享

今天罕见起了个大早。刚出门的时候天还灰蒙蒙的，没多久就看见高楼的上面开始蒙眬，没过一会，整个雾团就像滴入清水里的黑墨一般蕴开，无法阻挡的贴合在地面之上。一切就像梦境一般，人和穿行在浓雾里，车辆的灯光也开始变的模模糊糊。就像... 就像穿行在地球的梦里般....。...

我也跑个半程马拉松：完赛

2024-04-08

#马拉松 , #运动 , #分享

了解后才知道「牛逼」以前看体育节目的时候听解说们说「不可思议，某某某马拉松运动员跑出了全马20x的成绩」，当时的反应只是「哦...，20x呀，好像很厉害的样子啊？」。现在自己真的开始跑步后才发现，「全马20x」这个时间简直就是飞人，要以这种速度跑完42.195公里，这种速度已经是突破了人体极...

纯CSS解决网页因滚动条抖动问题

2024-04-06

#分享 , #编码

最近在做11ty-book的移植工作时发现，网站页面在从短内容页面跳转至长内容页面时，会因为从无滚动条切换到有滚动条状态而发生抖动，而这个滚动条在页面中是有自己的占位的，这个时候就会出现因为忽然出现滚动条而网页内容布局抖动的问题。找了一些相关的资料，有不同的前辈都处理过这个问题，因为我也没有一个...