MENU

Typecho博客微信小程序搭建

2021 年 08 月 02 日 • 阅读: 1949 • 笔记

很早之前就想拥有一款属于自己的博客小程序,想着可以拿到博客圈子内炫耀,极大的满足了自己的虚荣心 但很多类似的Typecho微信小程序源码都不完整,对新手来说不太友好,连对于我这种爱折腾的人来说都不想去修复,这几天闲逛csdn的时候,发现了一款Typecho的微信小程序源码,花了一个下午茶的时间搭建出来了,先康康图片!

1

ui设计的中规中矩,那么就开始保姆级教学吧!
Typecho微信小程序源码下载:
此处内容需要评论回复后方可阅读

我将小程序源码和插件放到了一起,将插件zip文件放在博客如下路径里:/usr/plugins/ 在博客后台的插件管理中启用插件即可,进入插件设置:可以先将主要的设置的完成,海报列表、公告列表、APISEC(一定要与小程序端config.js中API_SECRET字段保持一致,否则无法从服务器读取数据)、首页热门分类、微信小程序的APP secret ID、这些必须要设置完成。

下载HBuilder X

HBuilder x

解压小程序源码,下载HBuilder X后打开,将小程序源码拖入到HBuilder X中,左侧单击utils文件夹,点击api.js,将domain后的域名改为你自己的域名,apisec后的数值改为跟插件中设置的apisec数值一样的。

3

点击左侧的config.js,编辑分类,将name后的中文字段改成你自己的分类名称,将image图片地址改成你自己的后保存文件。
4

点击顶部的发行功能选择小程序微信,这一步是为了将源码编译成微信小程序源码,直接将未编译的源码放到微信开发者工具里是无法运行的。
5

注册小程序账号

微信公众平台
注册一个小程序,类型选择个人小程序,注册完成后进入小程序管理后台将信息填写完成,点击左侧底部的设置,下滑至最低部找到账号信息,复制AppID(小程序ID);
点击侧边栏开发中的云服务功能并开通。

关闭服务器php警告提示:

由于小程序采用了很多自定义字符,如果你的博客文章页面并没有配置这些参数,php由于没有找到这个参数,他会自动发出警告的提示,告诉你的小程序有一些字符没有找到,但是这个警告其实并没有什么问题,不过他会在输出的api前面显示出来,导致api接收的格式错误,所以博客小程序无法正常正常运行,这个给出的解决方法就是关闭php警告提示。如下图所示(以宝塔为例):

5

下载微信开发者工具

微信开发者工具
下载并安装好微信开发者工具后将已经编译好的小程序源码导入到微信开发者工具中,在填写Appid一栏中粘贴刚刚复制的appid,后端服务选择小程序-云开发,点击新建;

6

单击page.json文件,将隔壁小胡的博客字段改成你自己的博客名称后保存,点击右上角的上传按钮。
6

提交审核 发布小程序

完成上传后返回微信公众平台里的小程序版本管理,下滑找到开发版本,点击提交审核,等待约半小时左右的时间,会收到审核结果,刷新页面后点击发布,至此拥有了一个属于自己的微信博客小程序!

2


更多帮助可以查看小程序原作者的帮助文档
Typecho小程序搭建不成功各类问题总结
顺便吐槽下小程序作者的博客全是不良广告,还有这个小程序适合使用简约或默认主题的博主!像一些文章内的美化装饰代码依赖于插件或主题设置的,不建议使用这款小程序,还未适配,需要自己去写入适配的代码和图片文件到小程序源码里。
实在不会搭建,可以联系我付费搭建 辛苦帮忙搭建收点费用不过分吧。

本文到此结束
  • 文章标题:Typecho博客微信小程序搭建
  • 文章链接:https://hq233.cn/archives/337.html
  • 作品采用:CC BY-NC-SA 4.0 许可协议授权
  • 版权所有:本文版权归 隔壁小胡的博客所有
    转载请先获得本人同意!
    (如有侵权,请 点此联系我删除 )
  • 返回文章列表 文章二维码
    本页链接的二维码
    打赏二维码
    添加新评论

    已有 25 条评论
    1. 无心v 无心v

      看起来不错

    2. 大圣 大圣

      尝试一下 谢谢

    3. 11 11

      我来看看

    4. 挺好的啊

    5. 需不需要备案域名,有没有QQ小程序,我就问问::quyin:maimeng::

      1. @Airli域名需要备案,无QQ小程序

      2. @隔壁小胡的博客好吧::quyin:hematemesis::