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

我之前写过一些文章,放在自己本地的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方法,方式一样。

放大文章中的图片

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

posted @ 2018-06-11 17:18 pdai 阅读(...) 评论(...) 编辑 收藏