[Website] Enhancement (#1968)

* fear: update meta data and blog

* fear: show Footer on specific url

docs/website/components/blog/postHeader.tsx

@@ -26,10 +26,10 @@ export default function PostHeader() {
  <meta property="og:image" content={ogImage} />
  <meta property="og:type" content="article" />
  <meta property="og:url" content={`https://rooch.network${pathname}`} />
- <meta property="twitter:card" content="summary_large_image" />
- <meta property="twitter:title" content={page.frontMatter.title} />
- <meta property="twitter:description" content={page.frontMatter.description} />
- <meta property="twitter:image" content={ogImage} />
+ <meta name="twitter:card" content="summary_large_image" />
+ <meta name="twitter:title" content={page.frontMatter.title} />
+ <meta name="twitter:description" content={page.frontMatter.description} />
+ <meta name="twitter:image" content={ogImage} />
  </Head>
  <div className="text-center inline-block mx-auto w-full">
  <h1 className="font-bold text-5xl mt-6">{page.frontMatter.title}</h1>

docs/website/components/layout/footer.tsx

@@ -12,28 +12,30 @@ export function Footer() {
 
  const config = useConfig()
 
- const [SwitchDisplay, SetSwitchDisplay] = useState(false)
+ const [showFooter, setShowFooter] = useState(true)
 
  useEffect(() => {
- if (pathname.includes('/docs')) {
- SetSwitchDisplay(false)
+ if (pathname.includes('/build') || pathname.includes('/learn')) {
+ setShowFooter(false)
  } else {
- SetSwitchDisplay(true)
+ setShowFooter(true)
  }
  }, [pathname])
 
+ if (!showFooter) {
+ return null
+ }
+
  return (
  <footer className="mt-auto w-full max-w-[85rem] py-10 px-4 sm:px-6 lg:px-8 mx-auto">
  {/* Theme Buttons */}
- {SwitchDisplay ? (
- <div className="text-left pb-4 flex items-center justify-between">
- <div className="flex items-center justify-start">
- <LocaleSwitch options={config.i18n} />
- <ThemeSwitch />
- </div>
- <About />
+ <div className="text-left pb-4 flex items-center justify-between">
+ <div className="flex items-center justify-start">
+ <LocaleSwitch options={config.i18n} />
+ <ThemeSwitch />
  </div>
- ) : null}
+ <About />
+ </div>
  {/* End of Theme Buttons */}
  <hr />
  <div className="text-center grid grid-cols-2 content-between">

docs/website/pages/blog/let-us-move.en-US.mdx

@@ -11,7 +11,7 @@ import PostHeader from '/components/blog/postHeader'
 
 <PostHeader />
 
-![](/blog/let-us-rooch/let-us-rooch-en.png "Let’s Rooch！Developer Bootcamp! Master New Assets from Scratch")
+![](/blog/let-us-rooch/let-us-rooch-en.png 'Let’s Rooch! Developer Bootcamp! Master New Assets from Scratch')
 
 **We’re thrilled to introduce the Developer Bootcamp to all developers interested in building on the Bitcoin Ecosystem and Rooch Network. This program aims to provide essential information about the Bitcoin Network, the Move programming language, and Rooch Network, helping developers build more smoothly on these relevant ecosystems. In addition to gaining practical skills, participants in this Bootcamp will also receive exciting rewards!**
 
@@ -51,6 +51,6 @@ We welcome friends with deep expertise in Bitcoin or the Move language to join u
 
 ## About Rooch Network
 
-Rooch Network is the Native Application Layer for Bitcoin Ecosystem, based on the Stackable L2 solution, serving as the go-to Bitcoin assets launchpad and Bitcoin application infra for users and devs. 
+Rooch Network is the Native Application Layer for Bitcoin Ecosystem, based on the Stackable L2 solution, serving as the go-to Bitcoin assets launchpad and Bitcoin application infra for users and devs.
 
 **[Website](https://rooch.network/) | [Discord](https://discord.com/invite/rooch) | [Twitter](https://x.com/RoochNetwork) | [Telegram](https://t.me/roochnetwork) | [Github](https://github.com/rooch-network/)**

docs/website/pages/blog/let-us-move.zh-CN.mdx

@@ -11,7 +11,7 @@ import PostHeader from '/components/blog/postHeader'
 
 <PostHeader />
 
-![](/blog/let-us-rooch/let-us-rooch-en.png "Let’s Rooch！Developer Bootcamp! Master New Assets from Scratch")
+![](/blog/let-us-rooch/let-us-rooch-en.png 'Let’s Rooch! Developer Bootcamp! Master New Assets from Scratch')
 
 在当前快速发展的区块链行业中，Bitcoin 作为第一代加密货币，依然保持着重要的地位和影响力。作为首个成功实现去中心化数字货币的区块链，Bitcoin 为整个行业奠定了基石。然而，随着时间的推移，Bitcoin 网络在处理性能、扩展性等方面面临着一些挑战，这就为 Rooch 的出现带来了机遇。
 
@@ -45,7 +45,7 @@ Rooch 开发者训练营正式开启报名，具体课程为期6周，第一堂
 
 - 报名链接：https://wj.qq.com/s2/14839743/dcd3/
 - 报名截止时间：2024 年 7 月 4 日
-- 早期builders活动空投计划：https://rooch.network/zh-CN/blog/early-builders
+- 早期 builders 活动空投计划：https://rooch.network/zh-CN/blog/early-builders
 
 ---