nuxt@3和@nuxt/content@2

可以使用@nuxt/content的Markdown transformer来解析任意字符串：

// ~/utils/parseMarkdown.js
import markdownParser from '@nuxt/content/transformers/markdown'

// first arg to parse() is for id, which is unused
export const parseMarkdown = md => markdownParser.parse('custom.md', md)

然后使用@nuxt/content的ContentRendererMarkdown组件渲染它，如下所示：

<script setup>
import { parseMarkdown } from '~/utils/parseMarkdown'

const result = ref(null)
const loadMarkdown = async () => {
  const data = await $fetch('https://example.com/page.md')
  result.value = await parseMarkdown(data)
}
loadMarkdown()
</script>

<template>
  <ContentRendererMarkdown :value="result" v-if="result" />
</template>

demo 1

nuxt@2和@nuxt/content@1

您可以使用@nuxt/content的底层Markdown类。其异步toJSON()函数获取包含Markdown的文件名或字符串（通过gray-matter）进行解析，并解析可以传递给<nuxt-content>.document的JSON对象。
要使用默认的rehype插件初始化Markdown，请使用getDefaults()和processMarkdownOptions()：

// ~/utils/parseMarkdown.js
import Markdown from '@nuxt/content/parsers/markdown'
import { getDefaults, processMarkdownOptions } from '@nuxt/content/lib/utils'

export async function parseMarkdown(md) {
  const options = getDefaults()
  processMarkdownOptions(options)
  return new Markdown(options.markdown).toJSON(md) // toJSON() is async
}

然后像这样在组件中使用它：

<script>
import { parseMarkdown } from '~/utils/parseMarkdown'

export default {
  async asyncData({ $axios }) {
    const resp = await $axios.get('https://example.com/page.md')
    const page = await parseMarkdown(resp.data)
    return { page }
  }
}
</script>

<template>
  <nuxt-content :document="page" />
</template>

demo 2

这样不行吗？

const mytext = await this.$content('a_page_title_here').fetch()