Mermaid支持流程图
本主题已支持 Mermaid
实现以纯文本的方式绘制流程图、序列图、甘特图、状态图、关系图行等等,随着 Mermaid
也在逐步发展,后续还会有各种各样的图被引入进来,更多的类型及使用方式可关注其官方网站:
https://mermaid-js.github.io/
。
本主题已支持 Mermaid
实现以纯文本的方式绘制流程图、序列图、甘特图、状态图、关系图行等等,随着 Mermaid
也在逐步发展,后续还会有各种各样的图被引入进来,更多的类型及使用方式可关注其官方网站:
https://mermaid-js.github.io/
。
对于熟悉前端开发的用户来说,可以通过自定义文件配置,实现对站点的样式和布局进行个性化的调整。其中布局方面主要是支持左侧边栏的站点概览部分,以及站点底部2个位置,但样式的重置可以是整个站点的任意位置。
虽然 Markdown
语法已经非常丰富能够满足我们写文章的绝大部分需求,但是为更好的对文章内容进行更友好的排版,为引设计一套自定义的短语,便于在使用时能够快速引用。
Hugo 通过 Chroma 提供非常快速的语法高亮显示,现 Hugo 中使用 Chroma 作为代码块高亮支持,它内置在 Go 语言当中,速度是真的非常、非常快,而且最为重要的是它也兼容之前我们使用的 Pygments 方式。
以下通过 Hugo 内置短代码 highlight
和 Markdown
代码块方式分别验证不同语言的代码块渲染效果并能正确高亮显示,有关优化语法突出显示的更多信息,请参阅
Hugo 文档
。
Emoji 可以通过多种方式在 Hugo 项目中启用。
emojify
方法可以直接在模板中调用, 或者使用
行内 Shortcodes
.
要全局使用 emoji, 需要在你的
网站配置
中设置 enableEmoji
为 true
,
然后你就可以直接在文章中输入 emoji 的代码。
仅以此篇文章来测试下在 NexT
主题中在通过 Hugo
引擎来建站时,是否支持 Markdown
文件内容中所写的各种语法,并展示下实际的效果。