通过脚本修改语雀文章的模板样式

185 阅读1分钟

为什么写这个脚本

想看语雀的某个博主的文章,感觉其写的文章可以学到东西。但是模板的设置我很难读进去他的文章。所以就想让脚本来修改样式。因为他的文章统一了模板,所以基本满足他的所有文章。

image.png

image.png

博主的语雀: www.yuque.com/jiaqiuqiu/g… (感兴趣可关注)

看下面的代码似乎很简单,但是写的过程其实踩了好多坑。

// 获取所有 ne-heading-content 元素
const neHeadingContents = document.querySelectorAll('ne-heading-content');

// 遍历每个 ne-heading-content 元素
neHeadingContents.forEach(neHeadingContent => {
  // 获取所有 ne-text 元素
  const neTextElements = neHeadingContent.querySelectorAll('ne-text');

  // 获取第二个 ne-text 元素
  const secondNeText = neTextElements[1];
// 删除第二个 ne-text 元素以及其样式
  if (secondNeText) {
    //secondNeText.remove();
    secondNeText.removeAttribute('class');
    secondNeText.removeAttribute('style');
  }
   console.log(neTextElements.length)
  if (neTextElements.length == 3 || neTextElements.length == 5) {
       // 遍历除第二个元素以外的所有元素,并将其从DOM中删除
  neHeadingContent.querySelectorAll(':not(:nth-child(2))').forEach(element => {
    element.remove();
  }  );
      
  } 
});

下面的部分代码是我去除他的一些字体样式的文章的记录

// 删除粉红色
var elements = document.querySelectorAll('[style*="background-color: rgb(255, 244, 244)"]');
for (var i = 0; i < elements.length; i++) {
  elements[i].removeAttribute('style');
}