首先感谢你扫了二维码并点开了这条消息. 没错, 正和你猜的一样, 我以后应该不会直接在任何社交平台上传文字或者直接的图片信息了. 我所有的技术性文章, 笔记, 和日常吐槽均会上传到我个人服务器并用二维码的方式发放. 并且我也会逐渐的把原来的一些文章转到服务器上.
第一, 也是我做这个东西的初衷, 就是避开社交平台对我内容的审查. 因为他们不太可能通过二维码实时爬我的网站并记录下网站信息(这样做他们服务器占用资源太大), 所以我就有 100% 对我文章内容的控制. 并且可以逃逸某些社交平台的关键词检索以发布一些有带敏感字眼的内容.
第二, 我可以对我的内容进行分析. 嘛, 可能是我对数据有独特的热衷 (这也体现在我非常注重数据备份上, 特别是本地备份), 一点点的数据流失 (相当于不小心的熵增) 都是不允许的. 只要有了数据, 加上代码, 可以做到大多数想做的事情. 比如自动同步我最近发的消息或学过的课程到我的个人主页之类的... 也可以从我个人主页引流, 甚至两篇文章细分到 section 之间相互 reference 的功能也可以做. 所以为了尽可能整洁, 这个网站会作为我所有社交媒体文章的来源. 这个网站会为我一键生成二维码并且我可以只以一张图片的形式发布出去. 比较 organized. 并不只是社交媒体, 我在 CMU 上课的笔记 (都用 Markdown 和 Latex 写的) 也都会发布在这里, 方便大家查阅或者提前看看这门课都在学啥. 以后谁要我的笔记直接甩他一脸二维码就好.
第三, 你可以知道我最近都在干啥. 你可以很方便的在相同内容的文件夹内上下翻页. 当然, 因为懒, 所以 tag 和搜索的功能还没来得及做出来, 以后慢慢做.
第四, 看看我这个排版, 多好看啊. 它比微信什么的排版好看多了. 这也方便了你的阅读. (实话说, 等我写完我才发现我好像 implement 了一个类似知乎的渲染引擎?) 整个网站都是我 html 和 css 一笔一划画出来的. 它甚至能渲染 \LaTeX.
第五, 这样手机也能看笔记. 蹲厕所的时候也能复习咯! ~(≧▽≦)/~啦啦啦
这个网站是用 flask 架构的. 每次访问时它会自动将 Markdown 格式的笔记通过一系列规则渲染到 html 上. (当然我也配合了 JavaScript 来处理一些比较难在服务端实现的功能, 比如 Table of Content 生成.)
目前实现的功能有:
image zoom: 点击自动放大图片
auto image description: 自动生成图片脚注
image dynamic sizing: 自适应图片大小
code block: 代码框, 包括长代码和短代码
auto table-of-content: 自动生成目录
smart line break indicator: 换行符 (有时候是否换行比较难以分辨)
page flipping: 上下翻页
auto copy href: 点击标题自动拷贝链接
latex: 数学公式渲染, 包括长公式和短公式
nested list: 多层 list 渲染 (艹, list 的中文是啥来着?)
qrcode: 先用 chisese-word segmentation 分词然后用 TF-IDF 分析文本 来做 wordcloud 最后生成用带有数字指纹的二维码图片 (一张图片好麻烦的)
目前网络安全:
支持 https 和 SSL 协议, 并且强制你使用 https
暂时没使用任何 cookie
防范 X-Frame 的点击劫持
使用 Content Security Policy 防止 Cross Site Scripting (well, not as much)
many other minor security settings...
目前尚未实现的功能有:
tags: 每个文章的标签
search: 用来搜索标签
auto-translate: 也许搞个本地自动中英文翻译系统, 这样我就不用翻译我写的文章了?
toc mobile: toc 自适应手机端
friendly print: 把 print 的格式做特殊渲染, 这样导出 pdf 比较好看
code line: codeblock 加入行号
code copy: codeblock 自动复制
目前的 bug:
标题无法有 latex
长 latex 手动需要空行
目前考虑自动分发到的社交平台:
Instragram
Zhihu
嗯, 就这样啦.
Table of Content