如何透過javascript自動增加markdown h1的文字內容？

Laziko發表於2024-06-09
JavaScript

背景

希望美化部落格園部落格，至少不希望文字那麼密集地顯示，而且想自動在 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

相關文章