确保已经安装了@nuxt/content和@nuxtjs/markdownit依赖,并在nuxt.config.js中进行了配置。
在页面中导入Content组件并以props形式传入相应的文档路径,如下所示:
---
title: My Document
description: This is my document.
---
# Hello World
This is my first **document**.
export default {
modules: [
'@nuxt/content',
],
content: {
// Options
markdown: {
prism: {
theme: 'prism-themes/themes/prism-xonokai.css'
}
}
},
}
其中,prism-themes是指定的代码高亮主题,可根据需要进行更改。
下一篇:按照N位反转数字