zoukankan      html  css  js  c++  java
  • 【博客园配置】博客园自定义配置有哪些骚操作

    最全的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方法,方式一样。

    放大文章中的图片

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

  • 相关阅读:
    ASP.NET编程的十大技巧
    C#学习心得(转)
    POJ 1177 Picture (线段树)
    POJ 3067 Japan (树状数组)
    POJ 2828 Buy Tickets (线段树)
    POJ 1195 Mobile phones (二维树状数组)
    HDU 4235 Flowers (线段树)
    POJ 2886 Who Gets the Most Candies? (线段树)
    POJ 2418 Cows (树状数组)
    HDU 4339 Query (线段树)
  • 原文地址:https://www.cnblogs.com/pengdai/p/9168079.html
Copyright © 2011-2022 走看看