diff --git a/src/pages/contact-us/index.vue b/src/pages/contact-us/index.vue
index af6ca50..8c1c2c4 100644
--- a/src/pages/contact-us/index.vue
+++ b/src/pages/contact-us/index.vue
@@ -17,12 +17,19 @@
 	</div>
 </template>
 <script setup lang="ts">
+	import { useHead } from '@unhead/vue'
+	import { useI18n } from 'vue-i18n'
+	const { t } = useI18n()
+
 	import { ref } from 'vue'
 	import EmailBox from '@/components/email-box.vue'
 
 	const submit = (email: string) => {
 		console.log(email)
 	}
+	useHead({
+		title: t('MainHeader.ContactUs') + ' - Code-Create'
+	})
 </script>
 
 <style scoped lang="less">
diff --git a/src/pages/media/index.vue b/src/pages/media/index.vue
index ea9c38e..17b6ea4 100644
--- a/src/pages/media/index.vue
+++ b/src/pages/media/index.vue
@@ -29,13 +29,14 @@
 	</div>
 </template>
 <script setup lang="ts">
+	import { useHead } from '@unhead/vue'
 	import { computed, ref } from 'vue'
 	import listEn from './list-en.js'
 	import listZhCn from './list-zh-cn.js'
 	import listZhTw from './list-zh-tw.js'
 	import { LangType } from '../../lang'
 	import { useI18n } from 'vue-i18n'
-	const { locale } = useI18n()
+	const { t, locale } = useI18n()
 	const allList = computed(() => {
 		if (locale.value === LangType.zhCn) {
 			return listZhCn
@@ -109,6 +110,9 @@
 		const reg = new RegExp(Object.keys(tokens).join('|'), 'g')
 		return format.replace(reg, (match) => tokens[match])
 	}
+	useHead({
+		title: t('MainHeader.Media') + ' - Code-Create'
+	})
 </script>
 
 <style scoped lang="less">
diff --git a/src/pages/mixi/index.vue b/src/pages/mixi/index.vue
index 3c3209b..e251b7e 100644
--- a/src/pages/mixi/index.vue
+++ b/src/pages/mixi/index.vue
@@ -94,6 +94,9 @@
 	</div>
 </template>
 <script setup lang="ts">
+	import { useHead } from '@unhead/vue'
+	import { useI18n } from 'vue-i18n'
+	const { t } = useI18n()
 	import { ref } from 'vue'
 	import EmailBox from '@/components/email-box.vue'
 	import MyEvent from '@/tools/myEvents'
@@ -114,6 +117,15 @@
 	const submit = (email: string) => {
 		console.log(email)
 	}
+	useHead({
+		title: 'Mixi - Code-Create',
+		meta: [
+			{
+				name: 'description',
+				content: `${t('Mixi.IntroduceDesc')} ${t('Mixi.IntroduceDesc')}`
+			}
+		]
+	})
 </script>
 
 <style scoped lang="less">
diff --git a/src/pages/others/disclaimer.vue b/src/pages/others/disclaimer.vue
index 3cc56e8..47b1712 100644
--- a/src/pages/others/disclaimer.vue
+++ b/src/pages/others/disclaimer.vue
@@ -25,8 +25,14 @@
 	</div>
 </template>
 <script setup lang="ts">
+	import { useHead } from '@unhead/vue'
+	import { useI18n } from 'vue-i18n'
+	const { t } = useI18n()
 	import { computed, ref } from 'vue'
 	import OthersHeader from './others-header.vue'
+	useHead({
+		title: t('MainFooter.Disclaimer') + ' - Code-Create'
+	})
 </script>
 
 <style scoped lang="less">
diff --git a/src/pages/others/not-found-404.vue b/src/pages/others/not-found-404.vue
index 6a10b83..baa862c 100644
--- a/src/pages/others/not-found-404.vue
+++ b/src/pages/others/not-found-404.vue
@@ -9,8 +9,13 @@
 	</div>
 </template>
 <script setup lang="ts">
+	import { useHead } from '@unhead/vue'
 	import { computed, ref } from 'vue'
 	import OthersHeader from './others-header.vue'
+
+	useHead({
+		title: '404 - Code-Create'
+	})
 </script>
 
 <style scoped lang="less">
diff --git a/src/pages/others/privacy-policy.vue b/src/pages/others/privacy-policy.vue
index 6ce6548..56c2e72 100644
--- a/src/pages/others/privacy-policy.vue
+++ b/src/pages/others/privacy-policy.vue
@@ -80,8 +80,15 @@
 	</div>
 </template>
 <script setup lang="ts">
+	import { useHead } from '@unhead/vue'
+	import { useI18n } from 'vue-i18n'
+	const { t } = useI18n()
+
 	import { computed, ref } from 'vue'
 	import OthersHeader from './others-header.vue'
+	useHead({
+		title: t('MainFooter.PrivacyPolicy') + ' - Code-Create'
+	})
 </script>
 
 <style scoped lang="less">
diff --git a/src/pages/others/site-map.vue b/src/pages/others/site-map.vue
index 314336e..d54dba5 100644
--- a/src/pages/others/site-map.vue
+++ b/src/pages/others/site-map.vue
@@ -51,8 +51,14 @@
 	</div>
 </template>
 <script setup lang="ts">
+	import { useHead } from '@unhead/vue'
+	import { useI18n } from 'vue-i18n'
+	const { t } = useI18n()
 	import { computed, ref } from 'vue'
 	import OthersHeader from './others-header.vue'
+	useHead({
+		title: t('MainFooter.SiteMap') + ' - Code-Create'
+	})
 </script>
 
 <style scoped lang="less">
diff --git a/src/pages/others/terms-of-use.vue b/src/pages/others/terms-of-use.vue
index 7597c0b..058b058 100644
--- a/src/pages/others/terms-of-use.vue
+++ b/src/pages/others/terms-of-use.vue
@@ -115,8 +115,14 @@
 	</div>
 </template>
 <script setup lang="ts">
+	import { useHead } from '@unhead/vue'
+	import { useI18n } from 'vue-i18n'
+	const { t } = useI18n()
 	import { computed, ref } from 'vue'
 	import OthersHeader from './others-header.vue'
+	useHead({
+		title: t('MainFooter.TermsOfUse') + ' - Code-Create'
+	})
 </script>
 
 <style scoped lang="less">