安装这个插件，网页排版变好看了

最近写了一个用于中文排版格式化的 Chrome 插件：Doctor Jones （琼斯医生），作用是美化你当前正在浏览的网页的中文排版，包括中英文混排。

插件作用

举例来说，如果页面上本来有这样一段文字：

比方说 adobe 的 photoshop 系列，ANSYS、Dassault System、Autodesk 那些 maya 3D Max， 微软的 office 系列、matlab、Mathematica、英伟达的显卡驱动程序、甚至现在用得最广泛的 tensorflow 本 ten.

全都是“面向解决问题的开发”。

经过琼斯医生格式化后，你看到的页面就变成了：

比方说 adobe 的 photoshop 系列，ANSYS、Dassault System、Autodesk 那些 maya 3D Max， 微软的 office 系列、matlab、Mathematica、英伟达的显卡驱动程序、甚至现在用得最广泛的 tensorflow 本 ten.

全都是「面向解决问题的开发」。

更加具体的介绍可以查看这篇专栏，获取插件请点击这里。

Under the Hood

Chrome 插件所依赖的核心是之前写的一个方法，它接收一个字符串和一个配置对象，返回格式化后的字符串。这个方法也发布成了一个 npm 包，地址在这里，具体用法如下：

import dj from 'doctor-jones'

dj('2019 年 8 月') // => 2019 年 8 月
dj('2019 年 8 月', { spacing: false }) // => 2019 年 8 月

它的源码在这里，更加具体的介绍可以查看这篇专栏。

衍生项目

由以上方法还衍生出了一个 webpack loader （源码），作用是将代码中的文本格式化，直观过程可以查看这个动图。

上面三个项目的文档链接在此，也欢迎各位去源码仓库点一波 star。

efcndi

2019-08-30 12:58:02 +08:00

@dazkarieh #24 作为一个有文字洁癖强迫症的人，我是特别厌恶那种手动在中英文之间加空格的行为，每次看到了都忍不住要去删除。本来这玩意属于排版、渲染处理的范畴，就好像 MS Office 自动增大中英文之间的字间距（而不是添加一个空格）；但是通过手动添加，就成了内容层面的处理，这里多了不应该存在的东西。

换作数学语言来描述，一个值为零和一个值为空，虽然对很多人来说，表面上看起来差不多，但实际上二者差了十万八千里。极度厌恶这种“混为一谈”！

dazkarieh

2019-08-30 15:18:00 +08:00

@efcndi #34 我反对在文字创作编辑时手动加间隙，但坚决拥护中英文之间加空隙（包括但不限于空格）隔断。在更智能的通用型排版软件 /方案出现前，我会选择尽量用第三方工具去实现(pangu)或者假装已经实现（ chrome 插件）。

加空格并非排版行业的规范，只是大多数人（尤其是平面印刷）采取的一种共识性、暂时性的妥协办法，对于不同的平台、不同的软件，如果文字量不多，加空格是成本最低、门槛最低的临时解决方案。

这个话题在知乎上已是老生常谈，追溯起来还有 v 站站长 Livid 的一份功劳。
https://www.zhihu.com/question/19587406

yinet

2019-08-30 21:55:40 +08:00

引号和括号是作用是不一样的

4.8 引号

4.8.1 定义

标号的一种，标示语段中直接引用的内容或需要特别指出的成分。

4.8.2 形式

引号的形式有双引号““””和单引号“‘’”两种。左侧的为前引号，右侧的为后引号。

4.9 括号

4.9.1 定义

标号的一种，标示语段中的注释内容、补充说明或其他特定意义的语句。

4.9.2 形式

括号的主要形式是圆括号“（）”，其他形式还有方括号“［］”、六角括号“〔〕”和方头括号“ [ ] ”等。