这一节课主要涉及内容:添加 Nuxt Content 内容索引、SEO 优化、每日鸡汤小功能 改进页面 添加页面 添加索引:https://content.nuxt.com/components/content-list 专属页面添加 优化样式 优化专属 layout:https://nuxt.com/docs/guide/directory-structure/layouts 添加 MD 公共样式:https://github.com/sindresorhus/github-markdown-css?tab=readme-ov-file 添加链接:https://nuxt.com/docs/api/nuxt-config#head SEO 优化 优化标题和描述:https://nuxt.com/docs/getting-started/seo-meta#title-template Favicon 替换:https://favicon.io/favicon-generator/ 做一个小玩具 每日鸡汤 思路 发布各种鸡汤,并设置 content meta 每日随机显示其中一个鸡汤文章 优化鸡汤内容为卡片形式 可行性 可用的 meta tags:https://content.nuxt.com/usage/markdown#binding-data-in-markdown content 搜索:https://content.nuxt.com/composables/query-content GPT 关于如何选取随机 content article 的回答:https://chatgpt.com/share/671873df-e228-8005-be8b-c7ebff92f65b 功能实现 内容填充 显示随机页面内容 调整样式 效果展示 Demo:https://examples.zhaikr.com/kfc 课后作业 创建心灵鸡汤页面、定制专用主题、搭配 MD 公共样式 优化 SEO,包括标题和描述的显示 实现随机心灵鸡汤的显示 课堂上做的这个功能有个 bug,可以尝试找出来,我们将在下节课解决…...
Previous Post
Web Course 7 – 新手教程:添加内容管理模块
Next Post