博客功能更新第二弹-RSS订阅博友圈
侧边栏壁纸
  • 累计撰写 137 篇文章
  • 累计收到 942 条评论


博客功能更新第二弹-RSS订阅博友圈

Hary
08-17 00:35 / 正在检测是否收录...

 自从上次依靠AI完成了个评论榜的页面,便一发不可收拾,随便看哪里不顺眼,直接把对应页面的代码扔过去,提出要求,一会就改的达到效果了,不像博友圈的各位大佬,对于我这种不会写代码的小白也只能靠AI来完善完善自己的小窝了。
 这不,今天又猛猛干,整出来个还算比较完善的RSS订阅页面,用于获取博友圈的文章,之前也没有其他好的方式获取博友们的更新动态,都是用的蚁阅做的订阅,有时候访问蚁阅本身还慢悠悠的,也有的订阅源时间长了就获取不到内容了,其他也没有什么好的替代方案,这下搞了个这个RSS订阅页面,可以更直观更及时的看到各位博友更新的文章,加一些友链或者自己喜欢的博主的RSS订阅,还是挺方便的。
 目前的思路是设置了每6小时获取一次订阅源,每次获取更新其中5个订阅源到备缓存,间隔10分钟再更新5个,每一个订阅源是一个备缓存文件,页面加载的时候读取的主缓存里面的内容,这样访问页面时加载速度就比较快,页面被访问之后触发主缓存文件更新,如果有哪个备缓存有更新则后台从备缓存更新到主缓存文件中,这样既减轻同时获取订阅源内容的并发压力,也不影响访问页面时的速度,目前觉得还算可以,欢迎路过的大佬观摩指导。 RSS订阅-我的博友圈
1

另外搞的一些小玩意
 1、自己平常用的一些常用网址或者收藏的什么链接,放到浏览器收藏夹不好找,就搞了个网址导航的页面,还不错,分享下源码,有需要的小伙伴,可以到 蓝奏云 自取,纯html页面,直接记事本打开增删自己需要收藏的网址就行了,修改完随便扔到那个网站的子目录里面就能用了。
2
 2、另外把评论区显示效果也更新了下,今年的评论下面显示为X月X日X点X分,如果去年或者再往前的则自动在前面加上年份。
然后之前Joe主题在手机上的父评论和子评论之间不是很容易看出来,这个做了下完善,每下一层评论相较于上一层右移10px,这样就能直观的看出来哪些是同一组评论内容了。
还有网址输入框上次输入的网址也可以随浏览器进行本地缓存,不会一刷新就没有了。
 3、还有就是把上次搞的评论榜的那个独立页面也完善了下,按照全量大哥的建议,增加了json缓存,每间隔24小时重新从数据库里面读取最新的评论数量和其他相关的昵称、头像等信息,不用每次刷新都从数据库读取数据,减轻后台压力。还加了个,如果相同邮箱每次留的昵称或网址不一样的话,则按照最新一次的昵称和URL进行显示,这样如果有博友更换网址或名称就不用手动更改数据中老评论的昵称和网址了。
 4、评论邮件通知里面加上了被回复评论的原评论内容,这样比较清晰明了博主回复访客的哪条评论,这个一般通知邮件都会有的功能,奈何当时这个Joe主题的作者没把这个功能做上去。
 5、更新了下友链页面卡片的配色,原来Joe主题的卡片颜色太扎眼了。
 后面再看看哪里不顺眼的吧,直接就是改改改。

评论 (33)

取消
  1. 头像
    Huo
    河北邢台联通
    MacOS · Safari

    这个友联朋友圈我感觉很不错,奈何水平太菜不会搞,不错!

    回复
    1. 头像
      Hary
      安徽合肥联通
      博主
      Android · Google Chrome
      @ Huo

      我也不会写,但是大概能看懂一点逻辑,全靠AI输出的,一点点完善,相信自己,可以的表情

      回复
  2. 头像
    满心
    湖北武汉洪山区电信
    Windows 10 · Google Chrome

    有精力折腾真好啊,我想折腾,就是没啥时间

    回复
    1. 头像
      Hary
      安徽合肥联通
      博主
      Android · Google Chrome
      @ 满心

      不整不知道,这玩意是真费时间,一点逻辑顺序有问题就走不通,也就周末找时间玩玩了

      回复
  3. 头像
    彬红茶
    广东广州天河区电信
    Windows 10 · Google Chrome

    评论排行榜也想搞一个,不过AI不听话,halo好像没有这样的插件我哭死表情

    回复
    1. 头像
      Hary
      安徽合肥联通
      博主
      Android · Google Chrome
      @ 彬红茶

      这种就一个单页,也不用非搞啥插件吧
      就你的订阅链接可把我害苦了,我在你的站点的最下面页脚那里有个订阅,链接是/sitemap.xml,我写进去,每次刷新到你这里页面就卡死,折腾好久不知道咋回事,上午才发现是你这个订阅链接有问题,实际应该是/rss.xml,被你误导了表情

      回复
      1. 头像
        彬红茶
        广东广州天河区电信
        Windows 10 · Google Chrome
        @ Hary

        下面那个确实是假的

        回复
  4. 头像
    w4j1e
    重庆电信
    Windows 10 · Google Chrome

    友链朋友圈我老早就想搞了,但是又担心出现不可控的文章,所以还是一直在用蚁阅自己订阅自己看。
    前阵子也想自己做个导航页,用了一段时间还是用回 wetab 了表情

    回复
    1. 头像
      Hary
      安徽合肥联通
      博主
      Android · Google Chrome
      @ w4j1e

      这个应该还好,毕竟已经经常点进来看,而且订阅的也都是自己经常看的一些博主,不会有什么出格的文章,就算突然有几篇,直接后台把缓存文件删除就行了,所以整体风险可控。
      wetab我看那个风格适合做桌面导航页吧,这种纯适合做自己的私域导航,统一一个链接入口。

      回复
  5. 头像
    全局变量
    湖南联通
    iPhone · Safari

    我还给友联增加了历史信息表与最新信息绑定,之前发现好些博友几个邮箱轮流用

    回复
    1. 头像
      Hary
      安徽合肥联通
      博主
      Android · Google Chrome
      @ 全局变量

      那这昵称,邮箱,链接三个值的组合可太多了,不好匹配吧,这样关联之后那个数量就不会缺失,但是这种情况还是极少数,我觉得还是名称和链接比较被来访者关注表情

      回复
      1. 头像
        全局变量
        湖南岳阳联通
        Windows 10 · Google Chrome
        @ Hary

        嗯,是不好匹配,不过我是看到后就手动去给他们绑定。

        回复
  6. 头像
    瓦匠
    福建厦门联通
    Windows 10 · Google Chrome

    顶部吸附背景可以加个高斯模糊

    回复
    1. 头像
      Hary
      安徽合肥联通
      博主
      Android · Google Chrome
      @ 瓦匠

      哪里,最上面LOGO图和分类那里的那个横长条么

      回复
      1. 头像
        瓦匠
        福建厦门联通
        Android · Google Chrome
        @ Hary

        对,一时间没想起怎么表述🥲

        回复
        1. 头像
          Hary
          安徽合肥联通
          博主
          Android · Google Chrome
          @ 瓦匠

          就是有时候会覆盖一些正文内容吧,晚会研究研究看看表情

          回复
          1. 头像
            瓦匠
            福建厦门联通
            Windows 10 · Google Chrome
            @ Hary

            也不是会覆盖就是重叠再一起后视觉上比较奇怪,可以设置一下:backdrop-filter: blur(5px);

            回复
  7. 头像
    她爱小孩
    香港CZ88.NET
    Android · Google Chrome

    猜猜我是谁。

    回复
    1. 头像
      Hary
      安徽合肥联通
      博主
      Android · Google Chrome
      @ 她爱小孩

      这是哪位博友的恶作剧

      回复
  8. 头像
    李的日志
    广东广电网
    Android · Google Chrome

    厉害!Rss订阅是我喜欢的样子

    回复
    1. 头像
      Hary
      安徽合肥联通
      博主
      Android · Google Chrome
      @ 李的日志

      还行哈,不搞不知道,一下手发现这里面的因果关系,逻辑顺序真是太复杂了,可折腾死我了,搞到凌晨表情

      回复
      1. 头像
        李的日志
        广东广电网
        Linux · Google Chrome
        @ Hary

        真要有这么一次经历才会让自己更有经验,逻辑确实很关键,稍微错就步步错,最终你还是完成了它,已经很厉害了。期待你下个新的功能哈哈哈(昨晚我也在折腾 写了个博客自定义邮件发送插件,已经完成了。

        回复
        1. 头像
          Hary
          安徽合肥联通
          博主
          Android · Google Chrome
          @ 李的日志

          哈哈,看到了,怪不得那会进去顶部有个已发送到xxx@qq.com邮箱,过一会又没了,那会我正拿我的rss和你的rss链接做读取实验呢

          回复
          1. 头像
            李的日志
            广东广电网
            Linux · Google Chrome
            @ Hary

            对了,实验结果如何呀?哈哈

            回复
            1. 头像
              Hary
              安徽合肥联通
              博主
              Android · Google Chrome
              @ 李的日志

              这不已经上线了么,加的RSS源都获取和更新就行,只能说能用表情

              回复
              1. 头像
                李的日志
                广东广电网
                Android · Google Chrome
                @ Hary

                哈哈我又多了个地方,去逛别人博客的页面了,我喜欢去你们rss订阅页,看别人发的博文

                回复
                1. 头像
                  Hary
                  安徽合肥联通
                  博主
                  Android · Google Chrome
                  @ 李的日志

                  改天你写一个,把其他人的聚合RSS再集合输出一下,美滋滋表情

                  回复
                  1. 头像
                    李的日志
                    广东东莞电信
                    Android · Google Chrome
                    @ Hary

                    哈哈这哪是我能写的出来的啊,就我那三脚猫功夫,我左邻右舍就相当于是这个页面了,就看看你们优秀博客发的,然后在去我大哥那看看,现在也能在你这里看,挺好。

                    回复
          2. 头像
            李的日志
            广东广电网
            Android · Google Chrome
            @ Hary

            这都被你发现了啊哈哈哈哈,确实那个时候在调试插件,因为我把它写成全局都能调用,当时首页就能看见那么一天提示语,现在完全优化新的了,哈哈看不见没提示了。

            回复
  9. 头像
    蜗牛不是牛
    湖南长沙联通
    Android · Google Chrome

    我刚刚把评论全部移到第二级,不让它显示第三,第四,第五级排列,你刚和我相反。表情看来每个人的审美观真的不一样。表情

    回复
    1. 头像
      李的日志
      广东广电网
      Android · Google Chrome
      @ 蜗牛不是牛

      折腾起来,我原来也是后面把评论列表样式改了

      回复
    2. 头像
      Hary
      安徽合肥联通
      博主
      Android · Google Chrome
      @ 蜗牛不是牛

      这个当时没多想,你这样还是比较好的,我这样如果层级太多最后的可能就显示窄窄的了,明天再优化下搞成你那样的,这个没有啥特殊要求,只要能和第一级的父评论区分开就行,之前是所有的左侧都是一样的空间,不太好分辨。

      回复
      1. 头像
        蜗牛不是牛
        湖南长沙联通
        Android · Google Chrome
        @ Hary

        系呀,如果评论多,评论一直往右移。本来手机页面就窄,pc还好。个人不太推荐。表情不过自己博客自己做主。自己喜欢就好。

        回复