给你的网站加上“盘古之白”

这篇文章我早就应该要写,结果也不知道为什么忘写了(

虽然之前提到过这个,但并没有给出部署教程,说了跟没说一样,而且有点过时了:

因此,这个文章是对这一段内容的扩充。

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>

可根据实际需求修改。

注意:
除非另有声明,本文可以自由使用、转载和二次创作,但需注明作者,并以相同许可协议分享,且不得用于商业目的。详情请参阅:CC BY-NC-SA 4.0许可协议。

- 标题:给你的网站加上“盘古之白”
- 作者:Pinpe
- 链接:https://blog.pinpe.top/3613/

评论

  1. 3 周前
    2024-10-31 0:16:48

    好像确实有点需要这个功能来提高美感了。

  2. QiuYang
    3 周前
    2024-10-30 23:28:58

    厉害哦

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
呼呼
上一篇
下一篇