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

    放大文章中的图片

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

  • 相关阅读:
    Vue项目碰到"‘webpack-dev-server’不是内部或外部命令,也不是可运行的程序或批处理文件"报错
    PowerDesigner最基础的使用方法入门学习
    Centos7 上安装mysql遇上的问题:mysql无法正常启动
    微信小程序的Web API接口设计及常见接口实现
    模型数据作渲染优化时遇到的问题
    vertex compression所遇到的问题
    depth and distance
    Linear or non-linear shadow maps?
    实施vertex compression所遇到的各种问题和解决办法
    【转】編譯Ogre1.9 IOS Dependencies及Ogre Source步驟及相關注意事項…
  • 原文地址:https://www.cnblogs.com/pengdai/p/9168079.html
Copyright © 2011-2022 走看看