• 主题模板

  • 【Mini-blog-halo】简洁的微信小程序版本博客（基于halo已有api）

Tangxs0808 你的博客速度太慢了，用的国外的vps？建议换个国内的学生机，一个月也就10块钱，一年100多

      您好，读了您的博客以及小程序代码，受益良多，小生愚昧，有一个问题想请教一下，就是您小程序代码里的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(); 你把这个注释打开，当时本地测试完提交代码忘了