个性化配置

此小程序提供了一些自带的个性化配置,通过这些配置满足一些基本的个性化需求。

目前 Reflect Halo 小程序使用的 Node 环境变量的方式进行配置修改,如果你已经看了前面 运行修改项目配置 部分,那么应该已经清楚该如何修改了。但需要注意的是,因为 Node 的环境变量特性所致,修改 .env 文件之后必须重新运行启动命令才可以生效。

文章卡片配置

.env 文件中有三个卡片样式的设置,分别是首页的文章卡片、分类下文章列表的卡片、标签下文章列表的卡片。

  • VUE_APP_INDEX_POSTS_CARD:首页的文章卡片样式,可选为 123
  • VUE_APP_CATEGORY_POSTS_CARD:分类下文章列表的卡片样式,可选为 123
  • VUE_APP_TAG_POSTS_CARD:标签下文章列表的卡片样式,可选为 123

修改对应的值即可使用不同的文章卡片样式,如图:

配置值首页分类下文章列表页面标签下文章列表页面
1
2
3

首页轮播图样式配置

  • VUE_APP_INDEX_SWIPER_3D:首页文章轮播图是否开启 3D 效果
配置值效果
true
false

文章海报二维码配置

  • VUE_APP_SHARE_PAINTER_QRCODE:文章海报生成二维码方式,mini:小程序码(需要开通云开发),normal:普通二维码(扫码打开站点)

目前默认设置为 normal,这种方式生成的海报二维码扫描之后是打开的对应站点文章页面,而非小程序页面。如果你需要设置为生成小程序码,则需要根据后面的教程开通云开发。

配置值效果
normal
mini

开通云开发使用小程序码

如果你将 VUE_APP_SHARE_PAINTER_QRCODE 设置为了 mini ,那么必须通过此步骤开通云开发并且上传项目中的云函数,否则会导致海报生成失败。

  1. 开通云开发

在开发者工具的工具栏左侧,点击 “云开发” 按钮即可打开云控制台,根据提示开通云开发,并且创建一个新的云开发环境。

  1. 上传并部署云函数

在微信开发者工具中资源管理器目录中可以找到 static/cloudfunctions 目录,此目录即云函数目录,我们需要根据如下图所示上传并部署云函数和同步云函数:

选择 functions 目录,右键选择 上传并部署:云端安装依赖

Snipaste_2021-06-11_01-47-18

选择 cloudfunctions 目录,右键选择 同步云函数列表

Snipaste_2021-06-11_01-47-27

等待同步完成之后即可使用。