Abstract:

本文章主要记录使用Hexo的一些坑，以供今后查阅。

Hexo中加载图片

• 首先要下载hexo-asset-image，经过测试，使用该链接下载的插件可以正常工作：

  npm install https://github.com/CodeFalling/hexo-asset-image --save
  

为主题添加访问计数

网站访问计数

• 引入不蒜子：在主题的layout/layout.ejs中按以下格式导入

  <script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
  

• 在网站底部，即footer.ejs的合适位置添加如下代码：

  <div id="visitCounter">
      <span id="busuanzi_container_site_pv">本站总访问量<span id="busuanzi_value_site_pv"></span>次</span>
      <span class="post-meta-divider">|</span>
      <span id="busuanzi_container_site_uv">本站访客数<span id="busuanzi_value_site_uv"></span>⼈</span>
  </div>  
  

文章阅读计数

在article.ejs的合适位置添加如下代码：

<span id="busuanzi_container_page_pv">
    共阅读<span id="busuanzi_value_page_pv"></span>次
</span> 

使用FontAwesome 6的眼睛图标：

• 在layout中导入：

  <script src="https://cdn.staticfile.org/font-awesome/6.1.1/js/all.min.js"></script>
  

• 文章中显示：

  <span class="icon">
      <i class="fa-solid fa-eye"></i>
  </span>
  <span id="busuanzi_container_page_pv">
      <span id="busuanzi_value_page_pv"></span>
  </span> 
  

  等待施工~~~