#可交互的博客 看过一个视频介绍任天堂游戏好玩的一个秘诀是处处可交互，比如游戏人物踢一块石头都是有反应的，这种处处存在的非常小的细节让整个游戏变的生机勃勃，也让玩家感觉到了沉浸式的体验。 这给予我一个启发，如何让文字为主的博客变得有吸引力？ 我能想到的有以下几点： 1. 沉浸式的有个性的排版风格。在我的博客里我给文章主体加了一个从下往上浮动的动画，这给文章的出现一种仪式感。当文章出现后背景会有一层小的阴影，能凸显文章主体。另外就是加入了中英文混排系统与自定义的字体，这一切都是为了给予读者一种独特的阅读体验。 2. 可交互的图表。我们都知道一图胜千言，而能交互的图表尤其是有动画的更是胜千图。目前我博客集成了Markmap、Mermmaid、Graphviz与Plotly等图表库，这些图标库都能给读者带来一些交互式的体验，与传统的图片相比，这些有动效的图片能让人印象深刻，具体可以看这篇文章体验：https://www.bmpi.dev/self/my-drawing-toolbox/ 3. 交互式的代码编辑器。作为一个技术博客，如果能将代码片段直观的运行起来，就会让代码不在是文本，而是可执行的指令，能给读者带来直观的体验。这个我计划将博客集成一些在线code runner来实现。 4. 书签分享功能。当读者阅读到不错的片段想给人分享时，直接复制或发送网址不是一个好的体验，尤其是在移动端的时代。所以我在博客集成了类似微信读书分享书签的功能，复制任意段落就能看到分享书签的按钮，点击后一张带有二维码的书签图片就自动生成了。 5. 打印功能。当读者觉得这篇文章很不错甚至想打印出来看的时候，一般的博客都会将整个网页打印出来，会非常的难看。我在博客专门设计了打印的样式，确保只有文章主体被打印出来，还需要考虑可交互的图表及排版都能以适合打印的方式被打印出来，这样整个博客甚至很容易变成一本实体小册子。 6. 极快的加载速度。丰富的功能不应该以牺牲加载速度为代价的。所以我在博客加载速度方面做了很多尝试，比如CDN+静态资源懒加载，还有预加载资源与PWA的支持，这些都希望将博客的打开速度体验转变成类App的体验。 以上就是我在提高博客可交互性方面做的一些尝试，博客与实体书不同，博客有着自身的优势，除了超链接外还可以具备很好的交互性，这些交互性与视频那种不同，这种交互性应该能带来与纸书与视频完全不同的体验，让读者能够以印象深刻的方式阅读下来，最终这些体验会反映到你博客用户停留时间的大幅度增长及很低的跳出率上来，而这又会间接影响博客的搜索流量。