Hexo和NexT写作基本操作:NexT技巧

NexT技巧1:文本居中的引用

此标签将生成一个带上下分割线的引用,同时引用内文本将自动居中。

文本居中时,多行文本若长度不等,视觉上会显得不对称,因此建议在引用单行文本的场景下使用。

例如作为文章开篇引用 或者 结束语之前的总结引用。

使用方式

  • HTML方式:使用这种方式时,给 img 添加属性 class="blockquote-center" 即可。
  • 标签方式:使用 centerquote 或者 简写 cq

此标签要求 NexT 的版本在 0.4.5 或以上。 若你正在使用的版本比较低,可以选择使用 HTML 方式。

1
2
3
4
5
6
7
8
9
<!-- HTML方式: 直接在 Markdown 文件中编写 HTML 来调用 -->
<!-- 其中 class="blockquote-center" 是必须的 -->
<blockquote class="blockquote-center">blah blah blah</blockquote>

<!-- 标签 方式,要求版本在0.4.5或以上 -->
{% centerquote %}blah blah blah{% endcenterquote %}

<!-- 标签别名 -->
{% cq %} blah blah blah {% endcq %}

效果示例

我是一匹万里马

杨也

假如我是一匹马,我不想当一匹家马,而想当一匹不受限制和羁绊的自由的马,能驰骋万里的良马。
假如我是一匹马,我希望我浑身雪白,毛色发亮,大眼睛陷在眼窝里,炯炯有神。我的耳朵是十分灵敏的,白透点儿灰的鬃毛在奔驰时和尾巴一起飘起,非常蓬松。我的腿是细长的,身子很瘦,很健康。
假如我是一匹马,我要加入到一个家族里。每天和它们在大草原上奔跑,踏着柔软的草坪,嗅着泥土和野花的芬芳,望着前方连绵起伏的山脉。连续着奔腾许多时间后,领头的马会让大家在山坡上吃草。草原上的青草鲜脆可口,大家都弯着脖子津津有味的吃着。休息时,我可以来到山顶欣赏草原美景。映入眼帘的是成片的绿色,远处的湖水湛蓝,似一块宝石嵌在绿布上。那边山坡上,羊群们就像团团棉花,给山绣上白边……。在这样的美景中生活,真令我陶醉!
假如我是一匹马,我会将我一生中的大部分时间用来奔驰。清晨,在山顶上追逐初升的阳光;白天,我与高空盘旋的苍鹰赛跑,与风儿比谁快;傍晚,我在蝉鸣中听着自己清脆悦耳的蹄落地时的声响;有时还顶着酷日或狂风暴雨不知疲倦的奔驰。
假如我是一匹马,我就是自由和顽强生命力的象征。我会奔驰草原、不畏艰难地向前不停奔跑!

NexT技巧2:突破容器宽度限制的图片

当使用此标签引用图片时,图片将自动扩大 26%,并突破文章容器的宽度。 此标签使用于需要突出显示的图片, 图片的扩大与容器的偏差从视觉上提升图片的吸引力。 此标签有两种调用方式(详细参看底下示例):

使用方式

  • HTML方式:使用这种方式时,为 img 添加属性 class="full-image"即可。
  • 标签方式:使用 fullimage 或者 简写 fi, 并传递图片地址、 alttitle 属性即可。 属性之间以逗号分隔。

此标签要求 NexT 的版本在 0.4.5 或以上。 若你正在使用的版本比较低,可以选择使用 HTML 方式。
如果要在图片下显示图片的标题,请使用 标签方式 并给定 title 属性。

1
2
3
4
5
6
7
8
9
<!-- HTML方式: 直接在 Markdown 文件中编写 HTML 来调用 -->
<!-- 其中 class="full-image" 是必须的 -->
<img src="/image-url" class="full-image" />

<!-- 标签 方式,要求版本在0.4.5或以上 -->
{% fullimage /image-url, alt, title %}

<!-- 别名 -->
{% fi /image-url, alt, title %}

效果示例

第二日清早晨我到了我家的門口了。 瓦楞上許多枯草的斷莖當風抖著,正在說明這老屋難免易主的原因。 几房的本家大約已經搬走了,所以很寂靜。 我到了自家的房外,我的母親早已迎著出來了,接著便飛出了八歲的侄儿宏儿。
我的母親很高興,但也藏著許多凄涼的神情,教我坐下,歇息,喝茶,且不談搬家的事。 宏儿沒有見過我,遠遠的對面站著只是看。
但我們終于談到搬家的事。 我說外間的寓所已經租定了,又買了几件家具,此外須將家里所有的木器賣去,再去增添。 母親也說好,而且行李也略已齊集,木器不便搬運的,也小半賣去了,只是收不起錢來。
“你休息一兩天,去拜望親戚本家一回,我們便可以走了。”母親說。
“是的。”
“還有閏土,他每到我家來時,總問起你,很想見你一回面。我已經將你到家的大約日期通知他,他也許就要來了。”
這時候,我的腦里忽然閃出一幅神异的圖畫來:深藍的天空中挂著一輪金黃的圓月,下面是海邊的沙地,都种著一望無際的碧綠的西瓜,其間有一個十一二歲的少年,項帶銀圈,手捏一柄鋼叉,向一匹□2盡力的刺去,那□卻將身一扭,反從他的胯下逃走了。

观沧海

這少年便是閏土。 我認識他時,也不過十多歲,离現在將有三十年了;那時我的父親還在世,家景也好,我正是一個少爺。 那一年,我家是一件大祭祀的值年3。 這祭祀,說是三十多年才能輪到一回,所以很鄭重;正月里供祖像,供品很多,祭器很講究,拜的人也很多,祭器也很要防偷去。 我家只有一個忙月(我們這里給人做工的分三种:整年給一定人家做工的叫長工;按日給人做工的叫短工;自己也种地,只在過年過節以及收租時候來給一定人家做工的稱忙月),忙不過來,他便對父親說,可以叫他的儿子閏土來管祭器的。
我的父親允許了;我也很高興,因為我早听到閏土這名字,而且知道他和我仿佛年紀,閏月生的,五行缺土4,所以他的父親叫他閏土。 他是能裝〔弓京〕捉小鳥雀的。

NexT技巧3:Bootstrap Callout

使用方式

1
{% note class_name %} Content (md partial supported) {% endnote %}

其中,class_name 可以是以下列表中的一个值:

  • default
  • primary
  • success
  • info
  • warning
  • danger

效果示例

primary

success

info

warning

danger

default

其他技巧

字体颜色

使用方式

1
2
3
<font size=8 > 这里输入文字,自定义大小 </font>

<font color="#FFFF00"> 这里输入文字,自定义颜色的字体 </font>

效果示例

这里输入文字,自定义大小 这里输入文字,自定义颜色的字体