Skip to content

Conversation

@BolynWang
Copy link

@BolynWang BolynWang commented Aug 12, 2025

尽量按此模板PR内容,或粘贴相关的ISSUE链接。

已知问题

  1. heo主题英雄区右侧推荐文章有遮罩图片,需要点击推荐文章才会出现后面的推荐文章;但是有的用户可能不需要这个遮罩图片;增加一个变量来控制遮罩图片的显示与否更符合不同群体的需求。
微信图片_20250813074727_1093

解决方案

  1. 在heo/config.js中增加了HEO_HERO_RECOMMEND_COVER_ENABLE这个变量,同时修改部分遮罩图片控制的代码,变量为true时,遮罩图片显示,变量为false时,遮罩图片不显示,直接显示后面的推荐文章。
image

改动收益

  1. 更加可定制化,满足不同用户的需求,更加的自定义,主题更加灵活。

具体改动

  1. 在themes/heo/config.js中增加了变量HEO_HERO_RECOMMEND_COVER_ENABLE
  2. 修改Hero.js中TodayCard组件函数,增加了判断条件,根据变量true/false来控制遮罩图片显示与否。

测试确认

  • 本地开发环境测试通过
  • 生产环境构建测试通过
  • 版本号正确显示
  • 环境变量配置正常工作

仅增加了heo中的一个变量,相关测试已通过。
下面是变量为true的首页;
588bc861a60458eeb701e408b496b93c

下面是变量修改为false时的首页;
a926f2869d6083286f689e82d0c42b73

@vercel
Copy link

vercel bot commented Aug 12, 2025

@BolynWang is attempting to deploy a commit to the tangly1024's projects Team on Vercel.

A member of the Team first needs to authorize it.

@BolynWang BolynWang closed this Aug 13, 2025
@BolynWang BolynWang reopened this Aug 13, 2025
@BolynWang BolynWang closed this Aug 13, 2025
@BolynWang BolynWang reopened this Aug 13, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant