给基于 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”

Java 对象克隆——Object.clone()

Java中对象的传递都是引用传递,那么如果我们只是想将一个对象的属性值复制给另一个对象,就可以使用

protected Object clone() throws CloneNotSupportedException

来实现一个对象的复制。下面就简单说一说 clone() 方法的使用。 想看更多?点我点我 “Java 对象克隆——Object.clone()”

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 地址、图片附带链接的问题”