【博客园配置】博客园自定义配置有哪些骚操作

最全的Java后端知识体系 https://www.pdai.tech, 每天更新中...。

我之前写过一些文章，放在自己本地的Git库中，用类似于gitbook的工具构建自己的知识体系。具体用的是docsify，好处是通过markdown生成的html页面是在前端进行，而不需要编译成HTML。近期期望将其中一部分文章发表出来，和大家一起交流，同时也是对自己的一种push。于是我就想到了开一个自己的博客。

博客选择

在选择自己的博客时, 我有以下选择：

• 自己开发一个博客 (ps: 实际上我之前写过完整的一个博客系统，同时还给公司内部开发了一个知识共享的交流平台)；
  // 支持自己数据库等，支持。。。恩只要想开发，啥都能支持。但是工作量大，需要自己维护等。

以下系统由我独立开发和运维。。。但是我还是不想自己再写了，心累。。。
markdown编辑

文章清单

支持导出各种形式

支持共享给其它虚拟组织

• 使用github pages
  // 访问速度不敢恭维，何况我现在有自己搭建的docsify

• 使用hexo
  // 选个样式容易，选个好的样式难。

• 使用csdn平台
  // 平台性的东西不要考虑太多SEO相关的；csdn 访问流量更大些，但是广告有点恶心; 不支持自定义样式，可定制程度低，像我这种爱折腾的...；

• 使用博客园
  // 支持自定义样式，自定义js权限；网站长期没有更新，主页样式感觉停留在十年前；客户端程序，略有点low;

• 使用简书
  // markdown支持很好，手机客户端超级流畅；

综合以上的情况，我选择了博客园，主页样式丑没关系，我可以自己定义自己的样式哈，它能支持markdown，也不需要去搞运维。广告么，js可以去除。

博客园的自定义配置

这边只是提供一个思路，而不是一个个截图显示我的操作，因为作为一个程序员，这点搜索能力都没有还搞啥？

主题样式

进入配置页面，hack自己样式，保存即可。这个网上文章一大堆。

移动端适配

通过CSS @media可以控制不同屏幕显示效果。

添加访问数据统计

申请js权限，通过JS实现，加入Umeng的CNZZ统计数据即可。

添加彩蛋

通过JS实现，可以加入Canvas实现一些彩蛋，比如经典的canvas射线或者粒子效果，这里实现了一个蜘蛛。我的寓意是印证我博客的副标题 - 与其临渊羡鱼，不如退而结网。

markdown样式自定义

由于博客园的markdown已经由，这里我可以配置自己的样式，或者切换主题（去hilightjs官网去找具体的用法），然后再进行hack和调整（css !important）。也可以通过js生成代码行号等.

去除广告

思路是通过js和css隐藏广告内容块。

文章添加目录

思路是通过JS+ Demo 生成目录节点，插入到文章之前

文章添加版权信息

思路是通过JS+ Demo 生成目录节点，插入到文章之前

Top返回页顶

添加JS方法，添加返回按钮。

文章目录大纲

添加JS方法，方式一样。

放大文章中的图片

考虑到文章详情页面没有完全适应大屏，在一般模式下，有些图片看不清楚； 所以考虑添加图片点击最大化的效果。