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