增加每篇文章字数统计

在这篇文章中(字数统计)利用插件对每篇文章和全站文章进行了字数统计,全站字数统计加在了footer.php文件中。

对于每篇文章字数统计的引用,需要分别加在主题文件的index.phppost.php文件中,具体如下:

  • 首页引用:
<div class="post-card-mask">
                                <div class="post-card-container">
                                    <h2 class="post-card-title" itemprop="headline"><?php $this->sticky();echo Mirages::parseBiaoqing($this->title);?></h2>
                                    <div class="post-card-info">
                                        <?php if (Mirages::$options->userNum > 1):?><span itemprop="author" itemscope itemtype="http://schema.org/Person"><?php $this->author(); ?> • </span><?php endif;?>
                                        <span itemprop="datePublished" content="<?php $this->date('c'); ?>"><?php $this->date(I18n::dateFormat()); ?> • </span>
                                        <span><?php Content::category($this->categories, false)?> • </span>
                                        字数:<span><?php $this->charactersNum(); ?></span>
                                    </div>
                                </div>
                            </div>
                        </div>
  • 内页文章引用:
<ul class="post-meta">
            <?php if (Mirages::$options->userNum > 1):?>
            <li><a href="<?php $this->author->permalink(); ?>"><?php $this->author(); ?></a> • </li>
            <?php endif;?>
            <li><time><?php $this->date(I18n::dateFormat()); ?></time></li>
            <?php if(intval($this->viewsNum) > 0): ?>
            <li> • <?php _me('阅读: %d', $this->viewsNum);?></li>
            <?php endif;?>
            <li> • <?php Content::category($this->categories)?></li>
            <li> • 字数:<?php $this->charactersNum(); ?></li>
  • 效果如下图:

1.首页:

2.内页:

最后,感谢大佬小陈的辣鸡屋-小陈老师,悉心、耐心的指导,感谢!!@(真棒)@(真棒)@(真棒)

Comments ( 6 评论)

wave
  1. 陈阿叔

    2021年08月18日

    慢慢打磨成自己想要的样子,这感觉很棒!

    Windows 10 · QQ Browser
    1. FlyPig 博主

      2021年08月19日

      @陈阿叔 ,感谢带佬理解,欢迎带佬常来看看。

      Windows 10 · Google Chrome
  2. 隔壁小胡

    2021年08月18日

    这个不错@(滑稽)

    Android · Google Chrome
    1. FlyPig 博主

      2021年08月18日

      @隔壁小胡 ,感谢大佬认可!

      Windows 10 · Google Chrome
  3. 2021年08月14日

    大佬你好,请问想要在首页引用,代码具体加在index.php 和 post.php的哪个位置呢?萌新试了好多次都没成功,请求指教@(玫瑰)

    Windows 10 · Google Chrome
    1. FlyPig 博主

      2021年08月14日

      @月 ,就是我文章里带“字数”文字的位置啊。

      MacOS · Google Chrome
悄悄话

搜索