markdownit-module

  • O4_173404
    了解作者
  • 209.8KB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-04-03 09:48
    上传日期
马克唐尼特 使用和 设置 使用yarn或npm将@nuxtjs/markdownit依赖项添加到您的项目中 将@nuxtjs/markdownit添加到nuxt.config.js modules部分 { modules : [ '@nuxtjs/markdownit' ] , // [optional] markdownit options // See https://github.com/markdown-it/markdown-it markdownit : { preset : 'default' , linkify : true , breaks : true , use : [ 'markdown-it-div' , 'markdown-it-attrs' ] } } 用法 使用
markdownit-module-main.zip
内容介绍
# Markdownit [![npm](https://img.shields.io/npm/dt/@nuxtjs/markdownit.svg?style=flat-square)](https://npmjs.com/package/@nuxtjs/markdownit) [![npm (scoped with tag)](https://img.shields.io/npm/v/@nuxtjs/markdownit/latest.svg?style=flat-square)](https://npmjs.com/package/@nuxtjs/markdownit) Using [markdownit-loader](https://github.com/nuxt-community/markdownit-loader) and [markdown-it](https://github.com/markdown-it/markdown-it) ## Setup - Add `@nuxtjs/markdownit` dependency using yarn or npm to your project - Add `@nuxtjs/markdownit` to `modules` section of `nuxt.config.js` ```js { modules: [ '@nuxtjs/markdownit' ], // [optional] markdownit options // See https://github.com/markdown-it/markdown-it markdownit: { preset: 'default', linkify: true, breaks: true, use: [ 'markdown-it-div', 'markdown-it-attrs' ] } } ``` ## Usage ### Using `.vue` files **TIP** You can also write Vue logic inside `<template lang="md">`! `hello.vue`: ```html <template lang="md"> # Hello World! Current route is: {{ $route.path }} </template> ``` ### Using `.md` files `hello.md` ```md # Hello World!! ``` `hello.vue` ```html <template> <div v-html="hello"></div> </template> <script> import hello from '../hello.md' export default { computed: { hello() { return hello } } } </script> ``` ### Using `$md` to render markdown `nuxt.config.js`: ```js { modules: [ '@nuxtjs/markdownit' ], markdownit: { runtime: true // Support `$md()` } } ``` `hello.vue`: ```html <template> <div v-html="$md.render(model)"></div> </template> <script> export default { data() { return { model: '# Hello World!' } } } </script> ```
评论
    相关推荐
    • introduction-to-git:https
      谨慎使用 Git 丸山新平 介绍 本文档旨在以通俗易懂的方式解释 Git 的基本概念和用法。通过阅读本书 易于使用的 Git 你可以使用一个分支 多人可以一起工作 如果你有任何问题,你可以用谷歌找出“我应该查什么词” ...
    • git 教材 progit
      git资源,不错的git入门教程.适合初学者使用
    • git-kurs:na podstawie https
      git-kurs:na podstawie https
    • TVDbLib:httpsGit 克隆
      电视数据库 Git 克隆
    • git-mdp:mdp (https
      git-mdp 用于介绍 git 的甲板
    • Git环境搭建
      NULL 博文链接:https://fangguanhong.iteye.com/blog/2193321
    • Git学习笔记
      NULL 博文链接:https://shadowred.iteye.com/blog/2275226
    • git GUI使用
      NULL 博文链接:https://weiliuhong1.iteye.com/blog/2033484
    • git学习
      NULL 博文链接:https://yinmaolin1.iteye.com/blog/2198059
    • Git 中文教程
      NULL 博文链接:https://lfcaolibin.iteye.com/blog/1111704