更新在线构建新闻

在线构建的新闻推送系统与 mcwzh-meme-resourcepack repo 的 news.json 相关联。本教程将带领各贡献者更新新闻。

检查清单

• 上一则新闻已经过时。
• JE 与 BE 的新闻统一在这里发表。
• 有基本的 HTML 知识。

更新步骤

准备文字稿和图片

准备文字稿。文字稿不需要太长，也不应该太长。虽然是可以滚动的，但是这个玩意大部分人也就看个新鲜。文字稿可以使用原生 HTML 语法（Vue 语法和 Vuetify 组件不可用）。

图片无法滚动，不会自适应，请注意图片的大小比例。图片不是必须的。图片需要上传到任何一个可靠的地方。在 GitHub repo 已经有的图片可以使用 jsDelivr。

更新 news.json

这是一份 news.json：

{
    "id": 1,
    "title": "梗体中文 Java 版 1.3.1 发布",
    "image": null,
    "content": "<p>全新梗中版本！<p>法棍、蓝鸡、金坷垃现已加入梗体中文豪华套餐！<p>现已支持 BC 等老牌模组！<p>红叶谷的草现在也会变红了！<p>还在等什么？快快点击网页构建的构建按钮！",
    "detail": "https://github.com/Teahouse-Studios/mcwzh-meme-resourcepack/releases/tag/v1.3.1"
}

下面讲解每一个键值对的作用：

• id：应该是一个数字。每一则新闻的数字都应该更进一个。这个数字是用来判断用户是否读过这则新闻的。请不要在数字前后加上引号。必填。
• title：顾名思义，是新闻标题。字数不要太多。必填。
• image：上述新闻的配图 URL。不必填，如果没有请使用 null 代替（包括周围的两个引号也要移除掉）。
• video：上述新闻的视频，请填写可以 iframe 的链接（如B站 iframe）。不必填，如果没有请使用 null 代替（包括周围的两个引号也要移除掉）。
• content：上述新闻的介绍文字。必填。
• detail：新闻的“阅读更多”按钮的链接。一般是B站动态/博客/更新日志链接。不必填，如果没有请使用 null 代替（包括周围的两个引号也要移除掉）。

填写完毕即可 commit & push。

刷新 CDN 缓存

CDN 的缓存会每天自动刷新，但一天的时效性太弱，这时就需要刷新缓存。

刷新之前

刷新缓存前，请务必检查好 JSON 的有效性。如果不太懂，建议先让其他有能力的成员检查。

如何刷新

刷新缓存只要访问这个链接：https://purge.jsdelivr.net/gh/Teahouse-Studios/mcwzh-meme-resourcepack@master/news.json

访问这个连接后会返回一个 JSON，告诉你刷新的情况。

JSON 一般是这样的：

{
  "success": true,
  "error": null,
  "paths": [
    "gh/Teahouse-Studios/mcwzh-meme-resourcepack@master/news.json"
  ],
  "cdn": {
    "fastly": true,
    "bunny": true,
    "cloudflare": true,
    "quantil": true
  }
}

特别注意 success 字段，如果 success 为 false，则说明刷新不成功，需要再刷新一遍。

自己测试

完事之后就可以到在线构建页面 Shift + F5 测试效果了。

祝你好运！