主页
Featured image of post NoteBlock测试……

NoteBlock测试……

测试NoteBlock的移植……

文章字数:748
预计阅读时长: 分钟

发现note嵌套中还是会出现格式混乱的问题,待修复……

错误例子
{{< note info >}}

1. 测试
   {{< snote error "这里有问题……" >}}

{{< /note >}}

Note测试……

对Hexo中Volantis主题的note移植测试……

NoteBlock 是 Blockquote 的增强版,在左边显示图标,并且可以自定颜色。

长Note

适用于需要换行输入的note……

很长很长的note!……
还可以换行!……

因为内容是Markdown格式……
里面干什么都可以_(:з」∠)_……

这句话是一句很长的话我用来测试他能否在不同移动端上也能正常显示我希望他真的能正常显示不然我又要去改scss了呜呜呜x但是现在这个长度还不够我还要再加长点嗯现在应该够了让我们看看效果吧!……

为了能使长note内嵌,暂时将goldmark里的unsafe调为了true(能内嵌HTML),日后再改进……

使用方法:

< note guide(theme) blue(color) >
(content)
< /note >

注意:
如果要在引用内容(>)中使用,
则只能在开头写一个>,其内容和结束部分都不要打>……


短Note

适用于很短的一句话的note……

  • 不带颜色的……

    成功(success)……

    使用方法:

    < snote success "..." >
    
  • 带颜色的……

    使用方法:

    < snote link "..." blue >
    

图标问题已修复……

测试:

Test——up……

Test——paperclip in yellow……

参数

图标

  • 带颜色的:quote, info, warning, done/success, error/danger
  • 不带颜色的:radiation, bug, idea, link, paperclip, todo, message, guide, download, up, undo

颜色

  • clear, light, gray, red, yellow, green, cyan, blue

使用了其CSS后,用基于Hugo的Shortcode实现,并更改部分CSS使得匹配该主题……
更多note也可以参见该页面……

同时滚动条样式也参考了这位dalao然后自己改的【感恩……

采用 CC BY-NC-SA 4.0 许可协议
最后更新于 2021/01/06 15:22
文章封面配图Yandere ID:713907