Icarus消息框模板

Hexo主题Icarus的示例网站更新后文章中出现了样式美观的提示框，但是好像这个提示框并不是主题的新特性。查看作者的源码后发现，这个提示框仍然是以HTML代码的形式插入在Markdown文件中的。这里将这些代码整理成一个模板以便日后使用。

白

这是一个默认白色消息框，点击此处以浏览更多。

<article class="message message-immersive is-white">
<div class="message-body">
<i class="fas fa-info-circle mr-2"></i>
这是一个默认白色消息框，点击<a href="https://astrobear.top">此处</a>以浏览更多。
</div>
</article>

黑

这是一个默认黑色消息框，点击此处以浏览更多。

<article class="message message-immersive is-black">
<div class="message-body">
<i class="fas fa-info-circle mr-2"></i>
这是一个默认黑色消息框，点击<a href="https://astrobear.top">此处</a>以浏览更多。
</div>
</article>

亮

这是一个默认亮消息框，点击此处以浏览更多。

<article class="message message-immersive is-light">
<div class="message-body">
<i class="fas fa-info-circle mr-2"></i>
这是一个默认亮消息框，点击<a href="https://astrobear.top">此处</a>以浏览更多。
</div>
</article>

暗

这是一个默认暗消息框，点击此处以浏览更多。

<article class="message message-immersive is-dark">
<div class="message-body">
<i class="fas fa-info-circle mr-2"></i>
这是一个默认暗消息框，点击<a href="https://astrobear.top">此处</a>以浏览更多。
</div>
</article>

基本

这是一个基本消息框，点击此处以浏览更多。

<article class="message message-immersive is-primary">
<div class="message-body">
<i class="fas fa-info-circle mr-2"></i>
这是一个基本消息框，点击<a href="https://astrobear.top">此处</a>以浏览更多。
</div>
</article>

链接

这是一个链接消息框，点击此处以浏览更多。

<article class="message message-immersive is-link">
<div class="message-body">
<i class="fas fa-link mr-2"></i>
这是一个链接消息框，点击<a href="https://astrobear.top">此处</a>以浏览更多。
</div>
</article>

信息

这是一个信息消息框，点击此处以浏览更多。

<article class="message message-immersive is-info">
<div class="message-body">
<i class="fas fa-info-circle mr-2"></i>
这是一个信息消息框，点击<a href="https://astrobear.top">此处</a>以浏览更多。
</div>
</article>

成功

这是一个成功消息框，点击此处以浏览更多。

<article class="message message-immersive is-success">
<div class="message-body">
<i class="fas fa-check mr-2"></i>
这是一个成功消息框，点击<a href="https://astrobear.top">此处</a>以浏览更多。
</div>
</article>

警告

这是一个警告消息框，点击此处以浏览更多。

<article class="message message-immersive is-warning">
<div class="message-body">
<i class="fas fa-exclamation-triangle mr-2"></i>
这是一个警告消息框，点击<a href="https://astrobear.top">此处</a>以浏览更多。
</div>
</article>

危险

这是一个危险消息框，点击此处以浏览更多。

<article class="message message-immersive is-danger">
<div class="message-body">
<i class="fas fa-bug mr-2"></i>
这是一个危险消息框，点击<a href="https://astrobear.top">此处</a>以浏览更多。
</div>
</article>