小程序「神奇字體」的從零到一

成品是下邊的小程序，神奇字體，能夠生成不一樣樣式的字體，𝓘 𝓵𝓸𝓿𝓮 𝔂𝓸𝓾 𝓽𝓱𝓻𝓮𝓮 𝓽𝓱𝓸𝓾𝓼𝓪𝓷𝓭. 在各個平臺使用。

從 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 ，對用戶來講不方便。

有不少人誇本身的執行力，我以爲只是本身很喜歡編程吧，當熱愛一件事情的時候，就會很想把它作好，作完，還有就是一種要作就要作完的精神。

以上就是整個過程了，但願對你們有些許幫助。