-------所寫文章力求精簡浩淘,旨在全面,難免遺漏捣鲸,請多指點(diǎn)等龙!
NexT內(nèi)置標(biāo)簽的使用
文本居中
使用方法
HTML方式:
<blockquote class="blockquote-center">這個(gè)城市的燈火輝煌督笆,與你無關(guān)</blockquote>
標(biāo)簽方式:
<!-- 標(biāo)簽 方式芦昔,要求版本在0.4.5或以上 -->
{% centerquote %}這個(gè)城市的燈火輝煌,與你無關(guān){% endcenterquote %}
<!-- 別名 -->
{% cq %}這個(gè)城市的燈火輝煌娃肿,與你無關(guān){% endcq %}
示例:
屏幕快照 2016-07-23 18.06.09.png
文字解釋:此標(biāo)簽將生成一個(gè)帶上下分割線的引用咕缎,同時(shí)引用內(nèi)文本將自動(dòng)居中。
圖片突破容器寬度限制
使用方式
HTML方式:
<!-- HTML方式: 直接在 Markdown 文件中編寫 HTML 來調(diào)用 -->
<!-- 其中 class="full-image" 是必須的 -->
<img src="/image-url" class="full-image" />
標(biāo)簽方式:
<!-- 標(biāo)簽 方式料扰,要求版本在0.4.5或以上 -->
{% fullimage /image-url, alt, title %}<!-- 別名 -->{% fi /image-url, alt, title %}
示例:
屏幕快照 2016-07-23 18.15.29.png
文字解釋:當(dāng)使用此標(biāo)簽引用圖片時(shí)凭豪,圖片將自動(dòng)擴(kuò)大 26%,并突破文章容器的寬度晒杈。 此標(biāo)簽使用于需要突出顯示的圖片, 圖片的擴(kuò)大與容器的偏差從視覺上提升圖片的吸引力嫂伞。