@1900'Blog

Python中将GCJ02转换为WGS84坐标系

前文 用workflow转换Google地图kmz数据为geojson数据 中提到了我是如何获取Google Map里MyMap的数据,并自动转换为GeoJSON数据应用在博客上的。 但是最近在查看我更新的地点时,发现有部分数据实际应用在Mapbox中会存在偏差,导致很多定位在陆地上的地点漂移到了...

用workflow转换Google地图kmz数据为geojson数据

前言 最近终于把大发哥的地图功能算是移植过来了,可以在 https://1900.live/map/ 页面中查看初步效果,不过在后续如何方便的维护这些数据的方式上产生了一些思考。 想直接看代码可以通过右侧TOC跳转到最后。 方案 数据持久化无非是写在文件里或者数据库,所以我想了一下几种方案...

文章点赞和浏览数统计实现

前段时间大发哥TG频道说要发一个用CFWorker实现文章点赞和浏览数统计的功能,很快啊,星期二教程就出来了: Hugo Cloudflare Worker 。 整体方案是使用CfWorker 实现api请求,再用D1做数据持久化,效果还是很赞的。 本来我是想照着教程完全一步步来的,但是想到我前...

我也出一版纯CSS+JS热力图

前言 之前根据蜗牛哥的教程弄了一版使用Cal-heatmap库生成的热力图 博客更新热力图,不过这个方式需要加载四五个js文件还有一些css文件,比较拖慢整个网页的加载速度,所以蜗牛哥后来又出了一个CSS 和 JS 实现博客热力图 方案,不过当时我闲麻烦一直没跟着做。 不过我也一直在思考该怎么用...

将博主PC上使用的应用信息实时显示到博客

起因 这个功能是在大佬 Innei 的博客上看到的,效果就是在网站logo处实时的显示博主在PC上使用的应用程序信息,虽然是个不太显眼的功能,但是效果还是挺好的,让我感觉整个网站因为这个变的不再死板,不断变动的程序图标让这个网站像博主的一个身外化身。 真的很想要呀! 遂翻阅了一下大佬的博客源码...

OpenGraph图自动生成

什么是OpenGraph 💡以下介绍由Kimi生成。 大白话就是:这些数据专门告诉社交平台,我们这个网页的基础信息等数据。 OpenGraph 是一种由 Facebook 开发的元标签(meta tags),用于网页上的社交分享。当一个网页链接被分享到社交媒体平台时,这些标签可以提供额外的信息...

博客更新热力图

这个功能最早是看到椒盐豆豉 如何给 Hugo 博客添加热力图 做的分享,不过当时还没下定心思来弄。后来陆续在蜗牛、空白大佬们的博客上看到,还是比较想加到自己博客上的,不过在这个月十几号的时候研究过一下,当时没太研究明白,放弃了。 但是今天在长毛象上看到空白大佬在 称赞蜗牛大佬的新热力图 ,所以跑过...

用Alpinejs完成主题切换功能

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

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

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

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

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