更新了项目md代码结构

content/knowledge-center/aws-account-sharing.md

@@ -0,0 +1,26 @@
+---
+slug: aws-account-sharing
+title: AWS账号可以公用或者转借给别人用吗
+description: "这篇文章探讨了云计算行业的发展方向，包括智能化、边缘计算等。"
+keywords: "云计算, AI, 边缘计算"
+category: Amazon Web Services(AWS)账号是专为个人或组织设计的，以确保安全性和合规性。根据AWS的服务条款，AWS账号不应该被共享或转借给他人使用。每个AWS账号都有其独特的访问密钥和安全凭证，这些凭证用于访问和管理AWS服务。如果需要与团队成员或合作伙伴合作，AWS提供了多种方法来实现这一点，而无需共享主账号的访问密钥。
+order: 2
+---
+
+### 寻求提升销售技能与扩大规模以满足增长需求
+CodeBit Programando Soluções 是一家位于巴西的软件开发公司，专注于为非营利组织和公共部门客户构建定制软件解决方案。其客户涵盖初创企业、基金会、大学和社会项目倡导组织等。CodeBit 还提供网页和移动应用程序开发、软件测试以及质量保证服务。作为 AWS 合作伙伴，CodeBit 利用包括 Amazon Elastic Compute Cloud（Amazon EC2）、Amazon Relational Database Service（Amazon RDS）和 AWS Auto Scaling 在内的服务，帮助客户将其关键应用程序和工作负载迁移到 Amazon Web Services（AWS）。<br/>
+为了跟上持续增长的步伐，CodeBit 意识到需要更轻松地扩大业务规模，同时提升销售能力。“我们做的是我们所擅长的，即开发软件和帮助非营利组织及公共部门企业迁移到 AWS。但是，在销售和推广我们的产品和服务方面，我们并不擅长，”CodeBit 创始人 Heitor Cunha 表示，“为了真正加速我们的增长，我们必须在业务推广方面做得更好。”<br/>
+CodeBit 是 AWS 非营利组织能力合作伙伴，与此同时，公司还希望成为 AWS 教育行业能力合作伙伴，以拓展其在巴西教育领域的业务。“我们需要获得教育能力认证，以扩展我们在这一领域的业务，”Cunha说道。
+### 通过 AWS 合作伙伴转型计划制定新的商业计划
+为满足业务需求，CodeBit 参与了 AWS 合作伙伴转型计划（AWS PTP），这是一项评测、培训和赋能计划，旨在助力合作伙伴构建成功且盈利的 AWS 业务。AWS PTP 由第三方合作伙伴 Advance Consulting 提供，包括与 AWS 代表的会面、为期多日的讲习会，以及为帮助合作伙伴达成特定目标而定制的计划。“当我们了解到 AWS 合作伙伴转型计划时，我们发现它能助力我们加速业务增长，”Cunha 表示，“通过该计划，我们了解到 AWS 可以帮助我们提升销售和营销能力。”<br/>
+在 AWS PTP 的推进过程中，CodeBit 的利益相关者与 AWS 领导团队和产品经理紧密合作，共同制定了一项全面的计划，其中包含旨在助力公司实现业务转型的各项活动。作为该计划的一部分，CodeBit 获得了访问其用于构建和测试新产品的沙盒环境的机会。“AWS 在每一个环节都给予了我们帮助，”Cunha 说，“我们甚至都不了解 PTP，但 AWS 通过沙盒计划和其他培训向我们展示了该计划可以如何帮助我们实现目标。””<br/>
+### 通过新应用程序提升互联网安全
+通过 AWS PTP，CodeBit 开发并推出了 CodeWall 应用程序，该应用程序可帮助家庭跟踪和控制屏幕使用时间、阻止不必要的网络访问，并确保安全浏览。“有了 CodeWall，家庭能够掌握移动设备、电视、视频游戏机等所有设备的使用情况，从而提升互联网安全，”Cunha 表示，“得益于 AWS 合作伙伴转型计划，我们能够利用 AWS 沙盒环境，在成功地将应用程序交付给客户之前，对其进行开发、测试和扩展。”
+### 转变销售和营销能力
+CodeBit 借助 AWS PTP 提供的技能和培训，改变了其销售和市场营销流程的运作方式。“在参与该计划之前，我们没有组建专门负责市场定位和向客户推广产品的正式团队。AWS 合作伙伴转型计划让我们改变了公司的组织方式，并组建了一支新的商业团队，专注于改进我们销售产品的方式。”Cunha 说道。<br/>
+经过此番转型，CodeBit 组建了独立的开发和基础设施团队，分别专注于销售和营销不同的 CodeBit 解决方案。开发团队负责销售五款产品：CodeDev 开发平台、帮助客户实现应用现代化的解决方案 CodeNew、自动审查应用程序代码的工具 CodeReview、应用维护软件 CodeFly，以及 CodeCell，一个由客户和 CodeBit 开发人员组成的专业团队。基础设施团队则销售四款产品：用于将工作负载从本地环境和其他云环境迁移到 AWS 的 CloudOps Migration 服务；面向已使用 AWS 但在账户审查方面需要帮助的客户的 CloudOps Review；CloudOps Data 商业智能产品；以及提供全天候支持的 AWS 云托管服务 CloudOps Fly。
+### 扩展培训和认证
+为了支持业务增长以及与 AWS 的合作伙伴关系，CodeBit 成立了一个培训委员会，该委员会由领导层和其他技术团队成员组成，其使命是传播培训知识并促进内部发展，重点是获得认证。该委员会负责推广和监督课程、为注册提供资金支持，并为取得成就者发放奖金。这一举措促使 CodeBit 的认证专业人员数量大幅增加，从 2022 年的 10 名增加到 2023 年的 21 名，增长率高达 110%。
+### 营收增长 28% 并开拓了新教育领域的客户
+自参与 AWS 合作伙伴转型计划以来，CodeBit 的业务迅速增长，2023 年实现了 28% 的营收增长。“AWS 合作伙伴转型计划提供的支持、培训和认证帮助我们实现了收入增长，我们预计这一增长势头将持续下去，”Cunha 表示。<br/>
+CodeBit 还直接通过 AWS 合作伙伴转型计划成为了 AWS 教育行业能力合作伙伴。“AWS PTP 让我们意识到能力在加强我们的工作以及向他人展示方面的重大意义。我们是巴西首批同时拥有非营利和教育领域能力的 AWS 合作伙伴之一，”Cunha 说，“这将有助于我们在寻求国际扩张时实现业务差异化并促进进一步增长。”

content/knowledge-center/aws-codebit-case-study.md

@@ -0,0 +1,26 @@
+---
+slug: aws-codebit-case-study
+title: 一篇文章了解AWS
+description: "这篇文章探讨了云计算行业的发展方向，包括智能化、边缘计算等。"
+keywords: "云计算, AI, 边缘计算"
+category: 先来总结，AWS是全球云计算领域毋庸置疑的领导者，AWS是全球最全面、应用最广泛的云服务平台，提供超过200项功能齐全的服务，覆盖计算、存储、数据库、网络、机器学习、人工智能物联网等多个领域，它的全球数据中心网络遍布世界各地，支持数百万客户降低成本、提高敏捷性并加速创新。
+order: 1
+---
+
+### 寻求提升销售技能与扩大规模以满足增长需求
+CodeBit Programando Soluções 是一家位于巴西的软件开发公司，专注于为非营利组织和公共部门客户构建定制软件解决方案。其客户涵盖初创企业、基金会、大学和社会项目倡导组织等。CodeBit 还提供网页和移动应用程序开发、软件测试以及质量保证服务。作为 AWS 合作伙伴，CodeBit 利用包括 Amazon Elastic Compute Cloud（Amazon EC2）、Amazon Relational Database Service（Amazon RDS）和 AWS Auto Scaling 在内的服务，帮助客户将其关键应用程序和工作负载迁移到 Amazon Web Services（AWS）。<br/>
+为了跟上持续增长的步伐，CodeBit 意识到需要更轻松地扩大业务规模，同时提升销售能力。“我们做的是我们所擅长的，即开发软件和帮助非营利组织及公共部门企业迁移到 AWS。但是，在销售和推广我们的产品和服务方面，我们并不擅长，”CodeBit 创始人 Heitor Cunha 表示，“为了真正加速我们的增长，我们必须在业务推广方面做得更好。”<br/>
+CodeBit 是 AWS 非营利组织能力合作伙伴，与此同时，公司还希望成为 AWS 教育行业能力合作伙伴，以拓展其在巴西教育领域的业务。“我们需要获得教育能力认证，以扩展我们在这一领域的业务，”Cunha说道。
+### 通过 AWS 合作伙伴转型计划制定新的商业计划
+为满足业务需求，CodeBit 参与了 AWS 合作伙伴转型计划（AWS PTP），这是一项评测、培训和赋能计划，旨在助力合作伙伴构建成功且盈利的 AWS 业务。AWS PTP 由第三方合作伙伴 Advance Consulting 提供，包括与 AWS 代表的会面、为期多日的讲习会，以及为帮助合作伙伴达成特定目标而定制的计划。“当我们了解到 AWS 合作伙伴转型计划时，我们发现它能助力我们加速业务增长，”Cunha 表示，“通过该计划，我们了解到 AWS 可以帮助我们提升销售和营销能力。”<br/>
+在 AWS PTP 的推进过程中，CodeBit 的利益相关者与 AWS 领导团队和产品经理紧密合作，共同制定了一项全面的计划，其中包含旨在助力公司实现业务转型的各项活动。作为该计划的一部分，CodeBit 获得了访问其用于构建和测试新产品的沙盒环境的机会。“AWS 在每一个环节都给予了我们帮助，”Cunha 说，“我们甚至都不了解 PTP，但 AWS 通过沙盒计划和其他培训向我们展示了该计划可以如何帮助我们实现目标。””<br/>
+### 通过新应用程序提升互联网安全
+通过 AWS PTP，CodeBit 开发并推出了 CodeWall 应用程序，该应用程序可帮助家庭跟踪和控制屏幕使用时间、阻止不必要的网络访问，并确保安全浏览。“有了 CodeWall，家庭能够掌握移动设备、电视、视频游戏机等所有设备的使用情况，从而提升互联网安全，”Cunha 表示，“得益于 AWS 合作伙伴转型计划，我们能够利用 AWS 沙盒环境，在成功地将应用程序交付给客户之前，对其进行开发、测试和扩展。”
+### 转变销售和营销能力
+CodeBit 借助 AWS PTP 提供的技能和培训，改变了其销售和市场营销流程的运作方式。“在参与该计划之前，我们没有组建专门负责市场定位和向客户推广产品的正式团队。AWS 合作伙伴转型计划让我们改变了公司的组织方式，并组建了一支新的商业团队，专注于改进我们销售产品的方式。”Cunha 说道。<br/>
+经过此番转型，CodeBit 组建了独立的开发和基础设施团队，分别专注于销售和营销不同的 CodeBit 解决方案。开发团队负责销售五款产品：CodeDev 开发平台、帮助客户实现应用现代化的解决方案 CodeNew、自动审查应用程序代码的工具 CodeReview、应用维护软件 CodeFly，以及 CodeCell，一个由客户和 CodeBit 开发人员组成的专业团队。基础设施团队则销售四款产品：用于将工作负载从本地环境和其他云环境迁移到 AWS 的 CloudOps Migration 服务；面向已使用 AWS 但在账户审查方面需要帮助的客户的 CloudOps Review；CloudOps Data 商业智能产品；以及提供全天候支持的 AWS 云托管服务 CloudOps Fly。
+### 扩展培训和认证
+为了支持业务增长以及与 AWS 的合作伙伴关系，CodeBit 成立了一个培训委员会，该委员会由领导层和其他技术团队成员组成，其使命是传播培训知识并促进内部发展，重点是获得认证。该委员会负责推广和监督课程、为注册提供资金支持，并为取得成就者发放奖金。这一举措促使 CodeBit 的认证专业人员数量大幅增加，从 2022 年的 10 名增加到 2023 年的 21 名，增长率高达 110%。
+### 营收增长 28% 并开拓了新教育领域的客户
+自参与 AWS 合作伙伴转型计划以来，CodeBit 的业务迅速增长，2023 年实现了 28% 的营收增长。“AWS 合作伙伴转型计划提供的支持、培训和认证帮助我们实现了收入增长，我们预计这一增长势头将持续下去，”Cunha 表示。<br/>
+CodeBit 还直接通过 AWS 合作伙伴转型计划成为了 AWS 教育行业能力合作伙伴。“AWS PTP 让我们意识到能力在加强我们的工作以及向他人展示方面的重大意义。我们是巴西首批同时拥有非营利和教育领域能力的 AWS 合作伙伴之一，”Cunha 说，“这将有助于我们在寻求国际扩张时实现业务差异化并促进进一步增长。”

layouts/default.vue

@@ -252,6 +252,7 @@ export default {
   transition: padding 0.3s, height 0.3s; /* 添加平滑过渡 */
   z-index: 1000; /* 保证导航栏在其他内容之上 */
   transition: all 150ms linear;
+  background-color: white;
 }
 
 #app {

nuxt.config.js

@@ -1,34 +1,25 @@
-import { Script } from 'vm';
-
 const path = require('path');
 const CompressionPlugin = require('compression-webpack-plugin');
 const SitemapWebpackPlugin = require('sitemap-webpack-plugin').default;
 const sass = require('sass');  // 引入 Dart Sass
 
-export default {
+module.exports = {
   // 全局页面头部设置
+  target: 'static',  // 使项目成为静态站点
   head: {
     title: 'raylinx',
     htmlAttrs: {
       lang: 'en'
     },
     script: [
-      // {
+      // 如果需要内嵌其他脚本，请根据需求开启下面代码
-      //   innerHTML: `(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-T4DJXJTT');`,
-      //   type: 'text/javascript',
-      //   body: false
-      // },
       {
         innerHTML: `(function(d,w,c){if(w[c])return;var s=d.createElement("script");w[c]=function(){(w[c].z=w[c].z||[]).push(arguments);};s.async=true;s.src="https://static.ahc.ink/hecong.js";if(d.head)d.head.appendChild(s);})(document,window,"_AIHECONG");_AIHECONG("ini",{channelId:"9BgJ9p"});`,
         type: 'text/javascript',
         body: true
       }
     ],
-    // __dangerouslyDisableSanitizers: ['script'],
+    __dangerouslyDisableSanitizers: ['script'], // 允许渲染原始 HTML
-    // __dangerouslyDisableSanitizersByTagID: {
-    //   'script-0': ['innerHTML'],
-    //   'script-1': ['innerHTML']
-    // },
     meta: [
       { charset: 'utf-8' },
       { name: 'viewport', content: 'width=device-width, initial-scale=1' },
@@ -37,26 +28,19 @@ export default {
     ],
     link: [
       { rel: 'icon', type: 'image/x-icon', href: '/favicon.png' }
-    ],
+    ]
-    // 谷歌tag  manger
-    // noscript: [
-    //   {
-    //     innerHTML: `<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T4DJXJTT" height="0" width="0" style="display: none; visibility: hidden;"></iframe>`,
-    //   },
-    // ],
-    __dangerouslyDisableSanitizers: ['script'], // 允许渲染原始 HTML
   },
 
-  // 全局CSS
+  // 全局 CSS
   css: [
     'element-ui/lib/theme-chalk/index.css',
     'vant/lib/index.css'  // 确保 Vant 的样式也被加载
   ],
 
-  // 在渲染页面前运行的插件
+  // 插件（注意：含有 fs 操作的插件只在服务器端加载）
   plugins: [
     '@/plugins/element-ui',
-    '@/plugins/vant',  // 新添加的 Vant 插件
+    '@/plugins/vant',
     '@/plugins/global-mixin.js'
     // '@/plugins/gtm.client.js'
   ],
@@ -70,21 +54,17 @@ export default {
   // 模块
   modules: [
     '@nuxtjs/axios',
-    '@nuxtjs/gtm'
+    '@nuxtjs/gtm',
+    '@nuxt/content'
   ],
+
   gtm: {
     id: 'GTM-T4DJXJTT',
     layer: 'dataLayer',
     pageTracking: true,  // 自动发送页面事件
-    enabled: process.env.NODE_ENV  === 'production'
+    enabled: process.env.NODE_ENV === 'production'
   },
-  // body: {
+
-  //   innerHTML: `<!-- Google Tag Manager (noscript) --><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T4DJXJTT" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) -->`
-  // },
-  // __dangerouslyDisableSanitizersByTagID: {
-  //   'bodyAttrs-0': ['innerHTML']
-  // },
-  // Axios 模块配置
   axios: {
     baseURL: '/'
   },
@@ -92,7 +72,6 @@ export default {
   // 构建配置
   build: {
     transpile: [/^element-ui/, /^vant/],  // 确保 Nuxt 知道需要转译 Vant 和 Element-UI
-
     loaders: {
       scss: {
         implementation: sass,  // 使用 Dart Sass
@@ -119,17 +98,16 @@ export default {
       }
 
       // 引入 SitemapWebpackPlugin 并正确设置
-      const SitemapWebpackPlugin = require('sitemap-webpack-plugin').default;
       const routes = ['/', '/aboutUs', '/contactUs'];
       config.plugins.push(
         new SitemapWebpackPlugin({
           base: 'https://www.example.com',
-          paths: routes.map(path => ({
+          paths: routes.map(route => ({
-            path,
+            path: route,
             lastmod: new Date().toISOString(),
             priority: 0.8,
             changefreq: 'monthly'
-          })),
+          }))
         })
       );
 

package.json

@@ -9,11 +9,17 @@
     "generate": "nuxt generate"
   },
   "dependencies": {
+    "@nuxt/content": "^1.15.1",
     "@nuxtjs/axios": "^5.13.6",
     "@nuxtjs/gtm": "^2.4.0",
     "core-js": "^3.25.3",
     "element-ui": "^2.15.14",
+    "fs": "^0.0.1-security",
+    "globby": "^13.2.2",
+    "gray-matter": "^4.0.3",
+    "marked": "^15.0.7",
     "nuxt": "^2.15.8",
+    "unicorn-magic": "^0.2.0",
     "vant": "^2.13.2",
     "vue": "^2.7.10",
     "vue-server-renderer": "^2.7.10",
@@ -25,5 +31,8 @@
     "sass-loader": "^10.5.2",
     "sitemap-webpack-plugin": "^1.1.1",
     "webpack": "^4.46.0"
+  },
+  "resolutions": {
+    "globby": "13.1.3"
   }
 }

pages/KnowledgeBase/AliyunGlobalOverview.vue

@@ -1,126 +0,0 @@
-<template>
-    <div class="codebitView">
-      <div class="codebitView_title">一篇文章了解AWS</div>
-      <div class="codebitView_bar"></div>
-      <div class="codebitView_content">
-        <div class="codebitView_content_bar2">
-          <div v-for="i in codebit_desc_List" class="codebitView_content_desc">
-            <div class="title">{{ i.title }}</div>
-            <div class="desc">{{ i.desc }}</div>
-            <div class="desc2">{{ i.desc2 }}</div>
-            <div class="desc3">{{ i.desc3 }}</div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </template>
-
-  <script>
-  export default {
-    head() {
-      return {
-        title: '一篇文章了解AWS',
-        meta: [
-          { hid: 'description', name: 'description', content: '这是默认的描述内容' },
-          { hid: 'keywords', name: 'keywords', content: 'vue, nuxt, seo' }
-        ]
-      }
-    },
-    data() {
-      return {
-        codebit_desc_List: [
-          {
-            index: "1",
-            title: "寻求提升销售技能与扩大规模以满足增长需求",
-            desc: "CodeBit Programando Soluções 是一家位于巴西的软件开发公司，专注于为非营利组织和公共部门客户构建定制软件解决方案。其客户涵盖初创企业、基金会、大学和社会项目倡导组织等。CodeBit 还提供网页和移动应用程序开发、软件测试以及质量保证服务。作为 AWS 合作伙伴，CodeBit 利用包括 Amazon Elastic Compute Cloud（Amazon EC2）、Amazon Relational Database Service（Amazon RDS）和 AWS Auto Scaling 在内的服务，帮助客户将其关键应用程序和工作负载迁移到 Amazon Web Services（AWS）。",
-            desc2:
-              "为了跟上持续增长的步伐，CodeBit 意识到需要更轻松地扩大业务规模，同时提升销售能力。“我们做的是我们所擅长的，即开发软件和帮助非营利组织及公共部门企业迁移到 AWS。但是，在销售和推广我们的产品和服务方面，我们并不擅长，”CodeBit 创始人 Heitor Cunha 表示，“为了真正加速我们的增长，我们必须在业务推广方面做得更好。”",
-            desc3:
-              "CodeBit 是 AWS 非营利组织能力合作伙伴，与此同时，公司还希望成为 AWS 教育行业能力合作伙伴，以拓展其在巴西教育领域的业务。“我们需要获得教育能力认证，以扩展我们在这一领域的业务，”Cunha说道。",
-          },
-          {
-            index: "2",
-            title: "通过 AWS 合作伙伴转型计划制定新的商业计划",
-            desc: "为满足业务需求，CodeBit 参与了 AWS 合作伙伴转型计划（AWS PTP），这是一项评测、培训和赋能计划，旨在助力合作伙伴构建成功且盈利的 AWS 业务。AWS PTP 由第三方合作伙伴 Advance Consulting 提供，包括与 AWS 代表的会面、为期多日的讲习会，以及为帮助合作伙伴达成特定目标而定制的计划。“当我们了解到 AWS 合作伙伴转型计划时，我们发现它能助力我们加速业务增长，”Cunha 表示，“通过该计划，我们了解到 AWS 可以帮助我们提升销售和营销能力。”",
-            desc2:
-              "在 AWS PTP 的推进过程中，CodeBit 的利益相关者与 AWS 领导团队和产品经理紧密合作，共同制定了一项全面的计划，其中包含旨在助力公司实现业务转型的各项活动。作为该计划的一部分，CodeBit 获得了访问其用于构建和测试新产品的沙盒环境的机会。“AWS 在每一个环节都给予了我们帮助，”Cunha 说，“我们甚至都不了解 PTP，但 AWS 通过沙盒计划和其他培训向我们展示了该计划可以如何帮助我们实现目标。””",
-            desc3: "",
-          },
-          {
-            index: "3",
-            title: "通过新应用程序提升互联网安全",
-            desc: "通过 AWS PTP，CodeBit 开发并推出了 CodeWall 应用程序，该应用程序可帮助家庭跟踪和控制屏幕使用时间、阻止不必要的网络访问，并确保安全浏览。“有了 CodeWall，家庭能够掌握移动设备、电视、视频游戏机等所有设备的使用情况，从而提升互联网安全，”Cunha 表示，“得益于 AWS 合作伙伴转型计划，我们能够利用 AWS 沙盒环境，在成功地将应用程序交付给客户之前，对其进行开发、测试和扩展。”",
-            desc2: "",
-            desc3: "",
-          },
-          {
-            index: "4",
-            title: "转变销售和营销能力",
-            desc: "CodeBit 借助 AWS PTP 提供的技能和培训，改变了其销售和市场营销流程的运作方式。“在参与该计划之前，我们没有组建专门负责市场定位和向客户推广产品的正式团队。AWS 合作伙伴转型计划让我们改变了公司的组织方式，并组建了一支新的商业团队，专注于改进我们销售产品的方式。”Cunha 说道。",
-            desc2:
-              "经过此番转型，CodeBit 组建了独立的开发和基础设施团队，分别专注于销售和营销不同的 CodeBit 解决方案。开发团队负责销售五款产品：CodeDev 开发平台、帮助客户实现应用现代化的解决方案 CodeNew、自动审查应用程序代码的工具 CodeReview、应用维护软件 CodeFly，以及 CodeCell，一个由客户和 CodeBit 开发人员组成的专业团队。基础设施团队则销售四款产品：用于将工作负载从本地环境和其他云环境迁移到 AWS 的 CloudOps Migration 服务；面向已使用 AWS 但在账户审查方面需要帮助的客户的 CloudOps Review；CloudOps Data 商业智能产品；以及提供全天候支持的 AWS 云托管服务 CloudOps Fly。",
-            desc3: "",
-          },
-          {
-            index: "5",
-            title: "扩展培训和认证",
-            desc: "为了支持业务增长以及与 AWS 的合作伙伴关系，CodeBit 成立了一个培训委员会，该委员会由领导层和其他技术团队成员组成，其使命是传播培训知识并促进内部发展，重点是获得认证。该委员会负责推广和监督课程、为注册提供资金支持，并为取得成就者发放奖金。这一举措促使 CodeBit 的认证专业人员数量大幅增加，从 2022 年的 10 名增加到 2023 年的 21 名，增长率高达 110%。",
-            desc2: "",
-            desc3: "",
-          },
-          {
-            index: "6",
-            title: "营收增长 28% 并开拓了新教育领域的客户",
-            desc: "自参与 AWS 合作伙伴转型计划以来，CodeBit 的业务迅速增长，2023 年实现了 28% 的营收增长。“AWS 合作伙伴转型计划提供的支持、培训和认证帮助我们实现了收入增长，我们预计这一增长势头将持续下去，”Cunha 表示。",
-            desc2:
-              "CodeBit 还直接通过 AWS 合作伙伴转型计划成为了 AWS 教育行业能力合作伙伴。“AWS PTP 让我们意识到能力在加强我们的工作以及向他人展示方面的重大意义。我们是巴西首批同时拥有非营利和教育领域能力的 AWS 合作伙伴之一，”Cunha 说，“这将有助于我们在寻求国际扩张时实现业务差异化并促进进一步增长。”",
-            desc3: "",
-          },
-        ],
-      };
-    },
-  };
-  </script>
-
-  <style lang="scss" scoped>
-  .codebitView {
-    width: 70%;
-    min-height: 1000px;
-    margin: 0 auto;
-    padding-top: 6%;
-    padding-bottom: 5%;
-    &_bar {
-      width: 70%;
-      height: 2px;
-      background-color: rgb(0, 187, 255);
-      margin: 10px auto;
-    }
-    &_title {
-      font-size: 27px;
-      color: rgb(0, 187, 255);
-      text-align: center;
-    }
-    .codebitView_content {
-      display: flex;
-      min-height: 500px;
-      margin-top: 5%;
-      &_bar2 {
-        padding-left: 3%;
-        border-left: 5px solid rgb(0, 187, 255);
-      }
-      .mar_bottom{
-          margin-bottom: 2%;
-      }
-      &_desc {
-          line-height: 2;
-          font-size: 15px;
-        .title {
-          color: rgb(0, 187, 255);
-          font-size: 20px;
-          font-weight: 600;
-          margin: 2% 0;
-        }
-      }
-    }
-  }
-  </style>

pages/knowledge-center/_slug.vue

@@ -0,0 +1,100 @@
+<template>
+  <div class="news-container">
+    <h1 class="news-title">{{ article.title }}</h1>
+    <!-- <p class="news-date">{{ article.category }}</p> -->
+    <div class="left-bd">
+      <nuxt-content :document="article" />
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  async asyncData({ $content, params }) {
+    try {
+      // 读取 Markdown 文件内容，使用 params.slug 来获取动态路由的 slug
+      const article = await $content("knowledge-center", params.slug).fetch();
+      return { article };
+    } catch (error) {
+      console.error("文章加载失败:", error);
+      return { article: null };
+    }
+  },
+  head() {
+    return {
+      title: this.article?.title || "默认标题",
+      meta: [
+        {
+          hid: "description",
+          name: "description",
+          content: this.article?.description || "默认描述",
+        },
+        {
+          hid: "keywords",
+          name: "keywords",
+          content: this.article?.keywords || "默认关键词",
+        },
+        {
+          hid: "og:title",
+          property: "og:title",
+          content: this.article?.title || "默认标题",
+        },
+        {
+          hid: "og:description",
+          property: "og:description",
+          content: this.article?.description || "默认描述",
+        },
+        {
+          hid: "og:image",
+          property: "og:image",
+          content: this.article?.image || "/default-image.png",
+        },
+        {
+          hid: "og:url",
+          property: "og:url",
+          content: `https://yourwebsite.com/articles/${this.$route.params.slug}`,
+        },
+      ],
+    };
+  },
+};
+</script>
+
+<style>
+.news-container {
+  max-width: 70%;
+  margin: 0 auto;
+  padding: 5rem 0;
+}
+.news-title {
+  font-size: 25px;
+  color: #0bf;
+  font-weight: 400;
+  text-align: center;
+  border-bottom: 2px solid #0bf;
+  padding-bottom: 10px;
+  width: 60%;
+  margin: 3% auto;
+}
+.news-date {
+  font-size: 14px;
+  color: #777;
+}
+.left-bd {
+  border-left: 5px solid #0bf;
+  padding:1% 0 0 4%;
+  margin-top: 3rem;
+}
+.news-container .content {
+  font-family: 'Times New Roman', serif; /* 修改字体 */
+}
+.news-container h3 {
+  color: #0bf;
+  font-size: 20px;
+}
+.news-container p {
+  line-height: 2; /* 设置段落行高 */
+  font-size: 16px;  /* 可选：设置字体大小 */
+  font-family: 'Arial', sans-serif; /* 可选：设置字体 */
+}
+</style>

pages/knowledge-center/index.vue

@@ -5,19 +5,25 @@
       <div class="KnowledgeCenter_view_bar"></div>
       <div class="KnowledgeCenter_view_content">
         <div class="content_banner">
-          <img src="@/assets/KnowledgeCenter/banner1.jpg" alt=""/>
+          <img src="@/assets/KnowledgeCenter/banner1.jpg" alt="" />
         </div>
         <div class="content_item">
-          <div v-for="i in KnowledgeCenterList" class="item">
+          <div
+            v-for="(item, index) in KnowledgeCenterList"
+            :key="index"
+            class="item"
+          >
             <div class="item_desc">
               <div class="item_title">
-                <a :href="i.url">{{ i.title }}</a>
+                <a :href="`/knowledge-center/${item.slug}`">{{ item.title }}</a>
               </div>
-              <div class="item_text">{{ i.desc }}</div>
+              <div class="item_text">{{ item.desc }}</div>
-              <div class="item_text">{{ i.desc2 }}</div>
+              <div class="item_text" v-if="item.desc2">{{ item.desc2 }}</div>
-              <div class="item_text">{{ i.desc3 }}</div>
+              <div class="item_text" v-if="item.desc3">{{ item.desc3 }}</div>
+            </div>
+            <div class="item_text_link">
+              <a :href="`/knowledge-center/${item.slug}`">详情 <i class="el-icon-d-arrow-right"></i></a>
             </div>
-            <div class="item_text_link"><a :href="i.url">详情 <i class="el-icon-d-arrow-right"></i></a></div>
           </div>
         </div>
       </div>
@@ -27,37 +33,32 @@
 
 <script>
 export default {
-  data() {
+  async asyncData({ $content }) {
-    return {
+    try {
-      KnowledgeCenterList: [
+      // 读取 `KnowledgeBase` 目录下的所有 Markdown 文件
-        {
+      const knowledgeList = await $content("knowledge-center")
-          index: "1",
+        .only(["title", "category", "order", "slug"]) // 确保获取 slug 字段
-          title: "一篇文章了解AWS",
+        .sortBy("order", "asc")
-          desc: "先来总结，AWS是全球云计算领域毋庸置疑的领导者，AWS是全球最全面、应用最广泛的云服务平台，提供超过200项功能齐全的服务，覆盖计算、存储、数据库、网络、机器学习、人工智能物联网等多个领域，它的全球数据中心网络遍布世界各地，支持数百万客户降低成本、提高敏捷性并加速创新。",
+        .fetch();
-          url: "/KnowledgeBase/AliyunGlobalOverview",
+
-        },
+      // 将数据存入 `KnowledgeCenterList`
-        {
+      const KnowledgeCenterList = knowledgeList.map(item => ({
-          index: "2",
+        title: item.title || "Untitled",
-          title: "AWS账号可以公用或者转借给别人用吗",
+        desc: item.category || "Uncategorized",
-          desc: "Amazon Web Services(AWS)账号是专为个人或组织设计的，以确保安全性和合规性。根据AWS的服务条款，AWS账号不应该被共享或转借给他人使用。每个AWS账号都有其独特的访问密钥和安全凭证，这些凭证用于访问和管理AWS服务。如果需要与团队成员或合作伙伴合作，AWS提供了多种方法来实现这一点，而无需共享主账号的访问密钥。",
+        slug: item.slug || item.title?.toLowerCase().replace(/\s+/g, '-') || 'default-slug', // 确保 slug 存在
-          url: "",
+        index: item.order || 0
-        },
+      }));
-        {
+
-          index: "1",
+      return { KnowledgeCenterList };
-          title: "AWS如何收费?一篇文章解答疑问",
+    } catch (error) {
-          desc: "AWS的收费方式分多钟情况，这主要与用户购买AWS服务时选择的实例类型有关，大致有以下几种：",
+      console.error("Error fetching knowledge base articles:", error);
-          desc2:
+      return { KnowledgeCenterList: [] };
-            "按需付费：这是AWS的默认定价模式，用户根据每小时或每秒的实际使用量付费，最低60s，无需长期承诺或预付费用，适合需求不断变化的业务。",
+    }
-          desc3:
+  }
-            "预留实例：用户可以预购1年或3年的实例，相较于按需付费，可以享受较大折扣，适用于长期稳定运行的工作负载，但因为预购了所有时间，所以中间出现空缺就会损失这一部分的时间。",
-          url: "",
-        },
-      ],
-    };
-  },
 };
 </script>
 
+
 <style lang="scss" scoped>
 @media screen and (max-width: 800px) {
   a {
@@ -228,3 +229,4 @@ export default {
   }
 }
 </style>
+../../utils/content.js