在移动设备上为我的静态网站添加一个编辑按钮

主要观点:作者在博客中介绍了自己制作的书签工具,可自动跳转到网站 URL 对应的 GitHub 页面,日常用于编辑网站的 wiki 页面。如今思考在移动设备上添加编辑按钮,之前从移动设备编辑页面不便,此项目希望能让自己在移动时更方便编辑网站页面。
关键信息:

  • 书签工具可自动跳转至 GitHub 页面编辑网站。
  • 想在移动设备上添加编辑按钮,需满足一定条件,如仅在“编辑模式”启用时显示,利用脚本根据 cookie 和页面类型添加编辑按钮等。
  • 编辑按钮点击后可打开 GitHub 应用进行编辑,不同类型页面的链接处理方式不同,404 页面可打开 wiki 文件夹创建新文件。
  • 该实现的缺点是需在每个页面加载编辑按钮代码,作者已尽量使其轻量化。可在 GitHub 查看项目源代码并按需修改。
    重要细节:
  • 编辑按钮样式为右下角白色带铅笔图标的按钮。
  • 不同类型页面的 URL 路径不同,如帖子为/YYYY/MM/DD/slug,wiki 页面为/<page>
  • GitHub URL 路径直接创建新文件的方式在移动应用中不适用,需处理前端内容或有存储默认前端内容的页面。
  • 作者后续计划添加退出编辑模式的功能,且认为可将此代码用于其他可在移动设备上编辑的网站。
阅读 8
0 条评论