目录

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

目录

以前写博客,不太注意排版细节,而且那个时候也还没有 Markdown。
最近无意中点开几篇老文章看起来比较混乱。
所以决定统一调整一下格式,其中有一项就是把中英文之间自动加上空格。
本文主要讲怎么把中英文之间怎么自动加上空格。

GitHub 上有 2 个项目:

https://github.com/vinta/pangu.js

https://github.com/mastermay/text-autospace.js

我选用了 pangu.js
(当然也有 PHP 版本的:pangu.php

# 用法
1、在 footer.php 中引入 pangu.js:

1
<script src="//cdn.jsdelivr.net/npm/pangu@4.0.7/dist/browser/pangu.min.js"></script>

(我加了白名单,请勿直接引用的我 cdn。)

2、在 footer.php 中加上:

1
<script>pangu.spacingElementById ('main');</script>

其中:

1
 pangu.spacingElementById ('main');

可以替换成:

1
2
3
  pangu.spacingElementById ('main');
  pangu.spacingElementByClassName ('comment');
  pangu.spacingElementByTagName ('p');

PS:pangu.js CDN:

1
2
3
4
5
6
7
8
 #  jsDelivr
 <script src="https://cdn.jsdelivr.net/npm/pangu@4.0.7/dist/browser/pangu.min.js"></script>
 
 # cdnjs
 <script src="https://cdnjs.cloudflare.com/ajax/libs/pangu/4.0.7/pangu.min.js"></script>
 
 # 75 团 baomitu
 <script  src="https://lib.baomitu.com/pangu/4.0.7/pangu.min.js"></script>
Pre-generated by ChatGPT 3.5
这篇文章介绍了在Typecho中如何实现在中文和英文之间自动加上空格的方法。作者发现之前写的博客排版比较混乱,因此决定统一格式。作者选用了pangu.js这个项目来实现自动加空格的功能,并提供了具体的用法和引用方法。文章中给出了将pangu.js引入到footer.php中,并加上相应的代码的步骤。作者还提到了pangu.js的CDN链接。