Volantis主题设置学习日记
这是我的Volantis主题设置学习日记，主要包括我在使用Volantis过程中遇到的疑难杂症以及一些细节问题。文中所有内容以Volantis官方文档为准。
Volantis图标设计
使用Font Awesome预设图标
在hexo-themes-volantis这个文件夹下的_config.yml中，我找到了Volantis主题配置的一些代码，其中，很多图标都是由fas fa-envelope或者fas fa-envelope显示的，比如在博客作者logo下显示的作者联系方式，微博推特等链接的图标：
1 | social: |
最开始我完全不知道这些代码的意义，但经过一番搜索，终于在这些图标的名称这一点上找到了突破，这些图标都是由一个名为Font Awesome的图标网站设计的，而在每个index.html文件的头部，都会通过一个js函数导入这些图标。在Font Awesome官方网站中，可以查到最新的Font Awesome图标的代码。而Font Awesome中文网也可以查到图标的种类（下面会说）。
然而，当我想要修改这些图标时，又遇到了麻烦，我想要在我的logo下面加入Facebook，微信和Instagram的图标作为链接，但是我将每个icon后面的图标代码修改为相应的图标代码后，重新生成页面，图标竟然无法显示。我认为，这一问题主要是由于代码前的一个代号，比如邮件的fas fa-envelope前有一个fas，而fab fa-weixin前的代号却是fab，这两者之间的区别究竟代表什么意义呢？
又经历了一番搜索后，我终于明白了fas与fab的区别。这是由Font Awesome的新特性引起的，原来的图标前缀fa被更改了为fas，fab与far，具体哪个图标属于哪一个种类可以由上面的官网链接查看。其中，fas代表实心图标，而fab代表品牌图标，这就可以解释为什么我使用fas fa-nstagram，而在网站上无法显示的问题了。
使用图片作为图标
这是我通过实验多次未果，最后百度搜索得到的结果，Hexo默认的文件位置在 /blog/source 文件目录下，因此如果在source文件夹下新建了一个images文件夹用来存放所有博客需要的图片文件，并使用rowlet.png作为我的头像（没错，就是左边那只可爱的木木枭！），那么我需要在_config.volantis.yml中的sidebar项widget_library项中的avatar设置为/images/rowlet.png，这样就可以找到正确的文件路径了。然后就可以惊喜的发现，我的头像变成了一只可爱的木木枭！
网站统计
对于博客来说，我们可以统计一下网站的总访问量以及访问次数，Volantis很方便地集成了这些功能，只不过需要自己再手动配置一些选项才能正确使用。主页的“站点信息”widget，其中有一个选项visitcounter中的service，将这一项从leancloud改成busuanzi就可以使用不蒜子的网页统计功能了，十分方便，而如果要使用leancloud的话或许需要再申请之类的，我还是觉得不蒜子的更方便一些。
当然，方便有方便的问题。在网页底部的相关信息也需要修改，这部分的配置文件在site_footer中的analytics中。这一部分的具体原理我没有太明白，因为默认使用的是leancloud的服务，所以显示数据与实际不符。我在F12检查网页源代码后，发现这一部分直接使用html代码进行配置，而两个span的id均是leancloud的id，于是我参考webbinfo中的设置，将spanid改成了busuanzi的形式，然后根据实际效果，将span内的字段移到了span外，这回似乎可以用了，如果你看到这里，可以将网页拉到最下面看一看，那里的统计数据是否正确加载，是否与首页的统计数据是否一致。
1 | 本站总访问量为<span id="busuanzi_value_site_pv"> <span id='number'><i class="fas fa-circle-notch fa-spin fa-fw" aria-hidden="true"></i></span> </span>次 |
其他问题
文章中的注释
在12月11日的版本中，我将写完的文章部署到GitHub上后，发现这篇文章的评论区以及侧边栏都没有正确加载出来，我开始是以为这是因为GitHub的网络延迟而导致的，可是在刷新了几遍之后问题依旧存在，这一个周末都没有怎么搞博客，也没有继续管这个问题。12月14日早晨，终于在调试了几次之后发现了玄机。
原来的文章中有一大段注释，本来是我想在之后写下来的内容，因为没有写完而被注释掉了，在我删除了这段注释之后在使用hexo g && hexo s生成后，显示的页面就不再有问题了。
但是，在我再次在文章的某一段落加上注释之后，同样的问题就不再生成了，所以可能也并不是注释引起的问题。。。😂
整了一上午，终于整明白了，之后还可以再搞搞别的，比如文章作者，最后修改时间等问题。
