引言
#小程序：iOS逆向的宗旨是分享保鲜期很长的内容，并被大范围的传递。根据问题模型讲解最佳方案(问题 –> 方案 –> 总结)：
把复杂的问题讲解的很简单很清楚，有各种各样的推导和方案的比较（ 原理、思路、方法论）。
划重点
- 修改配置
- 文章样式：代码高亮
- 引导关注公众号
I 小程序基础配置
架构：uni-app，使用HBbuilderX 构建。
1.1 基础配置
- 在manifest.json文件配置应用名称和AppID
- 开启微信开发者工具的服务端口：手动打开工具 -> 设置 -> 安全设置
11:20:48.363 [微信小程序开发者工具] [error] IDE service port disabled. To use CLI Call, please enter y to confirm enabling CLI capability, or manually open IDE -> Settings -> Security Settings, and set Service Port On.
运行调试
4. 代码管理 https://git.weixin.qq.com/ 5. 设置WordPress REST API ： /components/api.js
export const Getfriend = API + '/wp-content/plugins/iosre-friend.php'; export const Getwatch = API + '/wp-content/plugins/iosre-watch.php'; export const Getdstrict = API + '/wp-content/plugins/iosre-dstrict.php';
1.2 文章样式
更新代码高亮支持语言的样式库
https://kunnan.blog.csdn.net/article/details/120411527
删除正则添加<pre><code>的class代码,否则默认是只支持css。
.replace(/<code([\s\w"=\/\.:;]+)((?:(style="[^"]+")))/ig, '<code') .replace(/<code([\s\w"=\/\.:;]+)((?:(class="[^"]+")))/ig, '<code') .replace(/<code>/ig, '<code class="language-css">')
推荐一个自动插入标签的wp插件: WP Githuber MD
代码库的标签应该是从wp的文章自动插入，而非在拿到接口数据之后强制写死css 样式
1.3 引导关注公众号
<official-account></official-account>
小程序场景值命中以下值时，可展示关注公众号组件：
1011 扫描二维码 1017 前往小程序体验版的入口页 1025 扫描一维码 1047 扫描小程序码 1124 扫“一物一码”打开小程序
1.4 内容保护
II 以Serverless WordPress为后端的基础配置
2.1 为REST API 接口新增返回字段
WordPress插件：给REST API新增文章特色图片（缩略图）字段
demo插件下载地址:https://download.csdn.net/download/u011018979/21981126
├── -dstrict.php 首页模块(精选栏目) ├── -friend.php 配置友情 ├── -watch.php 配置文件首页焦点 └── -xs.php 配置文章封面图片（文章特色图片）
文章的特色图片(缩略图/封面)模糊的解决方案：在wp后台的设置-媒体设置-缩略图大小 ，裁剪一个原始比例。当然你也可以设置0，表示不裁剪。
公众号头图尺寸比例是2.35：1，大概是900x383。
