Loading... ## 前言 最近我看到不少博主都发布了微信小程序版Typecho,但是质量层次不齐,开源的界面不美观,也有美观的,但是要收费,秉着节俭的原则,还是在github尝试了n多的项目之后找到了个真正能跑起来的项目,先不说界面怎么样,起码是可以跑起来的,其他项目多多少少在我这个主题下有些问题,也可能是当时的调试问题吧,毕竟是第一次接触微信小程序,最开始还不是很熟悉项目的构建,后来慢慢花的时间多了才摸清楚具体的操作,正是因为开源的程序界面并不是很美观而且handsome主题启用他们比较困难,例如头图的丢失,文章摘要的丢失,等等,所以我选择在一版能跑起来的项目上修改前端页面。 ### 项目地址 [WeChat-Typecho](https://github.com/xsy2004/WeChat-Typecho "WeChat-Typecho") 求求大佬Star啊,卑微 #### 扫码预览  ## 特别鸣谢 把致谢放在最开头是因为我自己也是一个~~码农~~菜鸡,所以深知写代码的不容易,所以在此特别感谢 [WeTypecho](https://github.com/MingliangLu/WeTypecho "WeTypecho")——成都第七帅大佬,博客端插件作者 [Pisces-Mini-Program](https://gitee.com/Byclemon/Pisces-Mini-Program "Pisces-Mini-Program")——基于WeTypecho修改作者 [ColorUI](https://github.com/weilanwl/ColorUI "ColorUI")——小程序CSS库 ## 说明 为什么我没有选择github上的其他作者的项目? 因为我希望我的微信小程序不仅仅是可以浏览,而是可以交互,用户可以做到使用小程序评论,去表达对文章的看法与思考,如果以后我有能力去编写后端js了,我会将github上我觉得很好看的项目给完善 例如 [WxappForTypecho](https://github.com/loveempathy/WxappForTypecho "WxappForTypecho") #### 项目中的字母函数命名不是我写的!!! ## 小程序发布要求 1. 域名已备案 2. 域名开启Https 3. 已成年,或者拥有18岁以上微信绑卡账号 [](https://cdn.xsiy.ltd/photo/cid178/1.png "微信端域名配置") 将你的域名添加进去,如果你的图片等资源存放的地址不是你上面设置的域名 还需要将你的图片资源域名添加进去,否则小程序端可能无法显示资源。 ## 功能 目前支持的基本功能如下: 1. 查看分类目录文章 2. 个人关于界面显示 3. 首页文章轮播图 4. 评论文章 5. 自动获取文章头图 6. 图片视频显示 7. 支持markdown,html解析 8. 推荐阅读文章 9. 搜索文章 10. 自定义字符显示不同卡片样式 ### 自定义字符 style (首页文章显示样式,值默认为3,其他的我也没测试) 1. 代码大图卡片形式 2. 代表小图卡片显示形式 3. 代表背景卡片形式 isPay(文章是否需要广告启动,默认为0) 1:是 0:否 thumb(文章缩略图) ## 教程 不能获取到文章可能是PHP版本的问题!!!!! 之前没讲是我的疏忽,其实我一开始也没发现 **本小程序测试于PHP7.1,PHP7.0版本** 在```/common/vendor.js```第236行修改你的信息,这函数命名规则不是我写的,别打我 在微信开发者工具调试的时候要在详情里面勾选,不校验合法域名,web-view,那一项,要不然在调试的时候会显示不了文章 **修改r和i并且与后端小程序对应上**  在```/pages/about/home/home.wxml```第6行和第8行修改你的博客名和简介 在```/pages/index/index.wxml```第三行修改小程序最顶上的名称 在```/pages/index/index.js```第57行修改每篇文章下的作者信息 在```/app.json```第16行修改你的博客名 在```/pages/about/home/home.wxss```第2行修改关于界面的头像地址 在```/pages/about/home/home.wxml```第4行修改头像地址 在```/pages/about/home/home.js第73```和74行修改微信赞赏码的图片地址 在```/pages/details/details.wxml```第157行修改你自己想点赞后出现的图片,反正自己改 ### Typecho插件端 复制`WeTypecho`到插件目录, 在后台激活并设置,名字要对否则报错。 - APISEC - 博客作者名称 - 博客网址 这三项必填,其他随便(吧) 要与小程序端config.js中API_SECRET字段保持一致,否则无法从服务器读取数据 ### 代码解释 app.js是最初的入口文件,wxss是相当于html项目中的css,如果在js里添加新代码要再json文件中声明。 static是放资源文件的地方,可以自行修改素材,但好像不是全部都引用了,自己慢慢找吧。 pages是所有的页面,可以被引用跳转,例如跳转关于页面,地址为```pages/about/home/home```about下的home目录的home方法叭,大概就这意思,我也是第一次接触微信小程序。。 这个项目引入了Color UI,可以自己去下载demo自己 ~~抄~~ 写。 在/pages/index/index.js第26行下面是修改首页那两个跳转按钮的 ``` categories: [{ cuIcon: "write",//这个是图标,可以自己去color ui的小程序找名称修改 color: "white",//这个是文字颜色 bg_color: "bg-gradual-green",//这个是背景颜色,可自行修改 badge: 1,//小红点文章个数,填1就是一个小红点,大于1就是显示数字,大于99显示99+ mid: "24",//这个是分类id title: "随笔", name: "Essay" }, ``` 可以自行添加参数,调用方法如下```{{item.title}}```使用前要声明```wx:for="{{categories}}"``` 求大佬赞赏啦 Last modification:July 23, 2020 © Allow specification reprint Support Appreciate the author AliPayWeChat Like 5 If you think my article is useful to you, please feel free to appreciate
94 comments
大佬,这个能自动将文章推送给微信搜一搜让他收录么?
不行
是的,全局搜索试试
可以了,真的不错!给大佬递茶
博主想问您一下,就是小程序部署好后文章的背景图为啥不显示嘞。
背景图?只有头图会显示的呀,背景图不显示的哦
域名/api/这个地方404怎么搞老板
搞定了,开启伪静态
关于头像下面的评论 文章 等数字统计是假的?
不是动态的
请问下在哪里审核留言?
就在评论里面啊
小程序后台的留言啊?也在评论里面吗?可是没有看到,是因为插件冲突了吗
给大佬递茶,大佬来根华子吧|´・ω・)ノ
这套挺好看的。
你这个程序有审核评价的机制那真的太棒了,用的成都第一帅的评价没审核机制,没让过,就算TYPECHO后台关了评价功能,小程序里还是能评价上
嘻嘻嘻
同样也是php7.0才行,7.2不可以
有没有QQ小程序版本
无
微信小程序评论好像无效??
有审核
很棒的小程序,但是我发现评论功能似乎调用不了?配置都正确的情况下会返回500的错误
谢谢,是哪个链接?
我用你的小程序回复了本帖,按发表键后文本消失但没有任何回馈,不知道后台能否看到。我的小程序叫“文学山雀”(๑•̀ㅁ•́ฅ)
因为回复有审核,所以会导致这样的情况
我感觉我越弄越懵,可否给个联系方式 ,教程属实有点看不懂。
教程看不懂基本上就很难整出来小程序了。。。善用搜索引擎吧
或者在微信开发者工具里面设置好项目配置里面的域名信息
统一回复下问题,在微信开发者工具里面要在详情里面勾选,不校验合法域名,web-view,那一项,要不然在调试的时候会显示不了文章
终于可以了 吐血,php版本问题切换为7.0便正常了,不知道是不是与扩展有关系、(╯‵□′)╯︵┴─┴
呃呃呃,我php版本是7.2
那就是扩展等等问题了,我7.2试了,不行。对啦 小程序内评论,不显示是什么问题哦?
一样获取不到文章,全部都对过去了~
分类正常显示,就是首页文章为空白,主题 博客全重新安装了也一样。
就是不知道是不是服务器的原因了,苦恼~~~~
我刚刚试过了,我改了一个apisec就可以查看了,应该是没有勾选不校验合法域名哪里,才没有显示的,首页的分类是写死的,所以才会有显示,同样也要自己修改
很遗憾的说,勾选了一样不行的。
所以我想很可能是服务器弄了什么的原因。
不过服务器,我实在没办法做还原,比较数据和网站那些很多(๑•̀ㅁ•́ฅ)
啊这,我自己试了一遍改后端秘钥就能连接上了,好玄学啊
哈哈,我人品不好  ̄﹃ ̄
那看来真的是我这边的问题了,我看看开源版的程序是不是有啥问题
一样分类都正常 可是首页动态与 分类下的文章获取不到现实为空白。全部重装对着来了几次都不行。
老哥,“关于”页面的那个些评论,文章,动态在哪里修改成自己的呀。
pages/about/home/home.js里31-34行
这个不能实时的跟随自己博客的评论文章还有动态数来吗?只能自己手动设置?
emmm,不好意思,是的
handsome的Markdown语法没有解析 怎么回事啊!~
有些不支持
总而言之,小程序无法显示文章等内容。。。。。
设置问题,善用全文搜索
然后用旧版本的插件就是最新动态不能显示,图片无法显示。。。
要用我给的
按照你的教程修改了,插件安装了,APISEC一样,文章还是获取不了唉
在微信开发者工具里面要在详情里面勾选,不校验合法域名,web-view,那一项,要不然在调试的时候会显示不了文章
/common/vendor.js改了嘛,是那里的r和i要对上
等我晚上回家给你回复呗
小程序端config.js怎么没找到文件呐
app.js
大佬,时光机页面有考虑添加到小程序嘛
额,目前没有这个想法
请问默认的缩略图怎么修改呀?
真的好
同为handsome主题,小程序文章缩略图无法显示,轮播文章的缩略图又可以显示
不好意思,是我记混了,是简介不显示,略缩图应该是显示的,request地址要写上放图片的地址,要不然是显示不了的,在开发的时候可以忽略
本来就不显示的
真好,这个教程不错(/ω\)
谢谢啦
可以的
老哥,这个版本很漂亮!!!爱了,已star,但是有几个问题想请教一下老哥哈!
1、使用该版本插件无法正常获取文章(可获取部分分类信息,但分类中无文章),使用以前版本的插件可以正常获取分类和分类中的文章,但最近动态这两个插件都无法获取出来。
2、请教一下老哥,缩略图如何获取呀?(同为handsome主题)
3、小程序给老哥评论过,不知道老哥有没有收到,我尝试用开发者工具给自己的博客评论,可以绕过typecho的审核,且无邮件提醒等,不知道老哥有没有相应的处理办法呢?(/ω\)
在微信开发者工具里面要在详情里面勾选,不校验合法域名,web-view,那一项,要不然在调试的时候会显示不了文章
不能获取文章嘛,不应该的呀?试下不填写显示的分类,我这边略缩图是不要经过任何操作的呀,直接填写就能获取,小程序的评论接收到了呢,开发者工具评论我也没试过。。
好的,我试试,谢谢老哥啦!还有想请教一下老哥,这个小程序评论是怎么审核的呀?和正常的typecho评论审核一样的嘛?我使用的时候评论会绕过审核直接成功(尴尬)
也就是您使用我小程序的时候评论直接显示出来的是嘛?如果是这样的话我还是要再后台通过下才可以显示的。并且我在评论设置那里勾选了“评论者之前须有评论通过了审核”,这样不管是博客还是小程序回复都需要审核了,希望对你有帮助OωO
好的,谢谢老哥啦!OωO
2、请问handsome主题如何获取缩略图呢?3、请问老哥的小程序如何做到评论审核的呢
有几个问题可以请教一下老哥吗?1、根据zip包里面的wetypecho插件配置后,小程序不能获取到文章(分类填写3个只获取了两个,且点开后没有文章),然后用原版wetypecho插件可正常获取分类及文章列表(但首页最新动态始终无法获取)
已star,老哥棒
后端密钥是小程序密钥吗
嗯
请问申请小程序服务类型选择的什么啊 看了下个人里面可选的都很少
工具,效率?
谢了
大佬你好后端密钥要如何获取
自己设置
是在宝塔还是在/common/vendor.js内设置还是在插件内设置
都要
白嫖了,我之前用的是成都第七帅大佬的wetypecho小程序,评论时可以绕过审核,而且也获取不到用户的IP,这个有没有这个问题
审核绕开好像不行,获取不到用户IP是真的。。
白嫖了
先来踩踩,两年之后成年用得上
OωO
好东西 白嫖了
点个star呀(´இ皿இ`)求求了
老哥 按照你的教程修改了 不对啊
获取不到文章
插件安装了吗?APISEC要一样