markdown it 插件的使用

markdown it plugins

hexo-renderer-markdown-it-plus

markdown-it-latex2img【额外】

markdown-it-katex【额外】

markdown-it-abbr【默认】

markdown-it-attrs【额外】

markdown-it-deflist【默认】

markdown-it-emoji【默认】

markdown-it-footnote【默认】

markdown-it-ins【默认】

markdown-it-mark【默认】

markdown-it-sub【默认】

markdown-it-sup【默认】

markdown-it-toc【默认】

markdown-it-bracketed-spans

markdown-it-spoiler【额外】

启用

- plugin: 
    name: markdown-it-spoiler
    enable: true
    options:
      title: "你知道得太多了"

配置

在themes\purabo\source\css\style.css中添加样式

/* spoiler 隐藏文本 start */
/* !!balabala!! 鼠标放置时显示内容。 */
/* !!balabala!!{.bulr} 鼠标选中时显示内容 */
.spoiler:not(.bulr) {
  background-color: #333;
  color: var(#333);
  text-shadow: none;
  transition: color .3s;
  padding:0 .1875rem;
}

.spoiler:hover {
  color: #FFF;
}

.spoiler.bulr {
  text-shadow: rgba(0, 0, 0, .7) 0rem 0rem .625rem;
  color: transparent;
}

/* spoiler 隐藏文本 end */

使用

!!balabala!! 鼠标放置时显示内容。
!!balabala!!{.bulr} 鼠标选中时显示内容

效果