博客常用命令

hexo中标签的使用(官方)

写作注意事项

  1. 博客中尽量不要出现直接的链接,要采用引用的方式[]()插入链接,这样可以避免出现链接前方的字体间距过大的效果

启动服务与发布文章

1
2
3
4
5
6
7
8
hexo s --drafts            //可以预览草稿
hexo new draft "草稿" //创建草稿文件“草稿”
hexo publish draft "草稿" //移动文件"草稿"到post文件夹中
hexo clean //清除缓存
hexo g && gulp //生成静态文件并压缩js、css文件
hexo d //推送静态文件到服务器

hexo qiniu s //同步图片资源到七牛服务器

插入图片

使用markdown格式插入和使用hexo自身提供的插件可以参考Hexo基本用法(二):标签插件的使用
也可以使用七牛提供的插件Hexo七牛同步插件来生成图片链接,插件的使用可以参考Hexo七牛同步插件使用说明与博客使用七牛为Hexo存储图片等资源 ;
file:///home/shaoyance/%E6%A1%8C%E9%9D%A2/hotspot/Foo.class

七牛云图片的处理(官方)

自己尝试使用下边这个方式插入图片效果比较好:

1
2
3
4
5

//qnimg标签中的title不知道为什么不显示在图片下方,所以使用center标签将图片注释显示在图片下方
//此处的500:指的是宽度为500Px缩放,高度自适应
{% qnimg 3001_1.2_Version.png title:1.2-版本号 extend:?imageView2/2/w/500 %}
<center style="font-size:14px;color:#C0C0C0;text-decoration:underline">1.2-版本号</center>

自己常用的命令如下

1
2
3
4
5
6

![说明文字 ](http://oyctsei1h.bkt.clouddn.com/house.jpg) //md格式

{% img http://oyctsei1h.bkt.clouddn.com/house.jpg 卧室 %} //hexo自身提供的插件

{% qnimg jikebang_jvm2.png title:jikebang_jvm2 alt:内存分配 extend:-sl1 %} // -sl1 为图片处理样式,将图片放在博客根目录的/cdn/images中即可使用此标签生成链接,可以参考https://github.com/gyk001/hexo-qiniu-sync

自己在七牛上设置的样式有如下四种

  1. sl1 不缩略裁剪
  2. slcj1 缩略裁剪
  3. slsy1 缩略不裁剪水印
  4. slcjsy1 缩率裁剪水印

插入不带边框的图片

1
2
3
4
5
6
//这是带边框的
![jike_jvm1](http://media.shaoyance.com/jike_jvm1.png)

//这种格式插入的图片不带边框,这种格式是官方文档采用将图片扩大用来突出显示图片的一种格式,但是自己对源码做了修改,没有生效。
<img src="http://media.shaoyance.com/jike_jvm1.png" class="full-image" />
{% img [class names] /path/to/image [width] [height] '"title text" "alt text"' %}

csdn 插入图片

1
2
3
4
5
//目录为图片下方的说明文字
<div align="center">
<img src="https://img-blog.csdnimg.cn/20190921073452769.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JhaWxhbmdzeWM=" width="70%" height="70%" alt="大纲">
<div class="text" style=" text-align:center;">目录</div>
</div>

插入音乐

可以参考博客: Hexo基本用法(二):标签插件的使用

1
2
3
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=100 height=86
src="http://music.163.com/outchain/player?type=2&id=25706282&auto=0&height=66">
</iframe>

效果如下:

引用标签的使用

绿色粗竖条引用

1
2
<div id="noBorderSuc">  为什么需要java虚拟机
</div>

插入带边框的一级标题

1
2
3
4
5
6
## <div id="borderDefault"> 灰色
## <div id="borderPrimary">紫色
## <div id="borderSuc"> 绿色
## <div id="borderInfo"> 浅蓝色
## <div id="borderWarn"> 桔黄色
## <div id="borderDanger"> 红色

插入不带边框的一级标题

1
2
## <div id="noBorderSuc">  绿色
</div>

Next标签实现文本居中

1
2
3
4
5
{% cq %}
人的一切痛苦 本质上是对自己无能的愤怒

王小波
{% endcq %}

人的一切痛苦 本质上是对自己无能的愤怒

王小波

markdown 插入引用

md语法中的引用可以参考这篇博客

引用中如何实现换行

使用br标签实现换行。

1
2
3
> 我:“老板,你这清炒油麦菜是荤菜还是素菜?
> 老板:“当然是素菜了”<br>
> 我:“那这条虫是怎么回事”

hexo标签插入引用

简单引用

1
2
3
{% blockquote [author[, source]] [link] [source_link_title] %}
content
{% endblockquote %}

黑夜给了我黑色的眼睛 我却用它寻找光明。

[author[source]] [link] [source_link_title]

显示作者和出处

1
2
3
{% blockquote 顾成, 《我是一个任性的孩子》 %}
黑夜给了我黑色的眼睛 我却用它寻找光明。
{% endblockquote %}

黑夜给了我黑色的眼睛 我却用它寻找光明。

顾成《我是一个任性的孩子》

显示作者、出处、链接

1
2
3
{% blockquote iissnan http://theme-next.iissnan.com/tag-plugins.html Next使用文档:内置标签 %}
「标签」(Tag Plugin) 是 Hexo 提供的一种快速生成特定内容的方式。 例如,在标准 Markdown 语法中,我们无法指定图片的大小。这种情景,我们即可使用标签来解决。 Hexo 内置来许多标签来帮助写作者可以更快的书写, [完整的标签列表](https://hexo.io/docs/tag-plugins.html) 可以参考 Hexo 官网。 另外,Hexo 也开放来接口给主题,使主题有可能提供给写作者更简便的写作方法。 以下标签便是 NexT 主题当前提供的标签。
{% endblockquote %}

「标签」(Tag Plugin) 是 Hexo 提供的一种快速生成特定内容的方式。 例如,在标准 Markdown 语法中,我们无法指定图片的大小。这种情景,我们即可使用标签来解决。 Hexo 内置来许多标签来帮助写作者可以更快的书写, 完整的标签列表 可以参考 Hexo 官网。 另外,Hexo 也开放来接口给主题,使主题有可能提供给写作者更简便的写作方法。 以下标签便是 NexT 主题当前提供的标签。

自带标签 Bootstrap Callout的使用

总共有六种颜色

1
2
3
4
5
6
{% note default%}  这是primary 效果{% endnote%}
{% note primary%} 这是success 效果{% endnote%}
{% note success%} 这是primary 效果{% endnote%}
{% note info%} 这是success 效果{% endnote%}
{% note warning%} 这是primary 效果{% endnote%}
{% note danger%} 这是success 效果{% endnote%}

突出重要内容

1
<font color="green">**该标签可以表示条目的等级,使用的时候一定要注意和后边内容留有空格。**</font>
该标签可以表示条目的等级,使用的时候一定要注意和后边内容留有空格。

其它技巧

打印特殊符号「」

切换到中文输入法, 按下}按键,第一次会打出符号,然后再次按下该键,就会打出

“*” 造成的缩进问题

在使用md语法*来显示列表的时候会造成缩进,但是此时插入代码块如果和*的内容没有连接在一起,代码块就不会缩进,此时看起来就比较凌乱。这时可以让代码块也缩进。

当代码块中的内容和*接壤的时候代码块会缩进

  • 1.第一点
    第一点,第一点
    1
    我可以缩进

但是下边这样,代码快就不会缩进

  • 1.第一点
    第一点我们一定要好好学习
    我们必须要好好学习
1
我不可以缩进

我们可以让代码缩进

  • 1.第一点
    第一点我们一定要好好学习
    我们必须要好好学习

    1
    这样我可以缩进