如何通过javascript自动增加markdown h1的文本内容?

背景

希望美化博客园博客,至少不希望文本那么密集地显示,而且想自动在 headline插入表情符号,自动进行目录和文本缩进等等。

问题

如何通过javascript自动增加markdown h1的文本内容?

方案

在html中增加如下js脚本即可。


document.addEventListener("DOMContentLoaded", function() {

var h1Tags = document.querySelectorAll('h1');

h1Tags.forEach(function(tag) {

if (tag.textContent.length >= 3) {

tag.textContent = tag.textContent.slice(0, 2) + "新内容" + tag.textContent.slice(2);

}

});

});

其中,更换tag.textContent.slice() 参数的值可以更换插入文本的位置。

更换document.querySelectorALL()参数的值可以替换为查找其他html元素。

评价

通过该js脚本,可以对html的元素自定义内容的插入,从而为markdown风格的自定义服务。

参考

  • GPT3.5-turbo
posted @ 2024-06-09 11:26  Laziko  阅读(6)  评论(0编辑  收藏  举报