Hexo Markdown 进阶

Posted on

Note标签

【内容来源】Hexo自带还是NexT主题自带我不清楚，可以肯定不是插件
但是我知道这种写法是常用的一种markdown写法
在 VuePress 中一样的是这种写法

通过 note 标签可以为段落 添加背景色 ，用于进行内容的提示
一共有如下五种： primary success info warning danger

1
2
3
{% note [class] %}
请把‘class’替换成上面5个的一个 (支持行内标签)
{% endnote %}

default

primary

success

info·

warning

danger

如果上述的 class 标签写成其他的任何内容，比如这样

1
2
3
{% note 点击这里查看折叠的内容 %}
是不是非常的有趣，适合描述扩展的知识
{% endnote %}

点击这里查看折叠的内容

是不是非常的有趣，适合描述扩展的知识

代码块 进阶 (未完成)

这里还有一些插件和扩展功能还没有完全的整合好
需要进一步的进行优化

  • langugae：语言名称，引导渲染引擎正确解析并高亮显示关键字
  • title：代码块标题，将会显示在左上角
  • url：链接地址，如果没有指定 link text 则会在右上角显示 link
  • link text：链接名称，指定 url 后有效，将会显示在右上角
1
2
3
​``` [language] [title] [url] [link text]
code snippet
​```

一个最简单的例子

_config.yml diff
1
2
3
4
5
6
 highlight:
   enable: true
   line_number: false
-  auto_detect: false
+  auto_detect: true
   tab_replace: true
line_number:false
1
2
3
4
5
public Class HelloWorldClass(){
    public static void main(String[] args){
        System.Out.printl("Hello World");
    }
}