个性化配置

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

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

文章卡片配置

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

• VUE_APP_INDEX_POSTS_CARD：首页的文章卡片样式，可选为 1、2、3
• VUE_APP_CATEGORY_POSTS_CARD：分类下文章列表的卡片样式，可选为 1、2、3
• VUE_APP_TAG_POSTS_CARD：标签下文章列表的卡片样式，可选为 1、2、3

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

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

首页轮播文章设置

非常简单，只需要在 Halo 后台把想要展示的文章设置成置顶即可。

是否在最新文章显示置顶的文章

在 .env 中有一个 VUE_APP_RECENTLY_POST_SHOW_TOP_POST 配置，设置为 true 的话，会在最新文章列表中显示置顶的文章，设置为 false 则不会显示。

首页轮播文章样式配置

• 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. 开通云开发

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

2. 上传并部署云函数

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

选择 functions 目录，右键选择 上传并部署：云端安装依赖。

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

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