#可交互的博客
看过一个视频介绍任天堂游戏好玩的一个秘诀是处处可交互，比如游戏人物踢一块石头都是有反应的，这种处处存在的非常小的细节让整个游戏变的生机勃勃，也让玩家感觉到了沉浸式的体验。
这给予我一个启发，如何让文字为主的博客变得有吸引力？
我能想到的有以下几点：
1. 沉浸式的有个性的排版风格。在我的博客里我给文章主体加了一个从下往上浮动的动画，这给文章的出现一种仪式感。当文章出现后背景会有一层小的阴影，能凸显文章主体。另外就是加入了中英文混排系统与自定义的字体，这一切都是为了给予读者一种独特的阅读体验。
2. 可交互的图表。我们都知道一图胜千言，而能交互的图表尤其是有动画的更是胜千图。目前我博客集成了Markmap、Mermmaid、Graphviz与Plotly等图表库，这些图标库都能给读者带来一些交互式的体验，与传统的图片相比，这些有动效的图片能让人印象深刻，具体可以看这篇文章体验：https://www.bmpi.dev/self/my-drawing-toolbox/
3. 交互式的代码编辑器。作为一个技术博客，如果能将代码片段直观的运行起来，就会让代码不在是文本，而是可执行的指令，能给读者带来直观的体验。这个我计划将博客集成一些在线code runner来实现。
4. 书签分享功能。当读者阅读到不错的片段想给人分享时，直接复制或发送网址不是一个好的体验，尤其是在移动端的时代。所以我在博客集成了类似微信读书分享书签的功能，复制任意段落就能看到分享书签的按钮，点击后一张带有二维码的书签图片就自动生成了。
5. 打印功能。当读者觉得这篇文章很不错甚至想打印出来看的时候，一般的博客都会将整个网页打印出来，会非常的难看。我在博客专门设计了打印的样式，确保只有文章主体被打印出来，还需要考虑可交互的图表及排版都能以适合打印的方式被打印出来，这样整个博客甚至很容易变成一本实体小册子。
6. 极快的加载速度。丰富的功能不应该以牺牲加载速度为代价的。所以我在博客加载速度方面做了很多尝试，比如CDN+静态资源懒加载，还有预加载资源与PWA的支持，这些都希望将博客的打开速度体验转变成类App的体验。
以上就是我在提高博客可交互性方面做的一些尝试，博客与实体书不同，博客有着自身的优势，除了超链接外还可以具备很好的交互性，这些交互性与视频那种不同，这种交互性应该能带来与纸书与视频完全不同的体验，让读者能够以印象深刻的方式阅读下来，最终这些体验会反映到你博客用户停留时间的大幅度增长及很低的跳出率上来，而这又会间接影响博客的搜索流量。
看过一个视频介绍任天堂游戏好玩的一个秘诀是处处可交互，比如游戏人物踢一块石头都是有反应的，这种处处存在的非常小的细节让整个游戏变的生机勃勃，也让玩家感觉到了沉浸式的体验。
这给予我一个启发，如何让文字为主的博客变得有吸引力？
我能想到的有以下几点：
1. 沉浸式的有个性的排版风格。在我的博客里我给文章主体加了一个从下往上浮动的动画，这给文章的出现一种仪式感。当文章出现后背景会有一层小的阴影，能凸显文章主体。另外就是加入了中英文混排系统与自定义的字体，这一切都是为了给予读者一种独特的阅读体验。
2. 可交互的图表。我们都知道一图胜千言，而能交互的图表尤其是有动画的更是胜千图。目前我博客集成了Markmap、Mermmaid、Graphviz与Plotly等图表库，这些图标库都能给读者带来一些交互式的体验，与传统的图片相比，这些有动效的图片能让人印象深刻，具体可以看这篇文章体验：https://www.bmpi.dev/self/my-drawing-toolbox/
3. 交互式的代码编辑器。作为一个技术博客，如果能将代码片段直观的运行起来，就会让代码不在是文本，而是可执行的指令，能给读者带来直观的体验。这个我计划将博客集成一些在线code runner来实现。
4. 书签分享功能。当读者阅读到不错的片段想给人分享时，直接复制或发送网址不是一个好的体验，尤其是在移动端的时代。所以我在博客集成了类似微信读书分享书签的功能，复制任意段落就能看到分享书签的按钮，点击后一张带有二维码的书签图片就自动生成了。
5. 打印功能。当读者觉得这篇文章很不错甚至想打印出来看的时候，一般的博客都会将整个网页打印出来，会非常的难看。我在博客专门设计了打印的样式，确保只有文章主体被打印出来，还需要考虑可交互的图表及排版都能以适合打印的方式被打印出来，这样整个博客甚至很容易变成一本实体小册子。
6. 极快的加载速度。丰富的功能不应该以牺牲加载速度为代价的。所以我在博客加载速度方面做了很多尝试，比如CDN+静态资源懒加载，还有预加载资源与PWA的支持，这些都希望将博客的打开速度体验转变成类App的体验。
以上就是我在提高博客可交互性方面做的一些尝试，博客与实体书不同，博客有着自身的优势，除了超链接外还可以具备很好的交互性，这些交互性与视频那种不同，这种交互性应该能带来与纸书与视频完全不同的体验，让读者能够以印象深刻的方式阅读下来，最终这些体验会反映到你博客用户停留时间的大幅度增长及很低的跳出率上来，而这又会间接影响博客的搜索流量。
BMPI
我的绘图工具箱
本文分享我常用的绘图工具，包括白板绘图、文本绘图、代码绘图与专业绘图等工具。
#Twitter增长Tips
昨天花了几分钟写了两条Tweet：
https://twitter.com/madawei2699/status/1520732734389321728?s=21&t=VKCaOxvIo3lk2fJkGn6SdQ
https://twitter.com/madawei2699/status/1520591604146335750?s=21&t=VKCaOxvIo3lk2fJkGn6SdQ
带来了几百followers，这两条tweet合计点赞上千了，被阅读了超十万次，总共花了不到一天时间。
我想从这两个tweet介绍下社交媒体里通过内容“借力打力”的增长玩法。这实际上是我屡试不爽的一个手法，从撰写这两个tweet时我已经想到了可能会火，实际上也远超预期，花的时间很少。
这两个tweet的共同点是引用别人的tweet并新增自己的内容，这也是“借力打力”的玩法。通常来说当你刷twitter时看到好的内容，自己也可以补充一些额外的内容时，点赞和评论不是好的方式，你需要引用转载并写上自己的内容，内容的特点一定是简单直接的推荐内容，比如这两个tweet都是内容推荐类型，第一个是一本书的推荐，第二个是网站的推荐，社交媒体里内容推荐类型算是很受欢迎的，所以容易产生爆点。
这个手法非常简单，哪怕你的关注者人数少也可以玩的起，只需要内容比较受欢迎即可。
推荐玩twitter的或其他社交媒体的同学尝试下这种手法。这很容易复刻的，一旦掌握这种手法的套路，followers自然会很快积累起来的。
另外如果你引用的tweet变火的话，你的tweet也会水涨船高，但如果你引用的tweet不火，但如果你自身followers较多或者你补充的内容受欢迎也可能会变火的。这就是相比直接发tweet这种方式，引用tweet可以做到“借力打力”的原因。
昨天花了几分钟写了两条Tweet：
https://twitter.com/madawei2699/status/1520732734389321728?s=21&t=VKCaOxvIo3lk2fJkGn6SdQ
https://twitter.com/madawei2699/status/1520591604146335750?s=21&t=VKCaOxvIo3lk2fJkGn6SdQ
带来了几百followers，这两条tweet合计点赞上千了，被阅读了超十万次，总共花了不到一天时间。
我想从这两个tweet介绍下社交媒体里通过内容“借力打力”的增长玩法。这实际上是我屡试不爽的一个手法，从撰写这两个tweet时我已经想到了可能会火，实际上也远超预期，花的时间很少。
这两个tweet的共同点是引用别人的tweet并新增自己的内容，这也是“借力打力”的玩法。通常来说当你刷twitter时看到好的内容，自己也可以补充一些额外的内容时，点赞和评论不是好的方式，你需要引用转载并写上自己的内容，内容的特点一定是简单直接的推荐内容，比如这两个tweet都是内容推荐类型，第一个是一本书的推荐，第二个是网站的推荐，社交媒体里内容推荐类型算是很受欢迎的，所以容易产生爆点。
这个手法非常简单，哪怕你的关注者人数少也可以玩的起，只需要内容比较受欢迎即可。
推荐玩twitter的或其他社交媒体的同学尝试下这种手法。这很容易复刻的，一旦掌握这种手法的套路，followers自然会很快积累起来的。
另外如果你引用的tweet变火的话，你的tweet也会水涨船高，但如果你引用的tweet不火，但如果你自身followers较多或者你补充的内容受欢迎也可能会变火的。这就是相比直接发tweet这种方式，引用tweet可以做到“借力打力”的原因。
Twitter
madawei
这本名为《Google的软件工程》的书可以免费在线看了，虽然是英文版但读起来生词并不多，看了下大纲整体质量挺不错的。 从文化、流程与工具三大部分介绍了Google是如何打造独特的软件工程文化的，包含了团队建设与协作、Code Review、文档、测试、版本与分支管理、CI/CD、代码静态分析与依赖管理等。 twitter.com/addyosmani/sta…
#博客外链渠道的打造
附图是这个Tweet：https://twitter.com/madawei2699/status/1521309528028958720?s=21&t=4D5Z6eLMK8USXuO7HjoinA 带来的流量。
这个tweet依旧花了几分钟时间。我想分享的是拥有自己社交媒体渠道是博客最好的外链平台。
博客外链的建设有以下几种方式：
1. 其他网站因为内容好而引用博客文章带来的外链；
2. 给其他网站撰写guest post来获取外链；
3. 主动给其他网站站长联系推广（可以表达自己的文章能补充此网站的内容主题）自己的文章来获取外链；
4. 主动去论坛、社区发帖获取外链；
5. 在自己的社交媒体上推广自己的文章；
前三种都是真正能给博客带来follow链接（可传递SEO权重）的外链的方式。缺点在于成本高，需要不断主动去寻找合适的网站，还得有强的说服沟通能力，这种一般专业的SEOer会去做，普通博客主很少这么去做。
第4、5种是我们可以以低成本的方式去做的，可能第5种需要自己花点时间去主动构建打造个人品牌，但第5种显然有长期积累的效果。第4种的问题在于在别人的平台上发帖需要遵循相关社区的规定，长期操作有点难，也就是很难获得稳定的外链与流量增长。但第5种随着你followers的增长也会有源源不断的流量增长的。虽然第4、5种都是no follow的外链（不传递SEO权重），但它们都能带来引荐流量的增长，最终也能提高SEO的排名与流量，但第5种对SEO来说会更快速的影响文章的搜索排名。
所以推荐长期采用第5种的方式来推广你的博客。
附图是这个Tweet：https://twitter.com/madawei2699/status/1521309528028958720?s=21&t=4D5Z6eLMK8USXuO7HjoinA 带来的流量。
这个tweet依旧花了几分钟时间。我想分享的是拥有自己社交媒体渠道是博客最好的外链平台。
博客外链的建设有以下几种方式：
1. 其他网站因为内容好而引用博客文章带来的外链；
2. 给其他网站撰写guest post来获取外链；
3. 主动给其他网站站长联系推广（可以表达自己的文章能补充此网站的内容主题）自己的文章来获取外链；
4. 主动去论坛、社区发帖获取外链；
5. 在自己的社交媒体上推广自己的文章；
前三种都是真正能给博客带来follow链接（可传递SEO权重）的外链的方式。缺点在于成本高，需要不断主动去寻找合适的网站，还得有强的说服沟通能力，这种一般专业的SEOer会去做，普通博客主很少这么去做。
第4、5种是我们可以以低成本的方式去做的，可能第5种需要自己花点时间去主动构建打造个人品牌，但第5种显然有长期积累的效果。第4种的问题在于在别人的平台上发帖需要遵循相关社区的规定，长期操作有点难，也就是很难获得稳定的外链与流量增长。但第5种随着你followers的增长也会有源源不断的流量增长的。虽然第4、5种都是no follow的外链（不传递SEO权重），但它们都能带来引荐流量的增长，最终也能提高SEO的排名与流量，但第5种对SEO来说会更快速的影响文章的搜索排名。
所以推荐长期采用第5种的方式来推广你的博客。
#社交媒体的黑盒测试
附图是我在即刻上发的一张图片，图片源自Twitter上看的一个图，当看到这张图是我就知道发到即刻肯定能获取一波点赞。
这个图本身没啥意思，但通过这张图可以测试一个平台上用户此刻对内容的偏好。玩社交媒体我们可以把自己当作一个平台的内容QA，通过给平台喂养内容来获取反馈，这些反馈可以以点赞、转发与评论的方式来体现。
通过这种训练可以不断提高自己对此平台的内容敏感度，这样就可以更容易创作出可能受欢迎的内容了。
为了不让这种方式过于浪费我们宝贵的时间，一定要选择一个自己主要获取信息的平台去测试，这样我们每天在获取资讯的同时也完成了内容的输出与影响力的提高，同时还能训练提高自己内容营销的能力。
附图是我在即刻上发的一张图片，图片源自Twitter上看的一个图，当看到这张图是我就知道发到即刻肯定能获取一波点赞。
这个图本身没啥意思，但通过这张图可以测试一个平台上用户此刻对内容的偏好。玩社交媒体我们可以把自己当作一个平台的内容QA，通过给平台喂养内容来获取反馈，这些反馈可以以点赞、转发与评论的方式来体现。
通过这种训练可以不断提高自己对此平台的内容敏感度，这样就可以更容易创作出可能受欢迎的内容了。
为了不让这种方式过于浪费我们宝贵的时间，一定要选择一个自己主要获取信息的平台去测试，这样我们每天在获取资讯的同时也完成了内容的输出与影响力的提高，同时还能训练提高自己内容营销的能力。
#Twitter增长Tips
如图是我Twitter账号followers的增长曲线，注册Twitter刚满10年，前九年followers增长不到1K，最后一年增长到10K多，发了有两千多条Tweet，如果平均按100个字来算，差不多写了有20万字。最难的是刚开始两千followers的时候，之后增长速率一直很稳定。最快的是五月份发了8条Tweet就新增了1.3K的关注。
到这个阶段可以来个关于Twitter增长的总结了，我的几点经验是：
1. 写Tweet尽可能采用“借力打力”的方式，多引用大V大的Tweet去补充些信息，当然也可以试试在评论区评论。
2. 多写简单直白有价值的信息。因为一个Tweet只有一百多字，并且要在短时间让受众喜欢，就需要写简单且有价值的Tweet，比如个人经验总结、资料分享等。
3. 可尝试参与Space直播，这也是快速获取followers的一种方式，如果有你可以提供价值的主题，可以多参与进去。
4. 多关注一些有价值的Twitter博主，一般可以重点关注上百个，这些博主写的都是你感兴趣的领域，每天在刷Tweets（获取高质量信息）的过程中找寻可以发Tweet的机会，利用引用转载的方式提供可补充信息的Tweets。
5. 在推广个人博客文章的时候，有图尽可能配图并写一段总结性的短文。写Tweet其实可以锻炼个人提取总结大纲的能力，如果能画思维导图传播效果会更好。
6. 少即是多。如果想运营一个带个人品牌的Twitter账号，那么和你个人关注领域无关的一些信息可以少发，这些内容我一般会发到即刻或Telegram。可能这也是我的followers数和Tweets数之比能大于4。
如图是我Twitter账号followers的增长曲线，注册Twitter刚满10年，前九年followers增长不到1K，最后一年增长到10K多，发了有两千多条Tweet，如果平均按100个字来算，差不多写了有20万字。最难的是刚开始两千followers的时候，之后增长速率一直很稳定。最快的是五月份发了8条Tweet就新增了1.3K的关注。
到这个阶段可以来个关于Twitter增长的总结了，我的几点经验是：
1. 写Tweet尽可能采用“借力打力”的方式，多引用大V大的Tweet去补充些信息，当然也可以试试在评论区评论。
2. 多写简单直白有价值的信息。因为一个Tweet只有一百多字，并且要在短时间让受众喜欢，就需要写简单且有价值的Tweet，比如个人经验总结、资料分享等。
3. 可尝试参与Space直播，这也是快速获取followers的一种方式，如果有你可以提供价值的主题，可以多参与进去。
4. 多关注一些有价值的Twitter博主，一般可以重点关注上百个，这些博主写的都是你感兴趣的领域，每天在刷Tweets（获取高质量信息）的过程中找寻可以发Tweet的机会，利用引用转载的方式提供可补充信息的Tweets。
5. 在推广个人博客文章的时候，有图尽可能配图并写一段总结性的短文。写Tweet其实可以锻炼个人提取总结大纲的能力，如果能画思维导图传播效果会更好。
6. 少即是多。如果想运营一个带个人品牌的Twitter账号，那么和你个人关注领域无关的一些信息可以少发，这些内容我一般会发到即刻或Telegram。可能这也是我的followers数和Tweets数之比能大于4。
https://twitter.com/annaxiao16/status/1522535566784352256?s=21&t=GO5ice6qoaY-s2DNohxPMg
这个tweet记录了独生子女继承父亲房产的魔幻历程，希望永远用不到这些知识，但看完我还是震惊了，没想到财产的继承在国内如此复杂且不合常理。之前关注过一个YouTube博主也因为这个事情无法继承房产。
这个tweet记录了独生子女继承父亲房产的魔幻历程，希望永远用不到这些知识，但看完我还是震惊了，没想到财产的继承在国内如此复杂且不合常理。之前关注过一个YouTube博主也因为这个事情无法继承房产。
Twitter
Anna
记：一位独生女的房产继承魔幻之旅 谨以此长推，分享给各位独生子女们，供参考了解某国的相关继承法律流程。 我22岁那年，父亲走了。身为独生女，我必须先把悲痛放一边，强迫自己保持冷静，打理好父亲的身后事。高齡的奶奶住在二伯家，二伯母不顾我母亲正处于丧夫之痛，时常穷凶极恶地骚扰母亲🧵
#自由是什么
这两天币圈大乱，群里又弥漫着财务自由的气息。虽说财务自由是一件概率低到可以称之为幻觉的事情，但人类的一大长处在于给自己设立一个难以企及的希望，这种希望是肖申克救赎中安迪能逃出监狱的原动力，也是人类得于不断突破发展的原因。
要论自由，流行的有三大自由：财务自由、时间自由与心灵自由。
这三大自由要同时实现非常的难，说是自由的不可能三角也可以。尤其是心灵自由的定义更为模糊，但庄子所说的“不滞于物，不困于心，不乱于人”是我理解的心灵自由。要做到心灵自由需要大智慧。除非突然暴富，否则作为打工人，财务自由与时间自由是难以同时实现的。
自由不是物理意义上的，从大的角度看，人人困于宇宙。
那么自由对人的意义是什么？对人来说自由意味着没有限制，但人活着就有很多限制，比如时间的限制，财务的限制，感知外界刺激的限制。时间和财务的限制是物理的约束，如果没这些限制，要维持发展就需要无限多的资源。
但感知的限制才是影响最大的。财务与时间自由仅仅是让人有了零CD开销切换感知的能力。当人没有了物质的约束，就会追求感知的刺激。如果一个人可以随意切换感知的刺激，那他就是一个恐怖的存在，财务自由和时间自由对他来说没有任何意义。
对个体来说，毒品就是突破感知刺激的钥匙。但因为身体的限制，让这种刺激不可持续。
好在人的大脑除了这种低级刺激外，也可以享受做成功事情的刺激，这样有能力的人就可以做出对人类有益的突破。
对群体来说，权力就是堪比毒品对于个体的刺激。但比毒品好的地方在于其两面性，做得好就可以对一个群体产生大的收益。
回到开始的话题，当你财务自由时，你会做什么？
这两天币圈大乱，群里又弥漫着财务自由的气息。虽说财务自由是一件概率低到可以称之为幻觉的事情，但人类的一大长处在于给自己设立一个难以企及的希望，这种希望是肖申克救赎中安迪能逃出监狱的原动力，也是人类得于不断突破发展的原因。
要论自由，流行的有三大自由：财务自由、时间自由与心灵自由。
这三大自由要同时实现非常的难，说是自由的不可能三角也可以。尤其是心灵自由的定义更为模糊，但庄子所说的“不滞于物，不困于心，不乱于人”是我理解的心灵自由。要做到心灵自由需要大智慧。除非突然暴富，否则作为打工人，财务自由与时间自由是难以同时实现的。
自由不是物理意义上的，从大的角度看，人人困于宇宙。
那么自由对人的意义是什么？对人来说自由意味着没有限制，但人活着就有很多限制，比如时间的限制，财务的限制，感知外界刺激的限制。时间和财务的限制是物理的约束，如果没这些限制，要维持发展就需要无限多的资源。
但感知的限制才是影响最大的。财务与时间自由仅仅是让人有了零CD开销切换感知的能力。当人没有了物质的约束，就会追求感知的刺激。如果一个人可以随意切换感知的刺激，那他就是一个恐怖的存在，财务自由和时间自由对他来说没有任何意义。
对个体来说，毒品就是突破感知刺激的钥匙。但因为身体的限制，让这种刺激不可持续。
好在人的大脑除了这种低级刺激外，也可以享受做成功事情的刺激，这样有能力的人就可以做出对人类有益的突破。
对群体来说，权力就是堪比毒品对于个体的刺激。但比毒品好的地方在于其两面性，做得好就可以对一个群体产生大的收益。
回到开始的话题，当你财务自由时，你会做什么？
本文介绍多种并发模型包括锁、STM、CSP、Actor及I/O多路复用等，还有对Java、Go、Erlang/Elixir与Clojure等对这些模型的实现的介绍。
编程的两大安全难题是线程安全与内存安全。这个系列的两篇文章都是在尝试介绍不同编程语言是如何解决线程安全从而更容易的实现高并发。
https://www.bmpi.dev/dev/deep-in-program-language/how-to-implement-concurrency/concurrency-model/
编程的两大安全难题是线程安全与内存安全。这个系列的两篇文章都是在尝试介绍不同编程语言是如何解决线程安全从而更容易的实现高并发。
https://www.bmpi.dev/dev/deep-in-program-language/how-to-implement-concurrency/concurrency-model/
https://web.hypothes.is
还真有这种书签分享的SaaS服务（虽然用了下感觉做的挺一般），国外的互联网生态就是竹林，这种小众需求都可以存活下来，每月PV也有400K了（2017年上线的），这种网站挺适合做SEO优化的🤔
#Niche
还真有这种书签分享的SaaS服务（虽然用了下感觉做的挺一般），国外的互联网生态就是竹林，这种小众需求都可以存活下来，每月PV也有400K了（2017年上线的），这种网站挺适合做SEO优化的🤔
#Niche
Hypothesis
Collaborate & Annotate with Hypothesis | Online Annotation Tool
Engage students with Hypothesis, the leading online annotation tool. Create a free account or explore education solutions today!
本月博客PV达64K🎉GA的数据因为一些浏览器插件被屏蔽了大概10-20%的流量，按这个计算可能达70-80K，这也和similarweb的数据相吻合了🤔
两年前我还在想这个数字什么时候能到，没想到现在已经实现了，至此已写27万字。我也逐渐开始享受写作的乐趣了👉 https://www.bmpi.dev/self/my-writing-story/250k/
两年前我还在想这个数字什么时候能到，没想到现在已经实现了，至此已写27万字。我也逐渐开始享受写作的乐趣了👉 https://www.bmpi.dev/self/my-writing-story/250k/