hexo文章页面内标签和分类在同一行显示

由于hexo的文章默认显示为：

我是启用了分类和标签功能，想做到如下效果：

去网上搜索了一下没有我这样的特殊需求，于是自己看源码改了一下，教程如下：

1、对应的目录

X:\XXXX\themes\next\layout_macro\post.swig

2、找到如下代码

{% if post.tags and post.tags.length and not is_index %}
     <div class="post-tags">
      {% for tag in post.tags %}
        <a href="{{ url_for(tag.path) }}" rel="tag"># {{ tag.name }}</a>
      {% endfor %}
    </div>
{% endif %}

将他复制到代码的上面位置，如：

<span class="post-meta-item-icon">
    <i class="fa fa-folder-o"></i>
</span>
    {% if theme.post_meta.item_text %}
        <span class="post-meta-item-text">{{ __('post.in') }}</span>
    {% endif %}
    {% for cat in post.categories %}
<span itemprop="about" itemscope itemtype="http://schema.org/Thing">
    <a href="{{ url_for(cat.path) }}" itemprop="url" rel="index">
         <span itemprop="name">{{ cat.name }}</span>
    </a>
</span>
        {% if post.tags and post.tags.length %}
            {% for tag in post.tags %}
          <span class="post-meta-divider">|</span>
          <a href="{{ url_for(tag.path) }}" rel="tag"># {{ tag.name }}</a>
            {% endfor %}
        {% endif %}

我把原来带的div的样式去掉了，效果参考截图，样式可以自己加。

注意：and not is_index要去掉，要不首页是不显示的，看下效果对比。