小程序「神奇字体」的从零到一

成品是下边的小程序，神奇字体，能够生成不一样样式的字体，𝓘 𝓵𝓸𝓿𝓮 𝔂𝓸𝓾 𝓽𝓱𝓻𝓮𝓮 𝓽𝓱𝓸𝓾𝓼𝓪𝓷𝓭. 在各个平台使用。

从 5 月 2 号晚上开始构思执行，到 3 号凌晨上线 web，到 4 号上线小程序「神奇字体」， 到今天 6 号成功开通了流量主，应该能赚点零花钱，哈哈哈哈。复盘一下整个过程，本身遇到的问题，本身使用的工具。

2 号下午

在微信群里看到有人问 𝙄 𝙡𝙤𝙫𝙚 𝙮𝙤𝙪 𝙩𝙝𝙧𝙚𝙚 𝙩𝙝𝙤𝙪𝙨𝙖𝙣𝙙. 是怎么生成的？

晚上碰到电脑，就开始研究，直到凌晨 3 点多完成了 text.windliang.cc 网页的上线和在石墨写了一篇总结的文章 shimo.im/docs/onTncz… 。

原文以下：

最后的成果，text.windliang.cc/

说一下本身的脑回路。

昨天下午在微信群看到有人问，下图的英文怎么打出来的。

​

做为一个学计算机的，这我就不服了，因而开始了探索之路。

首先想到了 Unicode 字符集，必定是这里做怪，晚上回去后，开始试验。

直接复制这句话，到浏览器控制台。

​

没什么问题，而后去掉全部字母，只保留第一个字母 “𝙄”，而且输出一下它的长度。

​

果真是 2，之因此 2 就是由于 js 内部是用 utf-16 编码，正常状况是 2 个字节表明一个字符。好比正常的 a 字符，它内部字节就是 0x0061。然后来扩充了不少字符，一个字符就须要 4 个字节表示，咱们一直用的 emoji 字符就是这样的。

​

这块是很大一块内容，先不说了，接着讲后边的事情。

知道了这个之后，本身固然想着，就作一个转任意字母的网页吧，而后问题又来了？这些字符的码点值都是多少？

​

能够看到 “𝙄” 码点值是 0x1d644。而后就去查 Unicode 全部的码点值了，而后就找到了下边的网站。www.unicode.org/charts/。

​

这里包含了全部的字符集，那怎么找到咱们要的呢？观察到他每个都是 PDF 连接，并且命名都是以码点范围来命名的。因而

​

直接打开控制台去搜，就找到了咱们要找的那个字符。发现他是 Mathematical Alphanumeric Symbols 下的，数学字母数字符号。

​

万事俱备，只欠东风，有了对应关系，只须要作加法就好了，下边几句就是代码的关键了。

​

因为最近看了几天 Vue 的书，想着就当一个练手项目吧，因而就敲着敲着，就好晚了。

至此，text.windliang.cc 诞生了。

以上是原文，下边介绍下我用到的工具。

网站我直接使用的 github 的 pages 服务，简单来讲，它能够免费托管任何的静态网站，本意是用来写博客的，但我以为可能被我玩坏了，写了好多网页都直接部署在上边，方便快捷不要钱。它会提供 github.io 的域名，也可使用本身的域名。我直接用了本身的 windliang.cc 域名，而后绑了二级域名 text，域名如今很便宜的，一年也就几十块钱，并且买了域名后，二级域名也能够绑理论上无数个域名，例如个人 idea.windliang.cc ，love.windliang.cc ，leetcode.windliang.cc 都是同一个域名下的，并且都是在 github 上放着。

以前写的网页都没有加网站访问量的，那天晚上忽然想到这个程序也许会火呀，就加了一个最简单的流量统计，不蒜子提供的统计服务，简单到什么程度呢，加一句代码，就知道网站访问量，固然也只有访问量。

以后分别在朋友圈和知识星球「帅张和他的朋友们」发了一下就睡了，此时已是凌晨 3 点了，每次一写程序老是停不下来，哈哈哈哈哈哈哈哈哈。

3 号上午

9 点起来后，网页的浏览量已通过千了，而后分别在微信群「大猫城堡」和「增加黑盒」发了本身的网页，而后就又睡了，再起来就 12 点多了。

而后发现你们在群里都反馈的不错，而且都试用了一下，有不少群友建议能够作一个小程序，认识了 @森淼。 因为以前也没有接触太小程序，而后下午就开始研究了。

期间 @增加黑盒 Alan帮推了朋友圈，下午的时候发现网页浏览量在持续上升，我记得好像有两三千了。晚上的时候，同窗又和我说在即刻看见 @刀姐doris 帮推了一下。

3 号晚上

到了 22：20 ，小程序基本功能实现，而后和女友要图标，哈哈哈哈。

而后处理了一下细节，23：44 提交了小程序，发了朋友圈，创建了一个群，让你们找找 BUG 提提意见，此时网页浏览量已经达到了 6000。

而后，群里的小伙伴反馈了一下，就去睡了。

4 号中午

11 点起来以后，发现小程序审核失败了，多是由于本身在文字里加了「若是喜欢，能够分享」相似的话，而后去掉后又提交了一次，审核的很快，好像不到半小时就审核经过了。就是下边的初版，看起来很粗糙的样子。

接下来，在朋友圈和微信群「大猫城堡」、「增加黑盒」分享了小程序，在知识星球「路人甲乙丙」分享了一下。

而后，在网页里加上了小程序名字，后来又加上了小程序的二维码。

到了晚上，基本的功能完成了，而后在女友的指导下把页面美化了一下，不少细节处理一下，以后又提交了。

5 号

小程序开通流量主的条件是 UV 达到 1000，而 4 号一天 UV 是 700 多，因此还未达标。 5 号的时候，认识了 @张佳，是 @森淼 推荐的，而后 @张佳 帮在他的知识星球「数据和黑科技」推了一下小程序和 @wulujia 老板的「产品学徒」星球推了小程序。

还有许多我不知道的人帮我作了分享，在此感谢你们。

而后继续作了细节的优化，提交了一版小程序。

6 号

也就是今天，上午的时候进入小程序主页，发现达到了开通流量主的条件，发现开通的话须要银行卡，身份证的照片，无奈身上没有。等到下午女友回到屋里，给我了照片，开始了申请。差很少一个小时，银行卡信息经过了。而后就将广告代码，加入小程序中，提交审核。差很少又是一个小时，审核经过。接下来是，广告组件的审核，差很少快一个小时，收到了一条短信，

上网页看，广告组件也审核经过了，整体上微信的审核速度仍是蛮快的，工做时间应该是周一到周五，9点 - 21点；周六周日，9 点 - 19点，晚上发的基本是次日上午经过审核，至此小程序就基本完成了。

数据分享

分享一下小程序，不到三天的数据。

主要传播渠道就是微信群、知识星球、朋友圈，还有网页留下的小程序码。

总结

主要用到了石墨文档，github pages 服务，不蒜子，知识星球。

像@刘大猫讲的，开始网页没有留任何沉淀流量的东西，二维码，微信相似的，形成了前期的一些流量的浪费。对于流量的沉淀，本身这方面一直没有很深的体会，之后能够多看一些案例学习。还有因为本身的 .cc 域名不能备案，在微信会先跳转到微信 110 ，对用户来讲不方便。

有不少人夸本身的执行力，我以为只是本身很喜欢编程吧，当热爱一件事情的时候，就会很想把它作好，作完，还有就是一种要作就要作完的精神。

以上就是整个过程了，但愿对你们有些许帮助。