hexo博客pure主題解決不蒜子計數不顯示的問題

最近在建個人博客網站，想統計自己的博客頁面訪問量，就用到了不蒜子頁面訪問統計。可是遇到了糟心事，居然不顯示！！！

不蒜子官網示例：兩行代碼，搞定計數

<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
            <span id="busuanzi_container_site_pv">本站總訪問量<span id="busuanzi_value_site_pv"></span>次</span>

興致勃勃的插入到pure主題的footer.ejs模板中：

<footer class="footer" itemscope itemtype="http://schema.org/WPFooter">
    <%- partial('_common/social', null, {cache: !config.relative_link}) %>
    <div class="copyright">
        <% if(theme.site.copyright) { %>
        &copy; <%= date(new Date(), 'YYYY') %> <%= config.author || config.title %>
        <% } %>
        <div class="powered-by">
        </div>
        <!-- <div class="publishby">
            Hexo <a href="https://github.com/cofess/hexo-theme-pure" target="_blank">pure</a>.
        </div> -->
    </div>
    <script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
    <span id="busuanzi_container_site_pv" >本站總訪問量<span id="busuanzi_value_site_pv"></span>次</span>
    <div class="beian-info">
        <a href="http://www.miitbeian.gov.cn/">粵ICP備18145042號-1</a>
    </div>
</footer>

最終在頁面上的卻不顯示。

查看了html代碼：

這個style="display:none"看到這個我也是醉了。沒有對它進行樣式設置，居然在這里會出現這個，也不知何意。如果你想在這里加個行內樣式display:inline！important。那也是白費心，親身試過無效。

最后還是老實的把外層span的id去掉，變成

<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
    <span >本站總訪問量: <span id="busuanzi_value_site_pv"></span>次</span>

 

最終才看到了結果。

跨過每一個小坑，讓自己每天都進步一點點。

個人博客網站：https://www.zengfanping.com