Nuxt开发: seo
2025-03-27 · Develop
在nuxt.config.ts
指定titleTemplate
即可替换掉默认的nuxtapp
export default defineNuxtConfig({
modules: [
'@nuxtjs/seo',
],
app: {
head: {
htmlAttrs: {
lang: 'zh-CN',
},
title: '鼠子Blog', // 页面默认title
titleTemplate: '%s - 鼠子Blog', // 页面副标题
}
},
});
设置页面seo
在pages/*.vue下的路由页面单独设置seo
<script setup>
useHead({
title: '鼠子Blog',
titleTemplate: '%s - 忘れてやらない',
meta: [
{ name: 'keywords', content: '鼠子Blog, 技术, Vue, Nuxt, php, Typecho, WordPress' },
{ name: 'description', content: '鼠子の个人Blog, 分享经验记录生活。' },
],
});
</script>
THE END
© 转载请保留原链接
还没有人充电,快来当第一个充电的人吧!