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

wangsrGit119 · 2021-03-29T08:53:00+00:00

预览小程序基础功能查看最新文章查看阅读量最高文章按不同标签查看文章可查看和回复评论（小程序端暂时只显示和回复二级评论）源码仓库 github 问题反馈截图预览欢迎大家使用😘

Takagi

🐹点个赞。完了康康

wangsrGit119

Takagi 😋😋

haibo

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

samtto

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

wangsrGit119

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

samtto

感谢分享
我是小白，不会做程序，只是拿来写日记呢
使用过程中如下问题：
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

wangsrGit119

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大家更方便呢。

wangsrGit119

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

Dark-Athena

wangsrGit119 关于这个图片路径的问题，在halo后台是可以选择相对路径的图片的，包括文章内的内容和封面图，并且就算更换博客域名，在文章显示页中，图片的地址也会跟着域名一起变，建议这个地方还是改一下，如果识别到是相对路径，就在前面直接拼上域名组成绝对路径

samtto

wangsrGit119 貌似取消了，还是评论不了？

wangsrGit119

samtto 看下报的什么错误云函数上传没，你后台开通云开发没

samtto

wangsrGit119 有开通了也写了ID上去。

wangsrGit119

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

wangsrGit119

1.1.0版本发布

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

samtto

wangsrGit119 你好

1.评伦时，出错如下，如何解决呢？

2.我想删除评论功能，如何操作？毕竟如果没有人评价的时候，底下显示灰色的。
3.加密的分类依然会出现；
4.这次UI漂亮多啦；🙏

wangsrGit119

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

wangsrGit119

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

samtto

wangsrGit119 删除评论的功能，不需要评价功能的意思，不是后台的操作。我没表达清楚吧。

samtto

wangsrGit119 说实话，真不会操作😂 这个msgcheck 不知道如何搞

curlsongu

测了一下，提了个bug，不错，start了

wangsrGit119

curlsongu 嗯呢，issue下面回复了，下载新版本试试，新版UI改动比较大

wangsrGit119

samtto 加我wx：sucfufufu620119 我远程给你