marked.js使用记录

在html中使用markdown文件。

1. html

<div id="app">
  <!-- content即markdown位置-->
  <div id="content" style="text-align: justify"></div>
</div>

<!-- 引入vue marked.js-->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>

2. js

<script>
    new Vue({
        el: `#app`,
        data: function () {
            return {
              
            }
        },
        /* 挂载完成加载本地md*/
        mounted() {
            axios.get("你的文件.md").then((res) => {
                document.getElementById('content').innerHTML = marked.parse(res.data);
            });
        },
        methods: {}
    });
</script>