如何解决他的代码块在hexo博客页面中无法正常工作的问题?

时间:2019-02-15 13:02:40

标签: markdown blogs hexo

我刚刚使用github页面+ hexo创建了我的hexo博客。但是,当使用代码块时,它根本没有用,我想知道如何解决它。 md文件中的代码是:

```js
var allp=$("div p");
allp.attr("class",function(i,n){
           return Number(n)+1;
      });
```      

```js
allp.each(function(){
        console.log(this);
        });
```

但是在浏览器中,我看到的是:

 image

我尝试了多种方法来修复它,但是失败了。顺便说一句,我使用十六进制的下一个主题。

2 个答案:

答案 0 :(得分:0)

我想你需要的是这个

{% codeblock code snippet 1 lang:js %}
var allp=$("div p");
allp.attr("class",function(i,n){
           return Number(n)+1;
      });
{% endcodeblock %}     

{% codeblock code snippet 2 lang:js %}
allp.each(function(){
        console.log(this);
        });
{% endcodeblock %}
 

将上面的代码放入md文件中,您将得到this

答案 1 :(得分:0)

也许您可以尝试以下步骤:
1.启用主题_config.yml上的突出显示,尤其是'auto_detect';

 highlight:
      enable: true
      auto_detect: true
      line_number: true
      tab_replace:
  1. 通过hexo clean清除缓存;

  2. 通过hexo s重新启动服务器;