如何通过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