From 6d762d25070cc4bd94a1756f6164b90966abd9b6 Mon Sep 17 00:00:00 2001 From: Red-Asuka Date: Fri, 23 Dec 2022 10:34:18 +0800 Subject: [PATCH] docs(help): update MQTT beginner's guide --- src/assets/scss/element/element-reset.scss | 2 +- src/lang/help.ts | 50 ++++++++++++++-------- src/views/help/index.vue | 14 ++++-- web/src/lang/help.ts | 34 +++++++++------ web/src/views/help/index.vue | 14 ++++-- 5 files changed, 77 insertions(+), 37 deletions(-) diff --git a/src/assets/scss/element/element-reset.scss b/src/assets/scss/element/element-reset.scss index 45ea8b8cf..bb79850ba 100644 --- a/src/assets/scss/element/element-reset.scss +++ b/src/assets/scss/element/element-reset.scss @@ -256,7 +256,7 @@ /* Tootip */ .el-tooltip__popper.is-light { - color: var(--color-text-light); + color: var(--color-text-right_block); } /* Color picker */ diff --git a/src/lang/help.ts b/src/lang/help.ts index d0af1576f..5a915f15d 100644 --- a/src/lang/help.ts +++ b/src/lang/help.ts @@ -42,11 +42,11 @@ export default { hu: 'A gazdag és könnyen érthető MQTT útmutató segít abban, hogy gyorsan elkezdhesse a MQTT protokollt.', }, guideArticle1: { - zh: '物流网首选协议，关于 MQTT 你需要了解这些', - en: 'What is the MQTT protocol', - ja: 'What is the MQTT protocol', - tr: 'What is the MQTT protocol', - hu: 'What is the MQTT protocol', + zh: '物联网首选协议，关于 MQTT 你需要了解这些', + en: 'What is The MQTT and Why is it the Best Protocol for IoT?', + ja: 'What is The MQTT and Why is it the Best Protocol for IoT?', + tr: 'What is The MQTT and Why is it the Best Protocol for IoT?', + hu: 'What is The MQTT and Why is it the Best Protocol for IoT?', }, guideArticle2: { zh: 'MQTT 协议快速体验', @@ -63,40 +63,54 @@ export default { hu: 'Introduction to MQTT publish-subscribe model', }, guideArticle4: { + zh: '创建 MQTT 连接时如何设置参数？', + en: 'How to Set Parameters When Establishing an MQTT Connection?', + ja: 'How to Set Parameters When Establishing an MQTT Connection?', + tr: 'How to Set Parameters When Establishing an MQTT Connection?', + hu: 'How to Set Parameters When Establishing an MQTT Connection?', + }, + guideArticle5: { zh: '通过案例理解 MQTT 主题与通配符', en: 'Understanding MQTT Topics & Wildcards by Case', ja: 'Understanding MQTT Topics & Wildcards by Case', tr: 'Understanding MQTT Topics & Wildcards by Case', hu: 'Understanding MQTT Topics & Wildcards by Case', }, - guideArticle5: { - zh: 'MQTT QoS（服务质量）介绍', - en: 'Introduction to MQTT QoS (Quality of Service)', - ja: 'Introduction to MQTT QoS (Quality of Service)', - tr: 'Introduction to MQTT QoS (Quality of Service)', - hu: 'Introduction to MQTT QoS (Quality of Service)', - }, guideArticle6: { - zh: 'MQTT 会话', + zh: 'MQTT 持久会话与 Clean Session 详解', en: 'MQTT Session', ja: 'MQTT Session', tr: 'MQTT Session', hu: 'MQTT Session', }, guideArticle7: { - zh: 'MQTT 保留消息是什么？如何使用？', - en: 'MQTT Retain Message', - ja: 'MQTT Retain Message', - tr: 'MQTT Retain Message', - hu: 'MQTT Retain Message', + zh: 'MQTT QoS（服务质量）介绍', + en: 'Introduction to MQTT QoS (Quality of Service)', + ja: 'Introduction to MQTT QoS (Quality of Service)', + tr: 'Introduction to MQTT QoS (Quality of Service)', + hu: 'Introduction to MQTT QoS (Quality of Service)', }, guideArticle8: { + zh: 'MQTT 保留消息是什么？如何使用？', + en: "The Beginner's Guide to MQTT Retained Messages", + ja: "The Beginner's Guide to MQTT Retained Messages", + tr: "The Beginner's Guide to MQTT Retained Messages", + hu: "The Beginner's Guide to MQTT Retained Messages", + }, + guideArticle9: { zh: 'MQTT 遗嘱消息（Will Message）的使用', en: 'Use of MQTT Will Message', ja: 'Use of MQTT Will Message', tr: 'Use of MQTT Will Message', hu: 'Use of MQTT Will Message', }, + guideArticle10: { + zh: 'MQTT 协议 Keep Alive 详解', + en: 'What is the MQTT Keep Alive parameter for?', + ja: 'What is the MQTT Keep Alive parameter for?', + tr: 'What is the MQTT Keep Alive parameter for?', + hu: 'What is the MQTT Keep Alive parameter for?', + }, practiceTitle: { zh: 'MQTT 编程', en: 'MQTT Programming', diff --git a/src/views/help/index.vue b/src/views/help/index.vue index 380bb8a2d..48a7c9d1b 100644 --- a/src/views/help/index.vue +++ b/src/views/help/index.vue @@ -98,11 +98,11 @@ export default class Help extends Vue { }, { title: this.$tc('help.guideArticle4'), - link: `${this.emqWebsite}/blog/advanced-features-of-mqtt-topics`, + link: `${this.emqWebsite}/blog/how-to-set-parameters-when-establishing-an-mqtt-connection`, }, { title: this.$tc('help.guideArticle5'), - link: `${this.emqWebsite}/blog/introduction-to-mqtt-qos`, + link: `${this.emqWebsite}/blog/advanced-features-of-mqtt-topics`, }, { title: this.$tc('help.guideArticle6'), @@ -110,12 +110,20 @@ export default class Help extends Vue { }, { title: this.$tc('help.guideArticle7'), - link: `${this.emqWebsite}/blog/mqtt5-features-retain-message`, + link: `${this.emqWebsite}/blog/introduction-to-mqtt-qos`, }, { title: this.$tc('help.guideArticle8'), + link: `${this.emqWebsite}/blog/mqtt5-features-retain-message`, + }, + { + title: this.$tc('help.guideArticle9'), link: `${this.emqWebsite}/blog/use-of-mqtt-will-message`, }, + { + title: this.$tc('help.guideArticle10'), + link: `${this.emqWebsite}/blog/mqtt-keep-alive`, + }, ] } diff --git a/web/src/lang/help.ts b/web/src/lang/help.ts index 899b5f68d..19ef49f76 100644 --- a/web/src/lang/help.ts +++ b/web/src/lang/help.ts @@ -32,9 +32,9 @@ export default { ja: '豊富で分かりやすい MQTT ガイドで、MQTT プロトコルをすぐに始めることができます。', }, guideArticle1: { - zh: '物流网首选协议，关于 MQTT 你需要了解这些', - en: 'What is the MQTT protocol', - ja: 'What is the MQTT protocol', + zh: '物联网首选协议，关于 MQTT 你需要了解这些', + en: 'What is The MQTT and Why is it the Best Protocol for IoT?', + ja: 'What is The MQTT and Why is it the Best Protocol for IoT?', }, guideArticle2: { zh: 'MQTT 协议快速体验', @@ -47,30 +47,40 @@ export default { ja: 'Introduction to MQTT publish-subscribe model', }, guideArticle4: { + zh: '创建 MQTT 连接时如何设置参数？', + en: 'How to Set Parameters When Establishing an MQTT Connection?', + ja: 'How to Set Parameters When Establishing an MQTT Connection?', + }, + guideArticle5: { zh: '通过案例理解 MQTT 主题与通配符', en: 'Understanding MQTT Topics & Wildcards by Case', ja: 'Understanding MQTT Topics & Wildcards by Case', }, - guideArticle5: { - zh: 'MQTT QoS（服务质量）介绍', - en: 'Introduction to MQTT QoS (Quality of Service)', - ja: 'Introduction to MQTT QoS (Quality of Service)', - }, guideArticle6: { - zh: 'MQTT 会话', + zh: 'MQTT 持久会话与 Clean Session 详解', en: 'MQTT Session', ja: 'MQTT Session', }, guideArticle7: { - zh: 'MQTT 保留消息是什么？如何使用？', - en: 'MQTT Retain Message', - ja: 'MQTT Retain Message', + zh: 'MQTT QoS（服务质量）介绍', + en: 'Introduction to MQTT QoS (Quality of Service)', + ja: 'Introduction to MQTT QoS (Quality of Service)', }, guideArticle8: { + zh: 'MQTT 保留消息是什么？如何使用？', + en: "The Beginner's Guide to MQTT Retained Messages", + ja: "The Beginner's Guide to MQTT Retained Messages", + }, + guideArticle9: { zh: 'MQTT 遗嘱消息（Will Message）的使用', en: 'Use of MQTT Will Message', ja: 'Use of MQTT Will Message', }, + guideArticle10: { + zh: 'MQTT 协议 Keep Alive 详解', + en: 'What is the MQTT Keep Alive parameter for?', + ja: 'What is the MQTT Keep Alive parameter for?', + }, practiceTitle: { zh: 'MQTT 编程', en: 'MQTT Programming', diff --git a/web/src/views/help/index.vue b/web/src/views/help/index.vue index 380bb8a2d..48a7c9d1b 100644 --- a/web/src/views/help/index.vue +++ b/web/src/views/help/index.vue @@ -98,11 +98,11 @@ export default class Help extends Vue { }, { title: this.$tc('help.guideArticle4'), - link: `${this.emqWebsite}/blog/advanced-features-of-mqtt-topics`, + link: `${this.emqWebsite}/blog/how-to-set-parameters-when-establishing-an-mqtt-connection`, }, { title: this.$tc('help.guideArticle5'), - link: `${this.emqWebsite}/blog/introduction-to-mqtt-qos`, + link: `${this.emqWebsite}/blog/advanced-features-of-mqtt-topics`, }, { title: this.$tc('help.guideArticle6'), @@ -110,12 +110,20 @@ export default class Help extends Vue { }, { title: this.$tc('help.guideArticle7'), - link: `${this.emqWebsite}/blog/mqtt5-features-retain-message`, + link: `${this.emqWebsite}/blog/introduction-to-mqtt-qos`, }, { title: this.$tc('help.guideArticle8'), + link: `${this.emqWebsite}/blog/mqtt5-features-retain-message`, + }, + { + title: this.$tc('help.guideArticle9'), link: `${this.emqWebsite}/blog/use-of-mqtt-will-message`, }, + { + title: this.$tc('help.guideArticle10'), + link: `${this.emqWebsite}/blog/mqtt-keep-alive`, + }, ] }