文章内容 希望可以计划添加点击图片放大功能 加油!
【Mini-blog-halo】简洁的微信小程序版本博客(基于halo已有api)
FangPengbo 这个和markdown渲染组件有关系,我看看新版本组件有这个功能没
点个赞。完了康康
您好,读了您的博客以及小程序代码,受益良多,小生愚昧,有一个问题想请教一下,就是您小程序代码里的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 8 我昨晚邮件回复的那个是不是你?后面有个兄弟在这回复了我就不再继续回这个问题了哦
- 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();
你把这个注释打开,当时本地测试完提交代码忘了
wangsrGit119 貌似取消了,还是评论不了?
samtto 看下报的什么错误云函数上传没,你后台开通云开发没
wangsrGit119 有开通了 也写了ID上去。
samtto 你要看下控制台本地调试的时候有啥错误撒,不然我也不清楚啥问题,错误贴出来
1.1.0版本发布
- 增加海报生成
- 修复私密文章查看bug
- 美化个人页面UI
- 优化首页展示
wangsrGit119 你好
1.评伦时,出错如下,如何解决呢?
2.我想删除评论功能,如何操作?毕竟如果没有人评价的时候,底下显示灰色的。
3.加密的分类依然会出现;
4.这次UI漂亮多啦;
samtto 云函数没有上传成功,然后私密文章展示有的,但是你访问进去就会提示访问受限和输入密码的框框,删除评论暂时不支持,后台删除吧,管理后台比较好,不然小程序端需要先登录获取用户信息和当前小程序的博主关联,然后才能确定是否有权限删除评论
samtto 云函数你要选中对应的msgcheck那个云函数,右键上传并在云端安装依赖,然后才能在小程序中使用,前几天帮一个远程解决的也是这个云函数未上传的问题
测了一下,提了个bug,不错,start了
curlsongu 嗯呢,issue下面回复了,下载新版本试试,新版UI改动比较大