用hexo写博客：相关标签和美化

发表于 | 更新于 | 分类于

基于hexo + next6.0

主题原生支持

文章中添加居中模块

  • 方式一：
优秀的人，不是不合群，而是他们合群的人里面没有你

查看代码
1
<blockquote class="blockquote-center">优秀的人，不是不合群，而是他们合群的人里面没有你</blockquote>



  • 方式二

人生乃是一面镜子，
从镜子里认识自己，
我要称之为头等大事，
也只是我们追求的目的！


查看代码
1
2
3
4
5
6
{% cq %}
人生乃是一面镜子，
从镜子里认识自己，
我要称之为头等大事，
也只是我们追求的目的！
{% endcq %}


引用站内文章

hexo相关的实用插件 
1
2
3
4
5

{% post_link 绝对路径 链接显示的文字（建议直接用文章名，当然不用也可以） %}

// 比如上面的示例
{% post_link 【记录和总结】/2019-04 Cynthia-的四月记录 %}

代码块红绿底色

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
/**
 * +为红色，-为绿色，设置为diff语言即可
*/
package l2f.gameserver.model;

+public abstract class L2Char extends L2Object {
-  public static final Short ERROR = 0x0001;
  public void moveTo(int x, int y, int z) {
    _ai = null;
    log("Should not be called");
    if (1 > 5) { // wtf!?
      return;
    }
  }
}

note标签样式

1
<div class="note default"><p>default</p></div>

default



1
<div class="note default"><p>default</p></div>

primary



1
<div class="note default"><p>default</p></div>

success



1
<div class="note default"><p>default</p></div>

info



1
<div class="note default"><p>default</p></div>

warning



1
<div class="note default"><p>default</p></div>

danger

利用html标签

kbd标签

实现效果：

Ctrl

代码：

1
<kbd>Ctrl</kbd>

折叠效果

实现效果：


查看代码
1
我是代码块


代码：

1
2
3
4
<details>
<summary>查看代码</summary>
    - 代码块
</details>

利用id进行页面跳转

⬆ 回到顶部


查看代码
1
2
<span id="jump"></span>
[⬆ 回到顶部](#jump)


参考文章

------------- 本文到此结束啦 感谢您的阅读 ♪(＾∀＾●)ﾉ -------------
0%