解决jinja和vue符号相同冲突

2022-04-21

字数统计: 125字 | 阅读时长: 1分

jinja和vue在使用的时候都是使用{{}}进行数据绑定，但是当vue和jinja同时使用的时候，就会出现冲突。

此时我们可以对其中一种进行符号更改

对jinja进行修改（在.py文件中修改）

1 2	app.jinja_env.variable_start_string = '{[' //设定jinja开始的符号（可随意设置） app.jinja_env.variable_end_string = ']}' //设定jinja结束的符号

对vue进行修改（在.html文件中修改）

1	Vue.config.delimiters = ['<%', '%>'];

缺失模块。
1、请确保node版本大于6.2
2、在博客根目录（注意不是yilia根目录）执行以下命令：
npm i hexo-generator-json-content --save

3、在根目录_config.yml里添加配置：

  jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true