这篇文章我早就应该要写,结果也不知道为什么忘写了(
虽然之前提到过这个,但并没有给出部署教程,说了跟没说一样,而且有点过时了:
因此,这个文章是对这一段内容的扩充。
pangu.js的Github卡片
详细的部署步骤
使用CDN快速导入库
<head>
...
<script src="https://cdnjs.cloudflare.com/ajax/libs/pangu/4.0.7/pangu.min.js"></script>
...
</head>
为文字添加空格
这需要分情况,但大多数情况下是为整个页面的文字添加空格,只需在</body>
前插入:
...
<script>
document.addEventListener('DOMContentLoaded', () => {
pangu.autoSpacingPage();
});
</script>
</body>
如果只是想给特定的对象添加空格,但不要波及到整个页面,就插入:
...
<script>
pangu.spacingElementById('main'); // 只给 id 为 main 的元素添加空格
pangu.spacingElementByClassName('comment'); // 只给 class 为 comment 的元素添加空格
pangu.spacingElementByTagName('p'); // 只给 p 元素添加空格
</script>
</body>
可根据实际需求修改。
好像确实有点需要这个功能来提高美感了。
厉害哦