在 WordPress 文章下方显示该文章的小程序码

在开发了基于 WordPress 的小程序后,就想在每篇文章下面加上这篇文章在小程序中的小程序码,微信扫一扫可以直接在小程序中查看该文章,于是就有了这篇文章 :(哈哈) 注意,下面的教程只适用于基于守望轩小程序模版开发的小程序,并且我是用 Header and Footer 插件来向文章下方添加代码的,因此下面我只给出核心的代码,而不是教你如何在 WordPress 文章后面添加内容(如要使用可自行查找添加的方法),还有就是代码使用的是 html 和 php 语言。

想看更多?点我点我 “在 WordPress 文章下方显示该文章的小程序码”

给基于 wxParse 的 WordPress 版小程序添加代码高亮

最近一直在搞小程序中的代码高亮,测试了 towxml、richText 和 html2json 插件都不太满意,没办法,自己摸索吧。最终我选择了基于 wxParse 和 Prism 来实现代码高亮,简单的思路就是通过判断当前标签是否是“pre”,如果是,就将“pre”标签中的代码段用 Prism 的 API 来实现高亮,再将高亮后的内容返回,最后都交给 wxParse 来解析 html。有了思路,下面就开始干! 想看更多?点我点我 “给基于 wxParse 的 WordPress 版小程序添加代码高亮”

解决 WordPress 版小程序文章内容中的“<”和“>”字符显示问题

在 html 转 wxml 的过程中,最大的问题就是 html 标签的转化,当前我的小程序用的是“wxParse”工具来实现 html to wxml,只不过有一个问题,当文章中含有“<”和“>”符号时,虽然在获得的文章内容响应中这两个字符被编码为“&lt;”和“&gt;”,但是在 wxparse 解析 html 前会先进行 html 特殊字符的解码,就把“&lt;”和“&gt;”又解码为“<”和“>”,然后才进行标签转化。这样就造成文章内容中的“<”和“>”也会识别为 html 标签,造成解析出现问题,最终导致文章一直加载不出来。这里说一说我是怎么解决这个问题的。

2018-6-11 更新:解决“&amp;lt;”,“&amp;gt;”也被解析为“<”和“>”的问题。

想看更多?点我点我 “解决 WordPress 版小程序文章内容中的“< ”和“>”字符显示问题”

解决 Wordpress 版微信小程序中文章图片过大的问题

在开发 WordPress 版微信小程序的过程中发现文章图片如果宽度大于屏幕的宽度,图片是以原尺寸显示的,就会充满屏幕,而不不是缩放显示。在 wxParse 的解析中明明有图片尺寸的自动解析,但并没有起作用。经过一段时间的摸索,总算是找到原因了,在这里记录一下。 想看更多?点我点我 “解决 Wordpress 版微信小程序中文章图片过大的问题”

如何在 Ubuntu 18.04 上用 apt 安装并配置 MySQL

本来后天就要考试了,可是嘞,按捺不住我这颗想要折腾的心 :(小乖) 最终还是决定先写篇文章压压惊。本文要说的就是如何在 Ubuntu 18.04 中用 apt 来安装 MySQL。

简单来说,就三条命令搞定:

sudo apt update
sudo apt install mysql-server
sudo mysql_secure_installation

由于我们是通过 apt 来安装,MySQL版本肯定是最新的,就我写这篇文章的时候MySQL 版本是 5.7。下面我将分三步来说明如何安装和配置。 想看更多?点我点我 “如何在 Ubuntu 18.04 上用 apt 安装并配置 MySQL”

sunriseydy 又双叒叕发布啦,这次是微信小程序

继发布了微信公众号、个人主页和安卓 APP 之后,这次我又来发布我的微信小程序:sunriseydy。同样是基于 WordPress,使用的是守望轩 WordPress 版小程序开源模板,很感谢这位大佬的开源精神,让更多人能够体验制作微信小程序。

先放出二维码:

sunriseydy 小程序码

更新日志:

发布版本:1.4.0
1、添加代码高亮。使用 Prism
2、添加首页加载下一页时的 Loading
3、修复 < > & 的显示问题

想看更多?点我点我 “sunriseydy 又双叒叕发布啦,这次是微信小程序”

解决 WordPress 微信小程序文章内代码显示、图片非 CDN 地址、图片附带链接的问题

最近一直在开发后台基于 WordPress 的微信小程序(用的是守望轩的开源模板),遇到了很多问题: wxParse 转换后文章中的代码显示不正常;由于 WordPress 的样式让图片附带了媒体链接;由于 API 的原因获取到的图片地址也不是 CDN 的地址等等。为了解决这些问题修了好几夜的仙,这里呢,就给出我的解决方法:主要就是在小程序把获得的文章内容的响应传给 wxParse 之前用正则表达式替换响应的内容。遇到同样问题的可以参考一下。

wxParse 真的是不完善,本篇文章在小程序里都加载不出来,猜测含有太多“<pre>”和“<code>”标签的代码导致解析炸了 :(黑线) 无奈,真希望微信官方能出一个转换工具。

想看更多?点我点我 “解决 WordPress 微信小程序文章内代码显示、图片非 CDN 地址、图片附带链接的问题”