• 主题模板
  • 【Mini-blog-halo】简洁的微信小程序版本博客(基于halo已有api)

您好,读了您的博客以及小程序代码,受益良多,小生愚昧,有一个问题想请教一下,就是您小程序代码里的api_access_key是在博客的哪里设置的呢?

    感谢分享
    我是小白,不会做程序,只是拿来写日记呢
    使用过程中如下问题:
    1、后台设置的的相对路径,在小程序中无法加载图片,通过修改一文章,把图片路径修改为绝对路径的话,可以正常显示,报错如下:

    [渲染层网络层错误] Failed to load local image resource /upload/2021/03/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20210318224822-tuya-20a07dc9625e4f18a965890e7367ef1c.jpg
    the server responded with a status of 500 (HTTP/1.1 500 Internal Server Error)

    2.评论功能写了邮件和内容后,点击保存无响应,如果没有评论的文章,后面的显示建议就不显示而不是灰色的空白。
    3.分类页中有加密的分类也会加载出来,还好内容不会加载出来,建议隐藏加密分类;
    4.分类页中,如果一直下拉,建议把分类置顶,分类选择项不随分类而上飘,更美观;
    5.在“我的”内容页,日记不需要体现,因为用户看不到,并且对该页面做个美化,再不行,底下内容还不如放个图片;
    6.在H5和电脑端都可以通过如下代码实现视频的播放功能,但在小程序中不显示,有没有更好的建议?

    <div style="position: relative; padding: 30% 45%;">
    <iframe style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;"src="https://ABC.COM/6ac3a47bvodcq1303030555/9606e56d5285890815461825515/bAaxrwyxCQkA.mp4" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts"></iframe>
    </div>

    7.请教下文章详情页中顶部图到哪修改?(PS:后来在代码中找到了)
    8.我个人更喜欢之前你发布的小程序UI,简单些。
    @wangsrGit119

      haibo
      后台→博客设置→ 切换到高级页→ API设置→开启API→ 输入任意字符,→建议16位
      然后写入到小程序

      haibo 8 我昨晚邮件回复的那个是不是你?后面有个兄弟在这回复了我就不再继续回这个问题了哦

      samtto

      • 1.图片路径

      图片必须是绝对路径因为这个在web端同样需要,数据库里面存放的就是绝对路径(通过halo后台发布的文章都带),小程序内部无法使用相对路径,因为你的这些文件小程序内部不储存

      • 2.评论

      评论保存无响应是不是因为你的云函数没有上传,有个云函数非法内容校验的,否则微信审核是通不过的,然后评论为空是用的骨架屏是为了好看一点,你仔细观察的话会有动态变化。

      • 3.加密这个我确实忽略了,后面新版本我会加上

      • 4.分类置顶这个建议也可以,get

      • 5.我的内容这个作为后期扩展项的,打算开放日志撰写入口的,小功能块多了的话就会美观一点,现在是空荡荡的

      • 6.视频播放(直接用video标签即可,测试过均属正常,无论web端还是小程序端,web端你觉得需要调样式,直接在style里面写css即可)

      <video class="video" controls="true" src="https://www.wangsrbus.cn/wangsr-font/bandicam_2021-04-02_10-10-01-334.mp4">视频</video>

      7.文章详情页顶部图在article,wxml的页面布局

      <l-capsule-bar 
      bind:linlefttap="onClickLeft"
      home-page="/pages/index/index"
      capsule-color="white" 
      bg-color="transparent">
        <image class="capsule-bar-bg" style="height:{{capsuleBarHeight+100}}rpx;" src="http://cdn.jsdelivr.net/gh/wangsrGit119/wangsr-image-bucket/img-article/photo-1507738978512-35798112892c.jfif" />
      </l-capsule-bar>
      • 8.怎么说呢,之前的简洁一点但是功能也就相对少一点,所以我尽可能的避免繁琐的内容展现,首页文章展示基本参考的微信读书,其实去年就已经有这个了,但是后台是我自己的用的springboot+dubbo,很多人下载后服务都启动不了,比较不友好,换成优秀的halo大家更方便呢。

        samtto 我刚看了下代码,评论那个地方被我注释了,打了斜杠,在article.js的233行that.doComments(); 你把这个注释打开,当时本地测试完提交代码忘了

          samtto 你要看下控制台本地调试的时候有啥错误撒,不然我也不清楚啥问题,错误贴出来

          1.1.0版本发布

          • 增加海报生成
          • 修复私密文章查看bug
          • 美化个人页面UI
          • 优化首页展示

            wangsrGit119 你好

            1.评伦时,出错如下,如何解决呢?
            2021-04-10_072518
            2.我想删除评论功能,如何操作?毕竟如果没有人评价的时候,底下显示灰色的。
            3.加密的分类依然会出现;
            4.这次UI漂亮多啦;🙏

              samtto 云函数没有上传成功,然后私密文章展示有的,但是你访问进去就会提示访问受限和输入密码的框框,删除评论暂时不支持,后台删除吧,管理后台比较好,不然小程序端需要先登录获取用户信息和当前小程序的博主关联,然后才能确定是否有权限删除评论

                samtto 云函数你要选中对应的msgcheck那个云函数,右键上传并在云端安装依赖,然后才能在小程序中使用,前几天帮一个远程解决的也是这个云函数未上传的问题