文章路径，社区模块

config/pages/community/use-community-article.ts

@@ -0,0 +1,44 @@
+export function useCommunityArticle() {
+  return [
+    {
+      title: 'Decor',
+      subtitle: 'Fine Art, Dining',
+      img: '/imgs/Home-Stories/Circulus.jpg',
+      tags: ['Web 3.0'],
+      href: '/community/test',
+      level: 0,
+      avatar: '/imgs/Home-Stories/Circulus.jpg',
+      createTime: '2023/6/5',
+    },
+    {
+      title: 'Decor',
+      subtitle: 'Fine Art, Dining',
+      img: '/imgs/Home-Stories/Circulus.jpg',
+      tags: ['Web 3.0', 'Digital Twins'],
+      href: '#',
+      level: 1,
+      avatar: '/imgs/Home-Stories/Circulus.jpg',
+      createTime: '2023/6/5',
+    },
+    {
+      title: 'Decor',
+      subtitle: 'Fine Art, Dining',
+      img: '/imgs/Home-Stories/Circulus.jpg',
+      tags: ['Web 3.0', 'Digital Twins'],
+      href: '#',
+      level: 2,
+      avatar: '/imgs/Home-Stories/Circulus.jpg',
+      createTime: '2023/6/5',
+    },
+    {
+      title: 'Decor',
+      subtitle: 'Fine Art, Dining',
+      img: '/imgs/Home-Stories/Circulus.jpg',
+      tags: ['Web 3.0', 'Digital Twins'],
+      href: '#',
+      level: 0,
+      avatar: '/imgs/Home-Stories/Circulus.jpg',
+      createTime: '2023/6/5',
+    },
+  ]
+}

config/pages/community/use-community-tag.ts

@@ -0,0 +1,20 @@
+export function useCommunityTag() {
+  return [
+    {
+      label: 'nav.solutions.child.land.service[0]',
+      value: 'Web 3.0',
+    },
+    {
+      label: 'nav.solutions.child.land.service[1]',
+      value: 'Digital Twins',
+    },
+    {
+      label: 'nav.solutions.child.land.service[2]',
+      value: 'Mixed Reality',
+    },
+    {
+      label: 'nav.solutions.child.land.service[3]',
+      value: 'AIGC',
+    },
+  ]
+}

content/en/release/bar-symphony.md

@@ -0,0 +1,40 @@
+---
+img: "/imgs/Project/Metaverse-Build/MusicVenue.jpg"
+topic: "在全球最大元宇宙平台DCL进行一次“创作者聚会”！"
+title: "虚拟空间设计"
+description: "TOPVERSE原创元宇宙建筑——《创作者聚会（Creator Party-verse）》参与全球元宇宙建筑竞赛Parcel Creatorverse获奖"
+author: "Greyson"
+resume: "TOPVERSE® Lab 创始人"
+publish: "07/10/2022"
+---
+《创作者聚会（Creator Party-verse）》作为 TOPVERSE 奇点拓界® 参与全球元宇宙建筑设计竞赛PARCEL Creatorverse的2件获奖作品中其中一件，由Decentraland及其官方认可的数字藏品及虚拟地产交易平台Parcel进行联动推送报道，并由其首席运营官Kelly Kim进行配音讲解。该建筑同时于2022年9月25至28日部署在新加坡TOKEN 2049系列子活动MUA 2049上，获得了多家Web 3.0多家头部媒体关注及推送，并由全球最大元宇宙平台Decentraland进行官方报道。  
+  
+  ![Img](/imgs/News/PARCELCreatorverse/AwardImage.jpg)
+
+  **TOKEN 2049 & MUA 2049**  
+
+  备受瞩目的TOKEN 2049从 9 月 28 日到 9 月 29 日于新加坡举行，这是目前亚洲最大的线下 web3 活动，有 250 多家参展商和近 10,000 名与会者。此外，亚洲加密货币周（Asian Crypto Week）在 2022 年 9 月 26 日至 10 月 2 日期间举办为期一周的各种独立组织围绕 TOKEN2049 的子活动，包括各种加密货币行业相关的聚会、研讨会、社交酒会、派对和一级方程式赛车。  
+  
+  TOKEN2049 是首屈一指的加密货币活动，每年在新加坡和伦敦举办，领先的 Web3 公司的创始人和高管在这里分享他们对市场的看法。TOKEN 2049关注全球发展，同时对生态系统及其巨大机遇采取独特而广阔的视角。  
+  
+  而今年，TOKEN 2049新加坡峰会分为主舞台（STAGE 1）、WEMADE舞台以及Trust EVM舞台，涵盖了数字藏品、元宇宙、DeFi、全球经济、Web 3.0、去中心化社群等多个领域的话题及研讨会。  
+
+   ![Img](/imgs/News/PARCELCreatorverse/20221003225946.jpg)
+
+  其中，位于元宇宙平台Decentraland的MUA 2049，由全球最为知名的元宇宙建筑师去中心化社群MUA DAO（Metaverse Union of Architect，元宇宙建筑师联盟）牵头，集合了二十多家头部Web 3.0赛道的合作伙伴共同加入，吸引了众多头部智能合约平台方、GameFi项目方、DID项目方及数百名元宇宙 Web 3.0 意见领袖（KOL）的参与。  
+
+  ![Img](/imgs/News/PARCELCreatorverse/20221003230015.jpg)
+
+  元宇宙建筑师联盟 (MUA)是一个去中心化的自治组织（DAO），其使命是帮助全球数百万专业人士打破桎梏，克服加密世界的高门槛，创建最大的虚拟现实建筑师公会，提供大量优秀的元宇宙建设者，实现的最终愿景是聚集越来越多的房地产相关资源和流量，作为有影响力的元界房地产的基础设施，连接现实和未来世界。目前，MUA DAO在全球范围内已经拥有超过2000名元宇宙建筑师入驻，包括各大知名事务所以及来自全球顶尖院校的建筑师。  
+
+   ![Img](/imgs/News/PARCELCreatorverse/20221003230309.jpg)
+
+  在此次MUA 2049的元宇宙主场地上，一共有五座元宇宙建筑入选作为主场馆：《赛博宇宙夜店（The Cyberverse Night Club）》以科幻与后现代风格诠释元宇宙建筑；《BYOB酒吧（BYOB Bar）》则运用了动态和光效的变化；《爱情与死亡酒吧（The Love and Death Bar）》充斥着朋克与动感；《海盗天堂（Pirate Paradise）》则用复古来展现神秘。  
+
+  ![Img](/imgs/News/PARCELCreatorverse/20221003230258.jpg)
+
+  由TOPVERSE设计的元宇宙建筑《创作者聚会（Creator Party-verse）》作为Web 3.0资讯平台深潮TECH FLOW、全球交易量最大（以美元计算）且拥有近2千万全球用户的加密货币交易平台KUCOIN、以及P2E平台FitR三家赛道头部项目方的主阵地，与全球的Web 3.0去中心化网络平台用户一同进行TOKEN2049的元宇宙盛宴。
+
+
+:model-content{src='/model/house/scene.gltf'}
+ 

content/zh/community/test.md

@@ -0,0 +1,40 @@
+---
+img: "/imgs/Project/Metaverse-Build/MusicVenue.jpg"
+topic: "在全球最大元宇宙平台DCL进行一次“创作者聚会”！"
+title: "虚拟空间设计"
+description: "TOPVERSE原创元宇宙建筑——《创作者聚会（Creator Party-verse）》参与全球元宇宙建筑竞赛Parcel Creatorverse获奖"
+author: "Greyson"
+resume: "TOPVERSE® Lab 创始人"
+publish: "07/10/2022"
+---
+《创作者聚会（Creator Party-verse）》作为 TOPVERSE 奇点拓界® 参与全球元宇宙建筑设计竞赛PARCEL Creatorverse的2件获奖作品中其中一件，由Decentraland及其官方认可的数字藏品及虚拟地产交易平台Parcel进行联动推送报道，并由其首席运营官Kelly Kim进行配音讲解。该建筑同时于2022年9月25至28日部署在新加坡TOKEN 2049系列子活动MUA 2049上，获得了多家Web 3.0多家头部媒体关注及推送，并由全球最大元宇宙平台Decentraland进行官方报道。  
+  
+  ![Img](/imgs/News/PARCELCreatorverse/AwardImage.jpg)
+
+  **TOKEN 2049 & MUA 2049**  
+
+  备受瞩目的TOKEN 2049从 9 月 28 日到 9 月 29 日于新加坡举行，这是目前亚洲最大的线下 web3 活动，有 250 多家参展商和近 10,000 名与会者。此外，亚洲加密货币周（Asian Crypto Week）在 2022 年 9 月 26 日至 10 月 2 日期间举办为期一周的各种独立组织围绕 TOKEN2049 的子活动，包括各种加密货币行业相关的聚会、研讨会、社交酒会、派对和一级方程式赛车。  
+  
+  TOKEN2049 是首屈一指的加密货币活动，每年在新加坡和伦敦举办，领先的 Web3 公司的创始人和高管在这里分享他们对市场的看法。TOKEN 2049关注全球发展，同时对生态系统及其巨大机遇采取独特而广阔的视角。  
+  
+  而今年，TOKEN 2049新加坡峰会分为主舞台（STAGE 1）、WEMADE舞台以及Trust EVM舞台，涵盖了数字藏品、元宇宙、DeFi、全球经济、Web 3.0、去中心化社群等多个领域的话题及研讨会。  
+
+   ![Img](/imgs/News/PARCELCreatorverse/20221003225946.jpg)
+
+  其中，位于元宇宙平台Decentraland的MUA 2049，由全球最为知名的元宇宙建筑师去中心化社群MUA DAO（Metaverse Union of Architect，元宇宙建筑师联盟）牵头，集合了二十多家头部Web 3.0赛道的合作伙伴共同加入，吸引了众多头部智能合约平台方、GameFi项目方、DID项目方及数百名元宇宙 Web 3.0 意见领袖（KOL）的参与。  
+
+  ![Img](/imgs/News/PARCELCreatorverse/20221003230015.jpg)
+
+  元宇宙建筑师联盟 (MUA)是一个去中心化的自治组织（DAO），其使命是帮助全球数百万专业人士打破桎梏，克服加密世界的高门槛，创建最大的虚拟现实建筑师公会，提供大量优秀的元宇宙建设者，实现的最终愿景是聚集越来越多的房地产相关资源和流量，作为有影响力的元界房地产的基础设施，连接现实和未来世界。目前，MUA DAO在全球范围内已经拥有超过2000名元宇宙建筑师入驻，包括各大知名事务所以及来自全球顶尖院校的建筑师。  
+
+   ![Img](/imgs/News/PARCELCreatorverse/20221003230309.jpg)
+
+  在此次MUA 2049的元宇宙主场地上，一共有五座元宇宙建筑入选作为主场馆：《赛博宇宙夜店（The Cyberverse Night Club）》以科幻与后现代风格诠释元宇宙建筑；《BYOB酒吧（BYOB Bar）》则运用了动态和光效的变化；《爱情与死亡酒吧（The Love and Death Bar）》充斥着朋克与动感；《海盗天堂（Pirate Paradise）》则用复古来展现神秘。  
+
+  ![Img](/imgs/News/PARCELCreatorverse/20221003230258.jpg)
+
+  由TOPVERSE设计的元宇宙建筑《创作者聚会（Creator Party-verse）》作为Web 3.0资讯平台深潮TECH FLOW、全球交易量最大（以美元计算）且拥有近2千万全球用户的加密货币交易平台KUCOIN、以及P2E平台FitR三家赛道头部项目方的主阵地，与全球的Web 3.0去中心化网络平台用户一同进行TOKEN2049的元宇宙盛宴。
+
+
+:model-content{src='/model/house/scene.gltf'}
+ 

pages/community/[id].vue

@@ -0,0 +1,28 @@
+<script setup>
+const route = useRoute()
+const { locale } = useI18n()
+
+const path = `/${locale.value}/community/${route.params.id}`
+
+const { data } = await useAsyncData(`content-${path}`, () => {
+  return queryContent().where({ _path: path }).findOne()
+})
+</script>
+
+<template>
+  <SectionBanner :img="data?.img" :title="data?.title" :topic="data?.topic" :description="data?.description" font-bold text-white />
+  <main class="m-auto prose xl:max-w-900px">
+    <ContentRenderer v-if="data" :value="data" />
+  </main>
+  <div class="m-auto my-30 flex flex-col text-right text-right prose xl:max-w-900px">
+    <span class="text-lg font-bold">
+      {{ data?.author }}
+    </span>
+    <small class="opacity-80">
+      {{ data?.resume }}
+    </small>
+    <span class="pt-5">
+      {{ data?.publish }}
+    </span>
+  </div>
+</template>

pages/community/vamx.vue

@@ -1,9 +1,9 @@
 <script setup>
-import { useArticle } from '~/config/pages/release/use-article'
+import { useCommunityArticle } from '~/config/pages/community/use-community-article'
-import { useTag } from '~/config/pages/release/use-tag'
+import { useCommunityTag } from '~/config/pages/community/use-community-tag'
 
-const items = useArticle()
+const items = useCommunityArticle()
-const tags = useTag()
+const tags = useCommunityTag()
 const data = ref([])
 
 const { text, copy, copied, isSupported } = useClipboard()
@@ -16,6 +16,21 @@ const list = computed(() => {
     return i.tags.some(j => data.value.includes(j))
   })
 })
+
+const status = [
+  {
+    color: 'bg-rose',
+    text: '入门',
+  },
+  {
+    color: 'bg-amber',
+    text: '中级',
+  },
+  {
+    color: 'bg-green',
+    text: '专家',
+  },
+]
 </script>
 
 <template>
@@ -51,18 +66,36 @@ const list = computed(() => {
 
       <div class="3xl:grid-cols-4 grid-row w-full pb-10 2xl:grid-cols-3 lg:grid-cols-2">
         <!-- 👉 2nd card -->
-        <ACard
+        <LocaleNuxtLink
-          v-for="(item, i) in 8"
+          v-for="(item, i) in list"
           :key="i"
-          title="Card title"
+          :href="item.href"
-          subtitle="Chocolate cake tiramisu donut"
+          class="w-full overflow-hidden rounded bg-[hsla(var(--a-surface-c),var(--un-bg-opacity,1))]"
-          text="Ice cream sweet pie pie dessert sweet danish. Jelly jelly beans cupcake jelly-o chocolate bonbon chocolate bar."
-          img="/imgs/Home.Creatorverse.jpg"
         >
-          <div class="a-card-body">
+          <ImageLoading style="-webkit-mask-image:linear-gradient(0deg, transparent, #000 60%);" :src="item.img" class="rounded-b-3xl" height="400" fit="cover" loading="lazy" />
-            <ABtn>Read more</ABtn>
+          <div class="flex items-center justify-between gap-2 p-3 pt-5">
+            <AAvatar :src="item.avatar" />
+            <div class="flex-grow pl-2">
+              <h4>
+                {{ item.title }}
+              </h4>
+              <p>
+                <small>
+                  {{ item.subtitle }}
+                </small>
+              </p>
+              <p>
+                <small>
+                  {{ item.createTime }}
+                </small>
+              </p>
+            </div>
+            <div class="flex items-center gap-2">
+              <div class="h-10px w-10px rounded-full" :class="status[item.level].color" />
+              {{ status[item.level].text }}
+            </div>
           </div>
-        </ACard>
+        </LocaleNuxtLink>
       </div>
     </Section>
   </div>

pages/release/[id].vue

@@ -2,7 +2,7 @@
 const route = useRoute()
 const { locale } = useI18n()
 
-const path = `/${locale.value}/${route.params.id}`
+const path = `/${locale.value}/release/${route.params.id}`
 
 const { data } = await useAsyncData(`content-${path}`, () => {
   return queryContent().where({ _path: path }).findOne()