Typecho 中英文之间自动加上空格

Typecho 中英文之间自动加上空格

💡 原文中文,约1100字,阅读约需3分钟。
📝

内容提要

本文介绍了如何在 Typecho 中自动为中英文之间添加空格,使用 pangu.js 库,并提供了在 footer.php 中引入和使用的具体方法。

🔎

延伸解读

为什么需要自动加空格

文章提到,作者以前写博客不太注意排版细节,且当时没有 Markdown,导致老文章看起来比较混乱。因此决定统一调整格式,其中一项就是自动在中英文之间添加空格。这反映了中文排版中常见的可读性问题,自动加空格能提升阅读体验。

pangu.js 的引入与使用

文章选用 pangu.js 库,并给出了在 Typecho 的 footer.php 中引入的方法:通过 script 标签加载 pangu.min.js,然后调用 pangu.spacingElementById('main') 来对指定元素内的中英文自动加空格。作者还提醒不要直接引用其 CDN,并提供了其他 CDN 选项。

灵活选择作用范围

除了按 ID 选择,pangu.js 还支持按类名和标签名选择元素,例如 pangu.spacingElementByClassName('comment') 和 pangu.spacingElementByTagName('p')。这意味着你可以针对评论区域或所有段落分别应用空格处理,根据实际页面结构灵活调整。

❓

Q&A

如何在 Typecho 中自动添加中英文之间的空格?

可以使用 pangu.js 库来实现中英文之间的空格自动添加。

在 Typecho 的 footer.php 中如何引入 pangu.js?

在 footer.php 中引入 pangu.js 的方法是:<script src="//cdn.jsdelivr.net/npm/pangu@4.0.7/dist/browser/pangu.min.js"></script>。

如何在 Typecho 中应用 pangu.js 进行空格处理?

在 footer.php 中添加代码:<script>pangu.spacingElementById ('main');</script>,以应用空格。

pangu.js 支持哪些选择器?

pangu.js 支持选择器如 pangu.spacingElementByClassName ('comment') 和 pangu.spacingElementByTagName ('p')。

pangu.js 的 CDN 地址有哪些?

pangu.js 的 CDN 地址包括 jsDelivr 和 cdnjs,分别是:<script src="https://cdn.jsdelivr.net/npm/pangu@4.0.7/dist/browser/pangu.min.js"></script> 和 <script src="https://cdnjs.cloudflare.com/ajax/libs/pangu/4.0.7/pangu.min.js"></script>。

使用 pangu.js 有哪些替代方案?

除了 pangu.js,还有 PHP 版本的 pangu.php 可供选择。

🏷️

标签

➡️

继续阅读