《iOS逆向》小程序的基础配置:文章的特色图片(缩略图/封面)模糊的解决方案

简介: 《iOS逆向》小程序的基础配置:文章的特色图片(缩略图/封面)模糊的解决方案

引言

#小程序:iOS逆向的宗旨是分享保鲜期很长的内容,并被大范围的传递。根据问题模型讲解最佳方案(问题 –> 方案 –> 总结):

把复杂的问题讲解的很简单很清楚,有各种各样的推导和方案的比较( 原理、思路、方法论)。

划重点

  1. 修改配置
  2. 文章样式:代码高亮
  3. 引导关注公众号

I 小程序基础配置

架构:uni-app,使用HBbuilderX 构建。

1.1 基础配置

  1. 在manifest.json文件配置应用名称和AppID
  2. 开启微信开发者工具的服务端口:手动打开工具 -> 设置 -> 安全设置
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.

image.png

运行调试

image.png

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 文章样式

更新代码高亮支持语言的样式库

更新PrismJS:https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+clike+javascript+bash+c+markdown+markup-templating+objectivec+php+python+swift

image.png

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 扫“一物一码”打开小程序

image.png

1.4 内容保护

内容保护方案

II 以Serverless WordPress为后端的基础配置

2.1 为REST API 接口新增返回字段

WordPress插件:给REST API新增文章特色图片(缩略图)字段

demo插件下载地址:https://download.csdn.net/download/u011018979/21981126

image.png

├── -dstrict.php 首页模块(精选栏目) ├── -friend.php 配置友情 ├── -watch.php 配置文件首页焦点 └── -xs.php 配置文章封面图片(文章特色图片)


文章的特色图片(缩略图/封面)模糊的解决方案:在wp后台的设置-媒体设置-缩略图大小 ,裁剪一个原始比例。当然你也可以设置0,表示不裁剪。

公众号头图尺寸比例是2.35:1,大概是900x383。

image.png

III see also


目录
相关文章
|
20天前
|
小程序 安全 开发者
【产品上新】彻底解放主账号,开发者也能配置密钥,创建小程序了!
【产品上新】彻底解放主账号,开发者也能配置密钥,创建小程序了!
10 0
|
21天前
|
小程序
小程序一直未提审的原因及解决方案
小程序一直未提审的原因及解决方案
17 0
|
21天前
|
移动开发 小程序 API
【小程序质量提优解决方案】(三)内嵌H5页面访问受限
【小程序质量提优解决方案】(三)内嵌H5页面访问受限
52 0
|
21天前
|
移动开发 小程序 JavaScript
【小程序质量提优解决方案】(二)内嵌H5加载异常(404)
【小程序质量提优解决方案】(二)内嵌H5加载异常(404)
11 0
|
22天前
|
移动开发 运维 小程序
【4月开发者日回顾】小程序审核驳回增加页面截图;H5域名白名单的配置将实时生效……
【4月开发者日回顾】小程序审核驳回增加页面截图;H5域名白名单的配置将实时生效……
26 0
|
1月前
|
小程序 前端开发 Android开发
解决小程序中textarea ios端样式不兼容的两种方法
解决小程序中textarea ios端样式不兼容的两种方法
|
2月前
|
前端开发 小程序
微信小程序canvas画布绘制base64图片并保存图片到相册中
微信小程序canvas画布绘制base64图片并保存图片到相册中
|
2月前
|
小程序 前端开发
解决小程序 scroll-view 里面的image有间距、小程序里面的图片之间有空隙的问题。
解决小程序 scroll-view 里面的image有间距、小程序里面的图片之间有空隙的问题。
|
11天前
|
缓存 小程序 Android开发
mPaaS问题之iOS调用插件的时候提示没有配置mpaas. Config文件如何解决
mPaaS配置是指在mPaaS平台上对移动应用进行的各项设置,以支持应用的定制化和优化运行;本合集将提供mPaaS配置的操作指南和最佳实践,助力开发者高效管理和调整移动应用的设置。
24 1
|
11天前
|
文字识别 小程序 开发工具
mPaaS小程序问题之调用选图片的时候报错如何解决
mPaaS小程序是阿里巴巴移动平台服务(mPaaS)推出的一种轻量级应用解决方案,旨在帮助开发者快速构建跨平台的小程序应用;本合集将聚焦mPaaS小程序的开发流程、技术架构和最佳实践,以及如何解决开发中遇到的问题,从而助力开发者高效打造和维护小程序应用。
15 0

热门文章

最新文章

相关产品

  • 云迁移中心