NexT主题使用

记录一些blog制作的一些方法，以便日后查看。

内置标签

文本居中的引用

使用方式

• HTML方式：使用这种方式时，给img添加属性class="blockquote-center"即可。

• 标签方式：使用centerquote或者 简写cq。

  <!-- HTML方式: 直接在 Markdown 文件中编写 HTML 来调用 -->
  <!-- 其中 class="blockquote-center" 是必须的 -->
    <blockquote class="blockquote-center">blah blah blah</blockquote>
  
    <!-- 标签 方式，要求版本在0.4.5或以上 -->
  {% centerquote %}blah blah blah{% endcenterquote %}
  
    <!-- 标签别名 -->
  {% cq %} blah blah blah {% endcq %}
  

突破容器宽度限制的图片

使用方式

• HTML方式：使用这种方式时，为 img 添加属性 class=”full-image”即可。

• 标签方式：使用 fullimage 或者 简写 fi， 并传递图片地址、 alt 和 title 属性即可。 属性之间以逗号分隔。

  <!-- HTML方式: 直接在 Markdown 文件中编写 HTML 来调用 -->
  <!-- 其中 class="full-image" 是必须的 -->
  <img src="/image-url" class="full-image" />
  
      <!-- 标签 方式，要求版本在0.4.5或以上 -->
  {% fullimage /image-url, alt, title %}
  
  <!-- 别名 -->
  {% fi /image-url, alt, title %}
  

---

增加网站的浏览次数与访客数量统计功能

网站的浏览次数，即pv；网站的访客数为uv。pv的计算方式是，单个用户连续点击n篇文章，记录n次访问量；uv的计算方式是，单个用户连续点击n篇文章，只记录1次访客数。你可以根据需要添加相应的统计功能。

安装busuanzi.js脚本

如果你使用的是NexT主题（其他主题类似），打开/theme/next/layout/_partial/footer.swig文件，拷贝下面的代码至文件的开头。

<script async src="https://dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js">

显示统计标签

同样编辑/theme/next/layout/_partial/footer.swig文件。

如果你想要显示pv统计量，复制以下代码至你想要放置的位置，

<span id="busuanzi_container_site_pv">
本站总访问量<span id="busuanzi_value_site_pv"></span>次
</span>

如果你想要显示uv统计量，复制以下代码至你想要放置的位置，

<span id="busuanzi_container_site_uv">
  本站访客数<span id="busuanzi_value_site_uv"></span>人次
</span>

---