图像浏览工具
本主题自带图像浏览器功能,支持对文章区域内出现的图片进行浏览,点击图片可以查看大图,点击空白处可以关闭。不需要配置任何参数,只要在文章里面相应的位置添加图片信息即可 。
本主题自带图像浏览器功能,支持对文章区域内出现的图片进行浏览,点击图片可以查看大图,点击空白处可以关闭。不需要配置任何参数,只要在文章里面相应的位置添加图片信息即可 。
刘慈欣2018克拉克奖获奖感言(部分内容节选)。
用于测试在没有H1-6标题头时,文章的目录导航是否会直接关闭。
本主题已支持 Mermaid
实现以纯文本的方式绘制流程图、序列图、甘特图、状态图、关系图行等等,随着 Mermaid
也在逐步发展,后续还会有各种各样的图被引入进来,更多的类型及使用方式可关注其官方网站:
https://mermaid-js.github.io/
。
对于熟悉前端开发的用户来说,可以通过自定义文件配置,实现对站点的样式和布局进行个性化的调整。其中布局方面主要是支持左侧边栏的站点概览部分,以及站点底部2个位置,但样式的重置可以是整个站点的任意位置。
虽然 Markdown
语法已经非常丰富能够满足我们写文章的绝大部分需求,但是为更好的对文章内容进行更友好的排版,为此设计了一套自定义的短语,便于在使用时能够快速引用。
巴顿将军说过:“衡量一个人是否成功,不是看他站到顶峰,而是从顶峰跌落之后的反弹力”,褚时健的人生便是如此,中年发家致富,名利双收,之后又跌落到谷底,等到74岁再创业,10年后带着褚橙归来,东山再起收获亿万财富,他的发展轨迹就是反弹的过程。
Hugo 通过 Chroma 提供非常快速的语法高亮显示,现 Hugo 中使用 Chroma 作为代码块高亮支持,它内置在 Go 语言当中,速度是真的非常、非常快,而且最为重要的是它也兼容之前我们使用的 Pygments 方式。
以下通过 Hugo 内置短代码 highlight
和 Markdown
代码块方式分别验证不同语言的代码块渲染效果并能正确高亮显示,有关优化语法突出显示的更多信息,请参阅
Hugo 文档
。
Emoji 可以通过多种方式在 Hugo 项目中启用。
emojify
方法可以直接在模板中调用, 或者使用
行内 Shortcodes
.
要全局使用 emoji, 需要在你的
网站配置
中设置 enableEmoji
为 true
,
然后你就可以直接在文章中输入 emoji 的代码。
仅以此篇文章来测试下在 NexT
主题中在通过 Hugo
引擎来建站时,是否支持 Markdown
文件内容中所写的各种语法,并展示下实际的效果。