Follow Me

本文来自于我的公众号：geekplux

# 一个帮你重新定义名词的网站

2019-01-04 GeekPlux

### 缘起

经常在网上看到如下的图片：

觉得很有意思。于是我问了问万能的朋友圈：怎么制作这样的图片？

结果没人能给出答案，只有一个小伙伴提供了这种图片的出处是一位叫“语文指挥中心”的微博博主。

反正周六下午赋闲在家，不如撸起袖子造个轮子。这里很关键，三分钟热度的时候一定要抓住，赶紧动手，让这个热度保持的时间长一点。

其实整个项目最难的地方是拼音如何显示，总不能让用户自己输入拼音字符吧。我立马想到让用户输入声母韵母和声调，这样我可以用一个 hashMap 算出声调该标在韵母的哪个位置，但是这个方案用户用起来还是很复杂。随即我打开了真·万能的谷哥，发现 pinyinjs 可以完美解决我的需求，于是从想法到开干，总共用了几分钟。

> 这里还有个小插曲：我其实还想趁此机会尝试一下 Taro 这个框架，可以写一套代码导出 H5、微信、支付宝、头条、百度等小程序，事半功倍。但我一口气把整个项目撸完以后，发现导出的微信小程序存在很多问题，加 patch 的成本足够我重新写一个原生的小程序了，于是最终放弃 Taro。当然也可能是我使用的姿势不对，当时我是躺着写代码的。*

大概用了两三个小时，我就偷偷发布了在线版

https://new-words.now.sh/

小程序写了一大半，但是当时赶着出去吃火锅就搁置了，回来发现最关键的三分钟热度凉了，于是草草收场，等以后再拾起来吧（你懂的，以后）。

### 使用

现在的版本还存在一些问题：

- 名词那行的字数我限定了最长 10 个，一行 5 个，超过这个很难看
- 拼音转换如果支持多音字的话，拼音库大小要达到 20m+
- 移动端字体没有楷体和仿宋，现在使用 Google Font Noto 代替

项目代码我已经开源在 GitHub： https://github.com/geekplux/new_words

在线地址是： https://new-words.now.sh/

你也可以点击文末的“阅读原文”查看（记得点访问原网页，其实最好是复制到浏览器访问）。

### 发散的臆想

其实光做一个工具页面没什么意思，主要是满足我自己的需求（我估计用的人很少很少）。如果做成一个信息流可能会更好玩，把用户创造的名词存下来，其它用户可以点赞，点赞最多的上热门排行，可以分享转发。这样会不会提升使用率呢？可能只是我的臆想罢了，这个需求应该不算旺盛。

啰嗦这么多，除了发布这个工具，我想说的是：

- 想做一件事的时候就立马去做，不要犹豫，不要拖延。可能只需要半小时就把 90% 的工作都做完了。
- 剩下的 10% 其实是最难的，但是可以先发布一个初版，收集反馈再去优化迭代，发布之前的想法都是臆想。

感谢阅读，如果觉得有启发，请通过我的 Donate 页面，赞助本文。

本作品采用知识共享 署名-非商业性使用-禁止演绎 4.0 国际 许可协议进行许可。

Category: Tool
Tags: #Tool#工具
Please leave comments (点击写下你的评论)