luulam/AFFiNE
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

feat: add og and twitter preview support (#1350)

Browse Source
This commit is contained in:
Himself65
2023-03-06 02:52:39 -06:00
committed by GitHub
parent b8904a0aec
commit 78fdaf140d
1 changed files with 35 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
apps/web/src/pages/_app.tsx
View File

@@ -8,6 +8,7 @@ import { CacheProvider } from '@emotion/react';
import { Provider } from 'jotai'; import { Provider } from 'jotai';
import { useAtomsDebugValue } from 'jotai-devtools'; import { useAtomsDebugValue } from 'jotai-devtools';
import { AppProps } from 'next/app'; import { AppProps } from 'next/app';
import Head from 'next/head';
import { useRouter } from 'next/router'; import { useRouter } from 'next/router';
import React, { memo, ReactElement, Suspense, useEffect, useMemo } from 'react'; import React, { memo, ReactElement, Suspense, useEffect, useMemo } from 'react';
import { Helmet, HelmetProvider } from 'react-helmet-async'; import { Helmet, HelmetProvider } from 'react-helmet-async';
@@ -92,6 +93,40 @@ const App = function App({
content="initial-scale=1, width=device-width" content="initial-scale=1, width=device-width"
/> />
</Helmet> </Helmet>
<Head>
<meta name="twitter:card" content="summary_large_image" />
<meta
name="twitter:url"
content="https://app.affine.pro/"
/>
<meta
name="twitter:title"
content="AFFiNE：There can be more than Notion and Miro."
/>
<meta
name="twitter:description"
content="There can be more than Notion and Miro. AFFiNE is a next-gen knowledge base that brings planning, sorting and creating all together."
/>
<meta name="twitter:site" content="@AffineOfficial" />
<meta
name="twitter:image"
content="https://affine.pro/og.jpeg"
/>
<meta
property="og:title"
content="AFFiNE：There can be more than Notion and Miro."
/>
<meta property="og:type" content="website" />
<meta
property="og:description"
content="There can be more than Notion and Miro. AFFiNE is a next-gen knowledge base that brings planning, sorting and creating all together."
/>
<meta property="og:url" content="https://app.affine.pro/" />
<meta
property="og:image"
content="https://affine.pro/og.jpeg"
/>
</Head>
{getLayout(<Component {...pageProps} />)} {getLayout(<Component {...pageProps} />)}
</HelmetProvider> </HelmetProvider>
</ProviderComposer> </ProviderComposer>