自动给你的博客的中英文间加上空格
用 Markdown 编辑器编辑文章部署到网页时,对于英文单词频繁穿插的中文句子来说实在是有点繁琐和难看(特别是技术向文章),自从发现了有自动在博客的中英文间加上空格的脚本后,就放弃手动加空格的做法,这些频繁的工作,就交给脚本去做吧。
自动加空格的工具 pangu.js
pangu.js 是一个综合的开源项目,包括了各种平台的“自动加空格”的工具(库),比如浏览器插件、Java、Object-C、Ruby 等。比如我自己,需要用在自己的博客上,所以选择 JavaScript。
如何使用
1、首先在你的 Markdown 编辑器中,首行加上一下 js 代码:
<script src="https://cdnjs.cloudflare.com/ajax/libs/pangu/3.2.1/pangu.min.js"></script>
2、然后在适当的时刻(比如写完文章的时候)继续在 Markdown 编辑器中调用以下语句即可。
<script> pangu.spacingPage();/* 这个是博客全局都进行自动加空格处理 */ </script>
以上基本就完事了。
但是如果你不想在博客全局都自动空格处理,可根据需要将 2 中的
pangu.spacingPage();
换成下面的代码:pangu.spacingElementById('main');/* 在 id=main 的区域进行自动加空格处理 */ pangu.spacingElementByClassName('comment');/* 在 class=comment 的区域进行自动加空格处理 */ pangu.spacingElementByTagName('p');/* 在标签 p 里面进行自动加空格处理 */
如以上都配置好了,但是没有生效,可安装:
npm install pangu --save
另外,如想更改博客中字体,可至主题文件夹下,如 3-hexo/source/css 下,找到 style.styl 文件夹,第 8 行 font 中添加所需字体,如”Consolas”加到第一个,可优先被调用。
欢迎各位看官及技术大佬前来交流指导呀,可以邮件至 jqiange@yeah.net