Nuxt Content 【实用教程】基于文件的内容管理系统（CMS）

安装

在 Nuxt.js 创建的项目中，命令行执行

登录后复制

npx nuxi module add content

• 1.

因网络问题可能失败，多试几次即可

使用

创建文件

创建文件 content/index.md

登录后复制

# 首页 Content

• 1.

创建文件 content/about.md

登录后复制

# 关于 Content

• 1.

添加组件

在目标页面的位置添加

登录后复制

<ContentDoc :path="$route.path" />

• 1.

预览效果

启动项目后，浏览器访问 http://localhost:3000/ ，会显示 首页 Content 访问 http://localhost:3000/about ，会显示 关于 Content

更多用法

详见官网  https://content.nuxt.com/get-started/installation

原创作者: u_15715491 转载于: https://blog.51cto.com/u_15715491/11778394