diff --git a/astro.config.ts b/astro.config.ts
index 01c188b..2622b3c 100644
--- a/astro.config.ts
+++ b/astro.config.ts
@@ -1,6 +1,7 @@
// Plugins
import type { ThemeConfig } from './src/types'
import mdx from '@astrojs/mdx'
+import partytown from '@astrojs/partytown'
import sitemap from '@astrojs/sitemap'
import { transformerCopyButton } from '@rehype-pretty/transformers'
import swup from '@swup/astro'
@@ -35,6 +36,11 @@ export default defineConfig({
base: '/',
trailingSlash: 'always',
integrations: [
+ partytown({
+ config: {
+ forward: ['dataLayer.push'],
+ },
+ }),
UnoCSS({ injectReset: true }),
mdx(),
sitemap({
diff --git a/package.json b/package.json
index be5def1..687d392 100644
--- a/package.json
+++ b/package.json
@@ -16,6 +16,7 @@
"dependencies": {
"@astrojs/check": "^0.9.4",
"@astrojs/mdx": "^4.0.5",
+ "@astrojs/partytown": "^2.1.3",
"@astrojs/rss": "^4.0.11",
"@astrojs/sitemap": "^3.2.1",
"@rehype-pretty/transformers": "^0.13.2",
@@ -24,7 +25,6 @@
"astro": "^5.1.6",
"astro-compress": "^2.3.6",
"astro-robots-txt": "^1.0.0",
- "astro-seo": "^0.8.4",
"markdown-it": "^14.1.0",
"overlayscrollbars": "^2.10.1",
"photoswipe": "^5.4.4",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 7218b64..4fb925d 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -14,6 +14,9 @@ importers:
'@astrojs/mdx':
specifier: ^4.0.5
version: 4.0.5(astro@5.1.6(@types/node@22.10.6)(jiti@2.4.2)(lightningcss@1.28.2)(rollup@2.79.2)(terser@5.37.0)(tsx@4.19.2)(typescript@5.7.3)(yaml@2.7.0))
+ '@astrojs/partytown':
+ specifier: ^2.1.3
+ version: 2.1.3
'@astrojs/rss':
specifier: ^4.0.11
version: 4.0.11
@@ -38,9 +41,6 @@ importers:
astro-robots-txt:
specifier: ^1.0.0
version: 1.0.0
- astro-seo:
- specifier: ^0.8.4
- version: 0.8.4(typescript@5.7.3)
markdown-it:
specifier: ^14.1.0
version: 14.1.0
@@ -212,12 +212,6 @@ packages:
'@antfu/utils@0.7.10':
resolution: {integrity: sha512-+562v9k4aI80m1+VuMHehNJWLOFjBnXn3tdOitzD0il5b7smkSBal4+a3oKiQTbrwMmN/TBUMDvbdoWDehgOww==}
- '@astrojs/check@0.5.10':
- resolution: {integrity: sha512-vliHXM9cu/viGeKiksUM4mXfO816ohWtawTl2ADPgTsd4nUMjFiyAl7xFZhF34yy4hq4qf7jvK1F2PlR3b5I5w==}
- hasBin: true
- peerDependencies:
- typescript: ^5.0.0
-
'@astrojs/check@0.9.4':
resolution: {integrity: sha512-IOheHwCtpUfvogHHsvu0AbeRZEnjJg3MopdLddkJE70mULItS/Vh37BHcI00mcOJcH1vhD3odbpvWokpxam7xA==}
hasBin: true
@@ -251,6 +245,9 @@ packages:
peerDependencies:
astro: ^5.0.0
+ '@astrojs/partytown@2.1.3':
+ resolution: {integrity: sha512-pkGsV6/GUTph4oLgvrpbrGnu4+9JuG8fOCzBCI2dQKtpBYQ6XAZKHrPA3evQoB5vDbfUZGVCoWe95MnSoPbVtQ==}
+
'@astrojs/prism@3.2.0':
resolution: {integrity: sha512-GilTHKGCW6HMq7y3BUv9Ac7GMe/MO9gi9GW62GzKtth0SwukCu/qp2wLiGpEujhY+VVhaG9v7kv/5vFzvf4NYw==}
engines: {node: ^18.17.1 || ^20.3.0 || >=22.0.0}
@@ -1521,6 +1518,11 @@ packages:
'@polka/url@1.0.0-next.28':
resolution: {integrity: sha512-8LduaNlMZGwdZ6qWrKlfa+2M4gahzFkprZiAt2TF8uS0qQgBizKXpXURqvTJ4WtmupWxaLqjRb2UCTe72mu+Aw==}
+ '@qwik.dev/partytown@0.11.0':
+ resolution: {integrity: sha512-MHime7cxj7KGrapGZ1VqLkXXq5BLNqvjNZndRJVvMkUWn92F2bsezlWW1lKDoFaKCKu2xv9LRUZL99RYOs+ccA==}
+ engines: {node: '>=18.0.0'}
+ hasBin: true
+
'@rehype-pretty/transformers@0.13.2':
resolution: {integrity: sha512-p2ciQSwqy5Ip8aNUa9q6rdS/hJZXrxHYYfDVOHvKOsBu3t9HDmQ65YX6r9Qbl19vi160OAxmGF7MIoCRDJrRhg==}
engines: {node: '>=18'}
@@ -2197,9 +2199,6 @@ packages:
astro-robots-txt@1.0.0:
resolution: {integrity: sha512-6JQSLid4gMhoWjOm85UHLkgrw0+hHIjnJVIUqxjU2D6feKlVyYukMNYjH44ZDZBK1P8hNxd33PgWlHzCASvedA==}
- astro-seo@0.8.4:
- resolution: {integrity: sha512-Ou1vzQSXAxa0K8rtNtXNvSpYqOGEgMhh0immMxJeXmbVZac3UKCNWAoXWyOQDFYsZvBugCRSg0N1phBqPMVgCw==}
-
astro@5.1.6:
resolution: {integrity: sha512-LpTazCIW6syxFePi65gg2ptqqC2kR+PDRym3V23hEQj5yCf+T0t5v9qtp3fW0/+6G+JvP0EprCfCRTt7h/hexg==}
engines: {node: ^18.17.1 || ^20.3.0 || >=22.0.0, npm: '>=9.6.5', pnpm: '>=7.1.0'}
@@ -2705,6 +2704,10 @@ packages:
dot-case@3.0.4:
resolution: {integrity: sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==}
+ dotenv@16.4.7:
+ resolution: {integrity: sha512-47qPchRCykZC03FhkYAhrvwU4xDBFIj1QPqaarj6mdM/hgUzfPHcpkHJOn3mJAufFeeAxAzeGsr5X0M4k6fLZQ==}
+ engines: {node: '>=12'}
+
dset@3.1.4:
resolution: {integrity: sha512-2QF/g9/zTaPDc3BjNcVTGoBbXBgYfMTTceLaYcFJ/W9kggFUkhxD/hMEeuLKbugyef9SqAx8cpgwlIP/jinUTA==}
engines: {node: '>=4'}
@@ -5952,18 +5955,6 @@ snapshots:
'@antfu/utils@0.7.10': {}
- '@astrojs/check@0.5.10(typescript@5.7.3)':
- dependencies:
- '@astrojs/language-server': 2.15.4(typescript@5.7.3)
- chokidar: 3.6.0
- fast-glob: 3.3.3
- kleur: 4.1.5
- typescript: 5.7.3
- yargs: 17.7.2
- transitivePeerDependencies:
- - prettier
- - prettier-plugin-astro
-
'@astrojs/check@0.9.4(typescript@5.7.3)':
dependencies:
'@astrojs/language-server': 2.15.4(typescript@5.7.3)
@@ -6045,6 +6036,11 @@ snapshots:
transitivePeerDependencies:
- supports-color
+ '@astrojs/partytown@2.1.3':
+ dependencies:
+ '@qwik.dev/partytown': 0.11.0
+ mrmime: 2.0.0
+
'@astrojs/prism@3.2.0':
dependencies:
prismjs: 1.29.0
@@ -7302,6 +7298,10 @@ snapshots:
'@polka/url@1.0.0-next.28': {}
+ '@qwik.dev/partytown@0.11.0':
+ dependencies:
+ dotenv: 16.4.7
+
'@rehype-pretty/transformers@0.13.2': {}
'@rollup/plugin-alias@3.1.9(rollup@2.79.2)':
@@ -8218,14 +8218,6 @@ snapshots:
valid-filename: 4.0.0
zod: 3.24.1
- astro-seo@0.8.4(typescript@5.7.3):
- dependencies:
- '@astrojs/check': 0.5.10(typescript@5.7.3)
- transitivePeerDependencies:
- - prettier
- - prettier-plugin-astro
- - typescript
-
astro@5.1.6(@types/node@22.10.6)(jiti@2.4.2)(lightningcss@1.28.2)(rollup@2.79.2)(terser@5.37.0)(tsx@4.19.2)(typescript@5.7.3)(yaml@2.7.0):
dependencies:
'@astrojs/compiler': 2.10.3
@@ -8851,6 +8843,8 @@ snapshots:
no-case: 3.0.4
tslib: 2.8.1
+ dotenv@16.4.7: {}
+
dset@3.1.4: {}
dunder-proto@1.0.1:
diff --git a/src/components/Head.astro b/src/components/Head.astro
new file mode 100644
index 0000000..681fc23
--- /dev/null
+++ b/src/components/Head.astro
@@ -0,0 +1,134 @@
+---
+import themeConfig from '@/config'
+
+interface Props {
+ postTitle?: string
+ postDescription?: string
+ postImage?: string
+}
+
+const { postTitle, postDescription, postImage } = Astro.props
+const { title, subtitle, description, author, url, favicon } = themeConfig.site
+const { language } = themeConfig.global
+const { light: { backgroundStart: lightMode }, dark: { backgroundStart: darkMode } } = themeConfig.color
+const { verification = {}, twitterID = '', facebookID = '', facebookLink = '', googleAnalyticsID = '', umamiAnalyticsID = '', siteScreenshot = '' } = themeConfig.seo ?? {}
+const { google = '', bing = '', yandex = '', baidu = '' } = verification
+const { cdn, commentURL = '', imageHostURL = '', customGoogleAnalyticsURL = '', customUmamiAnalyticsURL = '', customUmamiAnalyticsJS = '' } = themeConfig.preload
+---
+
+
+
+
+{favicon.toLowerCase().endsWith('.webp') && }
+{favicon.toLowerCase().endsWith('.svg') && }
+{favicon.toLowerCase().endsWith('.png') && }
+
+{postTitle ? `${postTitle} - ${title}` : `${title} - ${subtitle}`}
+
+
+
+
+
+
+
+
+
+
+
+
+{commentURL && }
+{imageHostURL && }
+{customGoogleAnalyticsURL && }
+{customUmamiAnalyticsURL && }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{twitterID && (
+ <>
+
+
+
+)}
+
+
+
+{google && }
+{bing && }
+{yandex && }
+{baidu && }
+
+
+{
+ googleAnalyticsID && (
+ <>
+
+
+
+ )
+}
+
+
+{
+ umamiAnalyticsID && (
+
+ )
+}
diff --git a/src/components/Header.astro b/src/components/Header.astro
deleted file mode 100644
index dc03d7d..0000000
--- a/src/components/Header.astro
+++ /dev/null
@@ -1,20 +0,0 @@
----
-import themeConfig from '@/config'
-
-const { title, subtitle, favicon } = themeConfig.site
----
-
-
-
-
-
-
- {title} - {subtitle}
-
-
-
diff --git a/src/config/index.ts b/src/config/index.ts
index 1f84a1e..5ada020 100644
--- a/src/config/index.ts
+++ b/src/config/index.ts
@@ -8,7 +8,7 @@ export const themeConfig: ThemeConfig = {
description: '一个优美的博客主题',
author: 'radishzz',
url: 'https://retypeset.netlify.app',
- favicon: '#',
+ favicon: '#', // only support webp, svg, png
},
// SITE INFORMATION >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> END
@@ -26,18 +26,18 @@ export const themeConfig: ThemeConfig = {
backgroundEnd: '#000000',
},
},
- // COLOR SETTINGS >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> END
+ // COLOR SETTINGS >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> END
- // GLOBAL SETTINGS >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> START
+ // GLOBAL SETTINGS >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> START
global: {
- language: 'zh',
- font: 'sans',
- rss: true,
- toc: true,
+ language: 'zh-CN', // en-US, zh-CN
+ font: 'sans', // sans, serif, choose the font style for posts
+ rss: true, // true, false, whether to enable RSS
+ toc: true, // true, false, whether to enable table of contents in posts
},
- // GLOBAL SETTINGS >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> END
+ // GLOBAL SETTINGS >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> END
- // COMMENT SETTINGS >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> START
+ // COMMENT SETTINGS >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> START
comment: {
waline: {
serverURL: '#',
@@ -49,27 +49,33 @@ export const themeConfig: ThemeConfig = {
imageUploader: true,
},
},
- // COMMENT SETTINGS >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> END
+ // COMMENT SETTINGS >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> END
- // SEO SETTINGS >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> START
+ // SEO SETTINGS >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> START
seo: {
- twitter: 'https://twitter.com/radishzz',
- meta: {
+ twitterID: '#', // @twitter ID
+ facebookID: '#', // @facebook ID
+ facebookLink: '#', // facebook profile link
+ // site verification
+ verification: {
google: '#',
bing: '#',
+ yandex: '#',
baidu: '#',
},
- link: '#',
+ // site analytics
googleAnalyticsID: '#',
umamiAnalyticsID: '#',
+ // follow verification
follow: {
feedID: '#',
userID: '#',
},
+ siteScreenshot: '#', // Take a screenshot of website homepage to show on twitter card
},
- // SEO SETTINGS >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> END
+ // SEO SETTINGS >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> END
- // FOOTER SETTINGS >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> START
+ // FOOTER SETTINGS >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> START
footer: {
linkA: {
name: 'RSS',
@@ -84,7 +90,19 @@ export const themeConfig: ThemeConfig = {
url: '#',
},
},
- // FOOTER SETTINGS >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> END
+ // FOOTER SETTINGS >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> END
+
+ // PRELOAD SETTINGS >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> START
+ preload: {
+ cdn: 'https://cdn.jsdelivr.net/', // Recommended to keep default, unless you can proxy https://cdn.jsdelivr.net/gh/radishzzz/astro-theme-retypeset@master/src/style/font.css
+ commentURL: '', // https://comment.example.com/
+ imageHostURL: '', // https://image.example.com/
+ // If you proxy analytics requests to the custom domain, you can fill in below
+ customGoogleAnalyticsURL: '', // https://whatever.example.com/
+ customUmamiAnalyticsURL: '', // https://whatever.example.com/
+ customUmamiAnalyticsJS: '', // https://whatever.example.com/whatever.js
+ },
+ // PRELOAD SETTINGS >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> END
}
export default themeConfig
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 756bc18..b87fb18 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -1,10 +1,12 @@
---
-import Header from '@/components/Header.astro'
+import Head from '@/components/Head.astro'
---
-
+
+
+