V3

前情回顾：

全文：[Introduction]( https://www.yuque.com/docs/share/458ee4d5-cd27-4027-818d-c2d2cc9b01f1?# 《 Introduction 》)

简介

我做了一个浏览器插件，可以在任意页面打开一个代码编辑器，你可以很方便地写一段代码来提升自己的使用效率，这个浏览器插件和相关的“懒人”思维是我想介绍给你的。
我的业余身份是一名技术网站的编辑，该工作最麻烦的将不同平台的文章搬运到目标网站，需要收集并填写文章信息、统一文章格式、统一处理图片、添加规范的转载信息等，通过编写脚本，我将普通编辑 15 - 20 分钟的工作内容压缩至 4 - 6 分钟，报酬提升 5 倍。
我没有主业，一个人挺难熬的，主要是想找可以相互交流的人，欢迎感兴趣的朋友戳上面的全文链接了解，加群交流！

故事

我业余会作为某技术网站的编辑赚点外快，工作中最占时的一部分就是在拿到转载授权之后将不同平台的文章搬运到目标网站，虽然 Markdown 格式能够保证搬运文章的操作不会过于麻烦，但像调整段落格式、调整图片、统一添加文章信息和版权信息等操作，仍然十分繁琐和恼人。

通过 Bookmarklet，我可以很方便地将这些操作自动化，减少重复劳动，以下 Bookmarklet 可以自动提取微信公众号文章的版权信息：

javascript:(function(){const e%3D(%7Bt%3Ae%2Chref%3An%2Ctitle%3Ac%2Co%3At%2Ci%3Ao%7D)%3D>%60%5Cn 头图：Unsplash%5Cn 作者：%24%7Be%7D%5Cn 原文：%24%7Bn%7D%5Cn 原文：%24%7Bc%7D%5Cn 来源：%24%7Bt%7D - 微信公众号 %5BID：%24%7Bo%7D%5D%5Cn 转载：著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。%5Cn%60%2Cn%3D()%3D>%7Bconst e%3Dundefined%2Cn%3Dundefined%2Cc%3Dundefined%2Ct%3Dundefined%2Co%3Dundefined%3Breturn%7Bt%3Adocument.querySelector('.rich_media_meta.rich_media_meta_text').innerText%2Chref%3Alocation.href%2Ctitle%3Adocument.querySelector('h2.rich_media_title').innerText%2Co%3Adocument.getElementsByClassName('profile_nickname')%5B0%5D.innerText%2Ci%3Adocument.getElementsByClassName('profile_meta_value')%5B0%5D.innerText%7D%7D%3Bdocument.addEventListener('click'%2C()%3D>%7Bconst c%3De(n())%3Bconsole.log('clip%3A '%2Cc)%2Cnavigator.clipboard.writeText(c).then((function()%7Bconsole.log('Set clip success!')%2Cconsole.log(c)%2Clocation.reload()%7D)%2C(function()%7Bconsole.log('Set clip failed!')%2Calert('Set clip failed!')%7D))%7D)%3B})()

使用方式为， 书签栏右键 -> 添加页面（或网址） -> 地址输入上述代码 -> 名称随便输入 -> 保存，随便打开一篇微信公众号文章，比如 CSS 工具类和“关注点分离”，页面打开之后，点击保存好的书签，然后鼠标单击页面（任何部分），提取好的版权信息即会自动保存至剪贴板，在目标编辑器直接粘贴即可，结果如下：

头图：Unsplash
作者：cigaret
原文： https://mp.weixin.qq.com/s/V7IoTP3LcIjcFhzcUe9Znw
原文：CSS 工具类和“关注点分离”
来源：Cigaret - 微信公众号 [ID：we_thoughts]
转载：著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

一次性的脚本编辑为该编辑操作节省了 10 倍以上的时间，根据统计，通过使用 Bookmarklet 合理优化工作流程，我将转发单篇文章的时间从 15 - 30 分钟压缩到 4 - 6 分钟，提效将近 80%，当然，带来的回报也非常丰厚。

回到技术层面，以上脚本就是简单的 JavaScript 代码，网上已经有非常多的方式可以辅助编辑和创建，但我们做得更好而已。在产品线和技术线的详细文档中亦对相关的网站和工具有整理和介绍，如果你找到更好的，欢迎告诉我，我借鉴一下。

通过对周围朋友的调查，由于专业背景和技能树的原因，我发现并不是所有人都拥有借助工具提升生产效率的意识，同时还具备一定的开发能力人更是少之又少，社区线的主要目的就是改变这一现象。我们希望大家可以优势互补，借助开发者的技能优势和“懒人”思维帮助非开发者提升生产效率，达成目标的过程中也可以伴随货币流动。