介绍

闲来无事，折腾一款 go语言教程软件，软件使用uniapp-cli，vue2编写。
界面很简单，侧边栏为目录，主页是由markdown渲染的正文。
单击悬浮按钮打开目录，双击回到正文顶部。

图1 正文页

图2 侧边栏

数据源

目前以github仓库作为数据源， 其中，一个json文件作为目录数据，每一个md文件对应一个正文页面，维护教程内容就跟写博客差不多。

体验优化

• 双击悬浮按钮：返回顶部
• 右滑一定宽度时，展开左侧边栏。
• 点击左侧目录时，缓存当前章节。
• 对正文中的代码进行语法高亮。
• 重写点击超链接的行为。
• 缓存全部章节，提供单页或者完整教程导出功能。
• 提供图片导出功能。
• 树遍历，翻页功能。
• 提供亮色，暗色主题。

总结

自己给自己写着玩的软件，随便搞搞，mark一下使用体验后的各种想法吧。

此外，uni-cli只打包成h5的话，挺快速的，而且还有官方的插件市场能用，挺方便。在webstorm中打包成小程序似乎会卡住。