美文网首页程序员
NexT内置标签的使用

NexT内置标签的使用

作者: August_____ | 来源:发表于2016-07-23 18:52 被阅读777次

-------所写文章力求精简,旨在全面,难免遗漏,请多指点!
NexT内置标签的使用

文本居中

使用方法

HTML方式:
<blockquote class="blockquote-center">这个城市的灯火辉煌,与你无关</blockquote>
标签方式:
<!-- 标签 方式,要求版本在0.4.5或以上 -->
{% centerquote %}这个城市的灯火辉煌,与你无关{% endcenterquote %}
<!-- 别名 -->
{% cq %}这个城市的灯火辉煌,与你无关{% endcq %}

示例:


屏幕快照 2016-07-23 18.06.09.png

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

图片突破容器宽度限制

使用方式

HTML方式:

<!-- 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 %}

示例:

屏幕快照 2016-07-23 18.15.29.png

文字解释:当使用此标签引用图片时,图片将自动扩大 26%,并突破文章容器的宽度。 此标签使用于需要突出显示的图片, 图片的扩大与容器的偏差从视觉上提升图片的吸引力。

相关文章

  • NexT内置标签的使用

    -------所写文章力求精简,旨在全面,难免遗漏,请多指点!NexT内置标签的使用 文本居中 使用方法 HTML...

  • 使用githubpages主题NexT的语法

    使用githubpages主题NexT的语法 NexT 前言 不知道为啥?网站总是不出现? 添加「标签」页面 新建...

  • next6、7博客主题美化 2020-04-10

    目录:1、Hexo 启用next主题模板2、更改Next主题为中文3、增加标签页和分类页4、使用标签页和分类页5、...

  • 5.Jsp标签

    1.Jsp标签 1.Jsp标签的作用 2. Jsp标签分类 3.Jsp内置标签 4.JSTL标签 5.JSTL使用...

  • 18async函数

    和 Generator 区别 内置执行器,不必使用next等语法,像普通函数的调用一样,调用 async 函数 使...

  • 标签学问

    标签系统在很多的模块中会使用到,如何设计标签系统。1、标签是否系统内置标签(用户只做选择)2、标签的长度限制3、每...

  • Jsp技术之标签

    Jsp标签 标签的作用 替换Jsp脚本 流程判断(if for循环) 跳转页面(转发、重定向) 内置标签 内置标签...

  • Jsp

    JSP脚本和运行原理 JSP指令 JSP内置/隐式对象 JSP 标签 EL表达式和JSTL标签库使用

  • 优化方法

    用户体验优化 图片占位 性能优化 减少标签嵌套 减少dom操作 编写动画使用js内置的函数 使用cdn 使用图片压...

  • github博客简单搭建

    next主题 选择next的内置主题 我选择的是pisces 然后选择语言 然后是头像 记住 在配置hexo的时候...

网友评论

    本文标题:NexT内置标签的使用

    本文链接:https://www.haomeiwen.com/subject/deswjttx.html