在chrome中屏蔽CSDN的广告

博客更新地址啦～，欢迎访问：https://jerryyuanj.github.io/blog

背景：

1. 这几天事情比较少，看了下谷歌的插件开发（chrome extension），入了个门
2. csdn广告太让我烦了，就不能像博客园那样干净点吗

所以我就趁热打铁，撸了个helloworld版的chrome extension，用来屏蔽csdn博客的详情页的广告。

项目地址

github：https://github.com/JerryYuanJ/demos ，其中的 02-simple-csdn-ad-blocker 文件夹。

使用方法

1. 克隆本项目到本地

git clone https://github.com/JerryYuanJ/demos

2. 打开chrome浏览器，在地址栏输入 chrome://extensions/，进入扩展应用的界面, 打开右上角的 开发者模式(Developer mode)
   
3. 点击出现的 LOAD UNPACKED，然后选择到这个插件的目录即可
   
   选中后，该插件出现在了你的面板中：
   
4. 接下来，进入csdn博客的文章详情页查看，广告已经没了。
   

演示gif

由于原始的gif图超过csdn的博客图片最大大小限制，所以用了个压缩工具压缩了下，有个水印。

写在最后

本demo是helloworld级别的。轻喷。最近也在断断续续的看chrome extension的文档，如果有时间的话，会翻译一些入门指南供参考。

如果你觉得这个插件不错，给个star吧，我看英文文档也不容易。哎。就这样了。