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


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

    放大文章中的图片

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

  • 相关阅读:
    使用vue.js 引用阿里图标 --无法显示(报错)
    thinkphp5.0如何隐藏index.php入口文件
    thinkphp5.0--编写api,返回json格式
    小程序滑动问题(如何让底层不会跟着滑动)
    thinkphp5.0验证的封装
    git--提交代码
    小程序图片上传
    SVG分组和引用
    总结React写参数的几种方式
    React中使用echarts
  • 原文地址:https://www.cnblogs.com/pengdai/p/9168079.html
Copyright © 2020-2023  润新知