Ghost使用11ty时生成无插件生成TOC目录
分享一段之前和ChatGPT沟通得到的代码。 作用为传入一段HTML代码,并获取页面内的H2、H3、H4标签,组装成固定格式的html字符串返回。 const cheerio = require('cheerio'); module.exports = (html) => { if (...
用Alpinejs完成主题切换功能
终于把网站的主题切换功能做好了,这次的实现相当满意。 并且我联动了几个主题颜色比较特别的博友,他们分别有:雅余(黄色)、昱行(粉色)、风清(蓝色),大家可以在本站左侧菜单栏选择自己喜欢的配色浏览本站,欢迎给出意见和分享感受。 之前虽然也写过主题切换功能,但是思路没有这次完整,所以索性写一篇博文介...
分享一段之前和ChatGPT沟通得到的代码。 作用为传入一段HTML代码,并获取页面内的H2、H3、H4标签,组装成固定格式的html字符串返回。 const cheerio = require('cheerio'); module.exports = (html) => { if (...
友情链接 此前我一直以文章内容的形式手动展示和维护博客的友链,并在文中附上了友情链接添加的条件,此间也收到过不少好友的链接申请。 不过在 2023年11月05日 ,我对该页面的介绍做了更新,并在文中写到: 今天忽然发现我好像重新理解的「友邻」的意义,这个邻居应该是我喜欢、欣赏的,对我有「正面影...
今天罕见起了个大早。 刚出门的时候天还灰蒙蒙的, 没多久就看见高楼的上面开始蒙眬, 没过一会, 整个雾团就像滴入清水里的黑墨一般蕴开, 无法阻挡的贴合在地面之上。 一切就像梦境一般, 人和穿行在浓雾里, 车辆的灯光也开始变的模模糊糊。 就像... 就像穿行在地球的梦里般....。...
了解后才知道「牛逼」 以前看体育节目的时候听解说们说「不可思议,某某某马拉松运动员跑出了全马20x的成绩」,当时的反应只是「哦...,20x呀,好像很厉害的样子啊?」。 现在自己真的开始跑步后才发现,「全马20x」这个时间简直就是飞人,要以这种速度跑完42.195公里,这种速度已经是突破了人体极...
最近在做11ty-book的移植工作时发现,网站页面在从短内容页面跳转至长内容页面时,会因为从无滚动条切换到有滚动条状态而发生抖动,而这个滚动条在页面中是有自己的占位的,这个时候就会出现因为忽然出现滚动条而网页内容布局抖动的问题。 找了一些相关的资料,有不同的前辈都处理过这个问题,因为我也没有一个...
前言 不久前在牧羊人老哥的博客中看到他分享去内江圣水寺、大千博物馆游玩的博文,当时顿感心动不已,便留言说之后也想去看看。 主要原因有三。 一是内江是自贡的邻居,从自贡出发去内江只需要四十多公里,快的话三四十分钟就能到。前些年有些同学在内江做生意,那时候时常会过去玩玩,不过我这些朋友不是喜欢喝酒...
每一年的清明都是有雨...
接着上一篇说吧。 29号恰好是周六,因为看到公众号在发一些领取物资跑者的照片,所以很臭美的洗漱穿戴了一下才出的门,而且出门的时候发现已经快9点了,便着急忙慌的直接往比赛场地跑...,哪知道到了比赛场地才发现领东西是在四五公里处的恐龙博物馆旁边。 不过也提前看到了没有人的比赛出发场地: 领物...
之前 页面的过渡动画其实有很多种实现方式,之前在制作主题rebron1900/11ty-theme-notability 时参考的主题 ByMattLee 11ty Starter 中就使用了 GSAP 这个库实现页面过渡动画。 我当时也研究了一下,不过这些动画库的各种参数都太过复杂,并且我也不...