为什么

默认的网页排版中,中西文之间没有空格,显得不美观。而如果想要实现带空格的效果,一般做法是在写文章的时候手动在中文和英文之间添加空格,这种方式效率极低并且需要对以往没有添加空格的文章进行更新,所以如果有一种方法可以自动在中英文之间添加空格,对于写作者来说可谓是非常省心的了。pangu.js这个项目就是对应这种需求

為什麼你們就是不能加個空格呢?

如何添加

在网页<head>...</head>中添加如下内容

全局模式

<script src="https://cdn.jsdelivr.net/npm/pangu@4.0.7/dist/browser/pangu.min.js"></script>
<script>
    document.addEventListener('DOMContentLoaded', () => {
        pangu.spacingPageBody();
    })
</script>

指定元素模式

<script src="https://cdn.jsdelivr.net/npm/pangu@4.0.7/dist/browser/pangu.min.js"></script>
<script>
    document.addEventListener('DOMContentLoaded', () => {
        pangu.spacingElementById('main');
        pangu.spacingElementByClassName('comment');
        pangu.spacingElementByTagName('p');
    })
</script>

效果

"當你凝視著bug,bug也凝視著你"

“當你凝視著bug,bug也凝視著你”