更改版本号

说明
网站统计
2026-06-28 05:24:24 +00:00 · 2024-05-30 14:47:29 +08:00 · 2024-05-26 14:17:20 +08:00 · 2024-05-26 14:06:03 +08:00 · 2024-05-25 19:32:04 +08:00 · 2024-05-24 17:17:09 +08:00
17 changed files with 846 additions and 407 deletions
@@ -1,24 +1,37 @@
 ## 说明

-移植自`hugo-theme-farallon` 原汁原味,可以直接使用 原主题的CSS 和 JS.
+移植自 `bigfa `大大的 `hugo-theme-farallon` 原汁原味,可以直接使用 原主题的CSS 
+精简部分 JS.
+感谢

+- 2024.5.24
+
+新增了说说页面,基于memos 0.19 以下的版本
+在后台设置memos的地址和memoID即可
+默认获取最近20条公开的memo
+
+- 2024.5.26
+
+抄了个网站统计页面

 ## 原项目地址
 https://github.com/bigfa/hugo-theme-farallon

-## 进度
+## 移植进度

-90%
+95%
+
+## 功能
+
+### 已知问题

 由于typecho分类并无图片,所以默认使用
 `bigfa` 的 `https://static.fatesinger.com/2021/12/vhp6eou5x2wqh2zy.jpg` 
 可以自行替换或者删除


-## 功能
-
 ### 豆瓣观影
-* 能力有限原项目功能无法实现 *
+* 能力有限原项目功能无法实现

 目前只能配合`DoubanBoard`插件使用

@@ -36,6 +49,7 @@ https://github.com/AlanDecode/Typecho-Plugin-DoubanBoard

 若使用AI摘要插件则显示AI摘要,不使用则显示默认字数摘要

+
 ## 预览地址

 https://www.imsun.org
@@ -1,4 +1,44 @@
 <?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
+<style>
+/* 分页 */
+.pagination_page{
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-top: var(--margin);
+    gap: 0.5rem;
+}
+.pagination_page li.active a {
+    background: var(--theme);
+    color: #fff;
+    font-weight: 500;
+}
+.pagination_page a{
+    display: flex;
+    padding: 0.5rem;
+    font-size: 0.9rem;
+    width: 1.75rem;
+    height: 1.75rem;
+    background: var(--background);
+    border-radius: 50%;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    transition: 0.2s;
+    -webkit-transition: 0.2s;
+    justify-content: center;
+    align-items: center;
+    letter-spacing: 0;
+}
+.pagination_page span.next{
+    cursor: pointer;
+}
+.pagination_page li.active a:hover{
+    cursor: not-allowed;
+}
+/* 分页 */
+</style>
 <div class="post--ingle__comments">
    <?php $this->comments()->to($comments); ?>
    <?php if($this->allow('comment')): ?>
@@ -12,8 +52,9 @@
                        d="M1.751 10c0-4.42 3.584-8 8.005-8h4.366c4.49 0 8.129 3.64 8.129 8.13 0 2.96-1.607 5.68-4.196 7.11l-8.054 4.46v-3.69h-.067c-4.49.1-8.183-3.51-8.183-8.01zm8.005-6c-3.317 0-6.005 2.69-6.005 6 0 3.37 2.77 6.08 6.138 6.01l.351-.01h1.761v2.3l5.087-2.81c1.951-1.08 3.163-3.13 3.163-5.36 0-3.39-2.744-6.13-6.129-6.13H9.756z">
                    </path>
                </g>
-            </svg><?php $this->commentsNum(_t(''), _t('1'), _t('%d')); ?>
+            </svg><?php $this->commentsNum(_t('0'), _t('1'), _t('%d')); ?>
        </h3>
+        <ol class="commentlist sulliComment--list"></ol>
        <?php if ($comments->have()): ?>
        <?php $comments->listComments(); ?>
    <?php
@@ -24,7 +65,7 @@
                '...',
                array(
                    'wrapTag' => 'div',
-                    'wrapClass' => 'cat_pagination_page',
+                    'wrapClass' => 'pagination_page',
                    'itemTag' => '',
                    'textTag' => 'a',
                    'currentClass' => 'active',
@@ -33,7 +74,11 @@
                )
            );
        ?>
-    <?php endif; ?>
+        <?php else: ?>
+       
+            <center><h3><?php _e('暂无评论'); ?></h3></center>
+
+        <?php endif; ?>
    <div id="<?php $this->respondId(); ?>" class="comment-respond">
        <div class="cancel-comment-reply cancel-comment-reply-link"><?php $comments->cancelReply(); ?></div>
    	<form method="post" action="<?php $this->commentUrl() ?>" id="comment-form" role="form" class="comment-form">
@@ -123,4 +168,4 @@ function threadedComments($comments, $options) {
    <?php $this->comments()->to($comments); ?>
    <?php while($comments->next()): ?>       
    <?php endwhile; ?>
-</ol>
+</ol>
@@ -3803,302 +3803,4 @@ div.cancel-comment-reply.cancel-comment-reply-link {
    .notice--wrapper {
        width: 80%
    }
-}
-
-.post-ai {
-    background: #f5f5f5;
-    border-radius: .5rem;
-    padding: .5rem;
-    line-height: 1.3;
-    border: 1px solid #cfe6f3;
-    margin: 1rem 0
-}
-
-.ai-title {
-    display: flex;
-    color: #2d96bd;
-    border-radius: .5rem;
-    align-items: center;
-    padding: 0 .25rem;
-    cursor: default;
-    user-select: none
-}
-
-.ai-title-icon {
-    width: 20px;
-    height: auto;
-    margin-right: .25rem
-}
-
-.ai-title-text {
-    font-weight: 700;
-    margin-left: .25rem;
-    line-height: 1
-}
-
-.ai-explanation {
-    margin-top: 1rem;
-    padding: .5rem 1rem;
-    background: #fff;
-    border-radius: .5rem;
-    border: 1px solid #cfe6f3;
-    font-size: .95rem;
-    line-height: 1.4;
-    display: inline-block;
-    width: 95%
-}
-
-.ai-explanation span {
-    margin-left: .5rem
-}
-
-:root {
-    --ht-main: #334155;
-    --ht-day-bg: #ebedf0;
-    --ht-tooltip: #24292f;
-    --ht-tooltip-bg: #fff;
-    --ht-lv-0: #ebedf0;
-    --ht-lv-1: #9be9a8;
-    --ht-lv-2: #40c463;
-    --ht-lv-3: #30a14e;
-    --ht-lv-4: #216e39
-}
-
-[data-theme=dark] {
-    --ht-main: #94a3b8;
-    --ht-day-bg: #161b22;
-    --ht-tooltip: #24292f;
-    --ht-tooltip-bg: #fff;
-    --ht-lv-0: #161b22;
-    --ht-lv-1: #0e4429;
-    --ht-lv-2: #006d32;
-    --ht-lv-3: #26a641;
-    --ht-lv-4: #39d353
-}
-
-.heatmap_container {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-end;
-    font-size: 10px;
-    line-height: 12px;
-    color: var(--ht-main)
-}
-
-.heatmap_content {
-    display: flex;
-    flex-direction: row;
-    align-items: flex-end
-}
-
-.heatmap_week {
-    display: flex;
-    margin-top: .25rem;
-    margin-right: .25rem;
-    flex-direction: column;
-    justify-content: flex-end;
-    align-items: flex-end;
-    text-align: right
-}
-
-.heatmap_main {
-    display: flex;
-    flex-direction: column
-}
-
-.heatmap_month {
-    display: flex;
-    justify-content: space-around;
-    margin-bottom: .25rem
-}
-
-.heatmap {
-    display: flex;
-    flex-direction: row;
-    height: 84px
-}
-
-.heatmap_footer {
-    display: flex;
-    margin-top: .5rem;
-    align-items: center
-}
-
-.heatmap_level {
-    display: flex;
-    gap: 2px;
-    margin: 0 .25rem;
-    flex-direction: row;
-    align-items: center;
-    width: max-content;
-    height: 10px
-}
-
-.heatmap_level_item {
-    display: block;
-    border-radius: .125rem;
-    width: 10px;
-    height: 10px
-}
-
-.heatmap_level_0 {
-    background: var(--ht-lv-0)
-}
-
-.heatmap_level_1 {
-    background: var(--ht-lv-1)
-}
-
-.heatmap_level_2 {
-    background: var(--ht-lv-2)
-}
-
-.heatmap_level_3 {
-    background: var(--ht-lv-3)
-}
-
-.heatmap_level_4 {
-    background: var(--ht-lv-4)
-}
-
-.heatmap_day {
-    width: 10px;
-    height: 10px;
-    background-color: var(--ht-day-bg);
-    margin: 1px;
-    border-radius: 2px;
-    display: inline-block;
-    position: relative
-}
-
-.heatmap_tooltip {
-    position: absolute;
-    bottom: 12px;
-    left: 50%;
-    width: max-content;
-    color: var(--ht-tooltip);
-    background-color: var(--ht-tooltip-bg);
-    font-size: 12px;
-    line-height: 16px;
-    padding: 8px;
-    border-radius: 3px;
-    white-space: pre-wrap;
-    opacity: 1;
-    transition: .3s;
-    z-index: 1000;
-    text-align: right;
-    transform: translateX(-50%)
-}
-
-.heatmap_tooltip_count,
-.heatmap_tooltip_post {
-    display: inline-block
-}
-
-.heatmap_tooltip_title,
-.heatmap_tooltip_date {
-    display: block
-}
-
-.heatmap_tooltip_date {
-    margin: 0 .25rem
-}
-
-.heatmap_day_level_0 {
-    background-color: var(--ht-lv-0)
-}
-
-.heatmap_day_level_1 {
-    background-color: var(--ht-lv-1)
-}
-
-.heatmap_day_level_2 {
-    background-color: var(--ht-lv-2)
-}
-
-.heatmap_day_level_3 {
-    background-color: var(--ht-lv-3)
-}
-
-.heatmap_day_level_4 {
-    background-color: var(--ht-lv-4)
-}
-/* 分页 */
-.cat_pagination_page{
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin-top: var(--margin);
-    gap: 0.5rem;
-}
-.cat_pagination_page li.active a {
-    background: var(--theme);
-    color: #fff;
-    font-weight: 500;
-}
-.cat_pagination_page a{
-    display: flex;
-    padding: 0.5rem;
-    font-size: 0.9rem;
-    width: 1.75rem;
-    height: 1.75rem;
-    background: var(--background);
-    border-radius: 50%;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    transition: 0.2s;
-    -webkit-transition: 0.2s;
-    justify-content: center;
-    align-items: center;
-    letter-spacing: 0;
-}
-.cat_pagination_page span.next{
-    cursor: pointer;
-}
-.cat_pagination_page li.active a:hover{
-    cursor: not-allowed;
-}
-/* 分页 */
-.cat_archive_next {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin-top: var(--margin);
-}
-.cat_archive_next .next{
-    color: var(--C);
-    padding: 0.5rem 0.75rem;
-    font-size: 0.9rem;
-    background: var(--background);
-    border-radius: 1rem;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    transition: 0.2s;
-    -webkit-transition: 0.2s;
-    letter-spacing: 2px;
-    cursor: pointer;
-}
-.cat_archive_next .over{
-    font-size: small;
-    color: var(--A);
-    padding: 0.5rem;
-    text-align: center;
-}
-.cat_categorymenu{
-    display: flex;
-    flex-wrap: wrap;
-    gap: 1rem;
-}
-.cat_categorymenu a:last-child {
-    margin-right: auto;
-}
-.cat_categorymenu a {
-    display: inline-block;
-    font-size: 0.9rem;
-    margin-bottom: 0;
-}
-
- 
+}
@@ -17,7 +17,7 @@
      is_single = false;
      post_id = 0;
      is_archive = false;
-      VERSION = "0.4.1";
+      VERSION = "0.5.0";
      constructor() {
        super();
        this.initCopyright();
@@ -1,16 +1,16 @@
 <?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
- 
 <footer class="site--footer">
    <div class="site--footer__content">
        <div class=site--footer__sns>
           <?php $this->need('sns.php'); ?>
        </div>
-
-            <?php if($this->options->sitemapurl): ?>
+        <?php if($this->options->sitemapurl): ?>
            <a href="<?php $this->options->sitemapurl() ?>" target="_blank">💗</a>
-            <?php endif; ?>
-            <a href="https://www.typecho.org">Typecho</a>驱动  &nbsp;  <a href="https://www.imsun.org">Made with 老孙</a>💗 加载耗时
-                <?php echo timer_stop();?> 💗
+            <?php endif; ?> 
+            <a href="https://www.typecho.org">Typecho驱动</a>          
+            <a href="https://www.imsun.org">&nbsp;Made with Sun</a> 
+            &nbsp;页面加载耗时
+                <?php echo timer_stop();?> 
         <div class="copyright">
         <a href="<?php $this->options->siteUrl(); ?>">
               <?php $this->options->title(); ?>
@@ -22,13 +22,9 @@
                    p-id="4007"></path>
            </svg>
        </div>
-    
    </div>
-
-    <?php $this->options->tongji(); ?>
-    
+    <?php $this->options->tongji(); ?>   
 </footer>
- 
 <div class="backToTop">
    <svg xmlns="http://www.w3.org/2000/svg" class="svgIcon" viewBox="0 0 14 14" fill="currentColor" aria-hidden="true">
        <path
@@ -36,7 +32,6 @@
        </path>
    </svg>
 </div>
-
 <script src="<?php $this->options->themeUrl('/dist/js/bundle.js'); ?>"></script>
 <?php $this->footer(); ?>
 </div>
@@ -23,7 +23,10 @@ function themeConfig($form) {
    $form->addInput($cnavatar);
    $donate = new Typecho_Widget_Helper_Form_Element_Text('donate', NULL, 'https://blogcdn.loliko.cn/donate/wx.png', _t('赞赏二维码'));
    $form->addInput($donate);
-
+    $memos = new Typecho_Widget_Helper_Form_Element_Text('memos', NULL, 'https://m.loliko.cn', _t('memos地址结尾不带"/"'));
+    $form->addInput($memos);
+    $memosID = new Typecho_Widget_Helper_Form_Element_Text('memosID', NULL, '1', _t('memosID'));
+    $form->addInput($memosID);

    $twikoo = new Typecho_Widget_Helper_Form_Element_Textarea('twikoo', NULL, NULL, _t('引用第三方评论'));
    $form->addInput($twikoo);
@@ -44,6 +47,14 @@ function themeConfig($form) {
    array('0'=> _t('否'), '1'=> _t('是')),
    '0', _t('是否显示相关文章'), _t('选择“是”将在文章页面显示相关文章。'));
    $form->addInput($showrelated);
+    $showshare = new Typecho_Widget_Helper_Form_Element_Radio('showshare',
+    array('0'=> _t('否'), '1'=> _t('是')),
+    '0', _t('是否显示复制链接'), _t('选择“是”将在文章页面显示复制链接。'));
+    $form->addInput($showshare);
+    $showtoc = new Typecho_Widget_Helper_Form_Element_Radio('showtoc',
+    array('0'=> _t('否'), '1'=> _t('是')),
+    '0', _t('是否显示文章目录'), _t('选择“是”将在文章页面显示文章目录(仅在宽度大于1400px的设备中显示)。'));
+    $form->addInput($showtoc);
 } 
 function get_post_view($archive) {
    $cid = $archive->cid;
@@ -171,4 +182,267 @@ function show_first_image($content) {
        return $matches[1][0];
    }
    return false; // 没有找到图片，返回 false
+}
+//开始增加某些奇怪的东西
+// 获取月份
+function getMonth() {
+    $path = $_SERVER['PHP_SELF'];  // 获取路劲
+    preg_match('/\d{4}\/\d{2}\/\d{2}|\d{4}\/\d{2}/', $path, $date);  // 匹配路劲中的日期
+    if (is_array($date) && count($date)) {
+        $date = explode('/', $date[0]);  // 如果匹配到就分割日期
+    }else {
+        $date = date('Y/m/d', time());  // 如果没有匹配到就获取当前月
+        $date = explode('/', $date);  // 分割日期
+    }
+    return $date;
+}
+// 获取指定月份的文章
+function getMonthPost() {
+    $date = getMonth();  // 获取要查询文章的月份
+
+    $start = $date[0] . '-' . $date[1] . '-01 00:00:00';  // 月的第一天
+    $end = date('Y-m-t', strtotime($date[0] . '-' . $date[1] . '-' . '1 23:59:59'));  // 月最后一天
+    $start = strtotime($start);  // 把月的第一天转换为时间戳
+    $end = strtotime($end . ' 23:59:59');  // 把月的最后一天转换为时间戳
+    $db = Typecho_Db::get();
+    // 按照提供的月份查询出文件的时间
+    $post = $db->fetchAll($db->select('table.contents.created')->from('table.contents')->where('created >= ?', $start)->where('created <= ?', $end)->where('type = ?', 'post')->where('status = ?', 'publish'));
+    // 按照提供的月份查询前一个月的文章
+    $previous = $db->fetchAll($db->select('table.contents.created')->from('table.contents')->where('created < ?', $start)->where('type = ?', 'post')->where('status = ?', 'publish')->offset(0)->limit(1)->order('created', Typecho_Db::SORT_DESC));
+    // 按照提供的月份查询后一个月的文章
+    $next = $db->fetchAll($db->select('table.contents.created')->from('table.contents')->where('created > ?', $end)->where('type = ?', 'post')->where('status = ?', 'publish')->offset(0)->limit(1)->order('created', Typecho_Db::SORT_ASC));
+
+    if (count($next)) {
+        $next = date('Y/m/', $next[0]['created']);  // 格式化前一个月的文章时间
+    }
+
+    if (count($previous)) {
+        $previous = date('Y/m/', $previous[0]['created']);  // 格式化后一个月的文章时间
+    }
+
+    $day = array();
+    foreach ($post as $val) {
+        array_push($day, date('j', $val['created']));  // 把查询出的文章日加入数组
+    }
+    return array(
+        'post'=> $day,
+        'previous' => $previous,
+        'next' => $next
+    );
+}
+// 生成日历
+function calendar($month, $url, $rewrite) {
+    $monthArr = getMonth();  // 获取月份
+    $post = getMonthPost();  // 获取文章日期
+
+    // 判断是否启用了地址重写功能
+    if ($rewrite) {
+        $monthUrl = $url . $monthArr[0] . '/' . $monthArr[1] . '/';  // 生成日期链接前缀
+        $previousUrl = is_array($post['previous'])?'':$url . $post['previous'];  // 生成前一个月的跳转链接地址
+        $nextUrl = is_array($post['next'])?'':$url . $post['next'];  // 生成后一个月的跳转链接地址
+    }else {
+        $monthUrl = $url . 'index.php/' . $monthArr[0] . '/' . $monthArr[1] . '/';  // 生成日期链接前缀
+        $previousUrl = is_array($post['previous'])?'':$url . 'index.php/' . $post['previous'];  // 生成前一个月的跳转链接地址
+        $nextUrl = is_array($post['next'])?'':$url . 'index.php/' . $post['next'];  // 生成后一个月的跳转链接地址
+    }
+
+    $postCount = array_count_values($post['post']);  // 统计每天的文章数量
+
+    $calendar = '';  // 初始化
+    $week_arr = ['日', '一', '二', '三', '四', '五', '六'];  // 表头
+    $this_month_days = (int)date('t', strtotime($month));  // 本月共多少天
+    $this_month_one_n = (int)date('w', strtotime($month));  // 本月1号星期几
+    $calendar .= '<table aria-label="' . $monthArr[0] . '年' . $monthArr[1] . '月日历" class="table table-bordered table-sm m-0"><thead><tr>';  // 表头
+
+    foreach ($week_arr as $k => $v){
+        if($k == 0){
+            $class = ' class="sunday"';
+        }elseif ($k == 6){
+            $class = ' class="saturday"';
+        }else{
+            $class = '';
+        }
+        $calendar .= '<th class="text-center py-2">' . $v . '</th>';
+    }
+    $calendar .= '</tr></thead><tbody>';
+    // 表身
+    // 计算本月共几行数据
+    $total_rows = ceil(($this_month_days - (7 - $this_month_one_n)) / 7) + 1;
+    $number = 1;
+    $flag = 0;
+    for ($row = 1;$row <= $total_rows;$row++){
+        $calendar .= '<tr>';
+        for ($week = 0;$week <= 6;$week ++){
+            if($number < 10){
+                $numbera = '0' . $number;
+            }else{
+                $numbera = $number;
+            }
+
+            if($number <= $this_month_days){
+                if ($number < 10) {
+                    $zero = '0';
+                }else {
+                    $zero = '';
+                }
+
+                if($row == 1){
+                    if($week >= $this_month_one_n){
+                        if (in_array($number, $post['post'])) {
+                            $calendar .= '<td class="active text-center py-2">' . '<a rel="archives" href="' . $monthUrl . $zero . $number . '/' . '" class="p-0" title="' . $postCount[$number] . '篇文章" data-toggle="tooltip" data-placement="top"><b>' . $number . '</b></a>' . '</td>';
+                        }else {
+                            $calendar .= '<td class="text-center py-2">' . $number . '</td>';
+                        }
+                        $flag = 1;
+                    }else{
+                        $calendar .= '<td></td>';
+                    }
+                }else{
+                    if (in_array($number, $post['post'])) {
+                        $calendar .= '<td class="active text-center py-2">' . '<a rel="archives" href="' . $monthUrl . $zero . $number . '/' . '" class="p-0" title="' . $postCount[$number] . '篇文章" data-toggle="tooltip" data-placement="top"><b>' . $number . '</b></a>' . '</td>';
+                    }else {
+                        $calendar .= '<td class="text-center py-2">' . $number . '</td>';
+                    }
+                }
+                if($flag){
+                    $number ++;
+                }
+            }else{
+                $calendar .= '<td></td>';
+            }
+        }
+        $calendar .= '</tr>';
+    }
+
+    $calendar .= '</tbody></table>';
+
+    return array(
+        'calendar' => $calendar,
+        'previous' => is_array($post['previous'])?false:$post['previous'],
+        'next' => is_array($post['next'])?false:$post['next'],
+        'previousUrl' => $previousUrl,
+        'nextUrl' => $nextUrl
+    );
+}
+// 获取分类数量
+function categoryCount() {
+    $db = Typecho_Db::get();
+    $count = $db->fetchRow($db->select('COUNT(*)')->from('table.metas')->where('type = ?', 'category'));
+    return $count['COUNT(*)'];
+}
+
+// 获取标签数量
+function tagCount() {
+    $db = Typecho_Db::get();
+    $count = $db->fetchRow($db->select('COUNT(*)')->from('table.metas')->where('type = ?', 'tag'));
+    return $count['COUNT(*)'];
+}
+
+// 获取总阅读量
+function viewsCount() {
+    $db = Typecho_Db::get();
+    $count = $db->fetchRow($db->select('SUM(views) AS viewsCount')->from('table.contents'));
+    return $count['viewsCount'];
+}
+
+// 获取阅读量排名前 5 的 5 篇文章的信息
+function top5post() {
+    $db = Typecho_Db::get();
+    $top5Post = $db->fetchAll($db->select()->from('table.contents')->where('type = ?', 'post')->where('status = ?', 'publish')->order('views', Typecho_Db::SORT_DESC)->offset(0)->limit(5));
+    $postList =array();
+    foreach ($top5Post as $post) {
+        $post = Typecho_Widget::widget('Widget_Abstract_Contents')->filter($post);
+        array_push($postList, array(
+            'title' => $post['title'],
+            'link' => $post['permalink'],
+            'views' => $post['views']
+        ));
+    }
+    return $postList;
+}
+
+// 获取评论数排名前 5 的 5 篇文章的信息
+function top5CommentPost() {
+    $db = Typecho_Db::get();
+    $top5Post = $db->fetchAll($db->select()->from('table.contents')->where('type = ?', 'post')->where('status = ?', 'publish')->order('commentsNum', Typecho_Db::SORT_DESC)->offset(0)->limit(5));
+    $postList = array();
+    foreach ($top5Post as $post) {
+        $post = Typecho_Widget::widget('Widget_Abstract_Contents')->filter($post);
+        array_push($postList, array(
+            'title' => $post['title'],
+            'link' => $post['permalink'],
+            'commentsNum' => $post['commentsNum']
+        ));
+    }
+    return $postList;
+}
+// 获取 ECharts 格式要求的文章更新日历
+function postCalendar($start, $end) {
+    $db = Typecho_Db::get();
+    $dateList = $db->fetchAll($db->select('created')->from('table.contents')->where('created > ?', $start)->where('created < ?', $end));
+    if (count($dateList) < 1) {
+        return array();
+    }
+    $dateList2 = array();
+    foreach ($dateList as $val) {
+        array_push($dateList2, date('Y-m-d', $val['created']));
+    }
+    $dateList2 = array_count_values($dateList2);
+    $key = array_keys($dateList2);
+    $dateList = array();
+
+    for ($i = 0;$i < count($dateList2);$i ++) {
+        array_push($dateList, array(
+            $key[$i],
+            $dateList2[$key[$i]]
+        ));
+    }
+
+    return $dateList;
+}
+
+// 获取 ECharts 格式要求的评论更新日历
+function commentCalendar($start, $end) {
+    $db = Typecho_Db::get();
+    $dateList = $db->fetchAll($db->select('created')->from('table.comments')->where('created > ?', $start)->where('created < ?', $end));
+    if (count($dateList) < 1) {
+        return array();
+    }
+    $dateList2 = array();
+    foreach ($dateList as $val) {
+        array_push($dateList2, date('Y-m-d', $val['created']));
+    }
+    $dateList2 = array_count_values($dateList2);
+    $key = array_keys($dateList2);
+    $dateList = array();
+
+    for ($i = 0;$i < count($dateList2);$i ++) {
+        array_push($dateList, array(
+            $key[$i],
+            $dateList2[$key[$i]]
+        ));
+    }
+
+    return $dateList;
+}
+// 获取个分类的文章数量
+function categoryPostCount() {
+    $db = Typecho_Db::get();
+    $count = $db->fetchAll($db->select('name', 'count AS value')->from('table.metas')->where('type = ?', 'category'));
+    if (count($count) < 1) {
+        return array();
+    }
+    return $count;
+}
+
+// 获取父分类的名称
+function getParentCategory($categoryId) {
+    $db = Typecho_Db::get();
+    $category = $db->fetchRow($db->select()->from('table.metas')->where('mid = ?', $categoryId));
+    return $category['name'];
+}
+
+// 计算两个时间之间相差的天数
+function getDays($time1, $time2) {
+    return floor(($time2 - $time1) / 86400);
 }
@@ -20,7 +20,7 @@ error_reporting(E_ALL);if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
    <link rel='icon' href='<?php $this->options->icoUrl() ?>' type='image/x-icon' />
    <?php endif; ?>
    <?php $this->header("generator=&template=&pingback=&wlw=&xmlrpc=&rss1=&atom=&rss2=/feed"); ?>
-     <?php $this->options->addhead(); ?>
+    <?php $this->options->addhead(); ?>
 </head>
 <body>
 <script>
@@ -1,20 +0,0 @@
-<?php 
-/**
- * 无评论页面
- *
- * @package custom
- */
-if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
-<?php $this->need('header.php'); ?>
-<main class="site--main">
-<header class="archive--header">
-<h1 class="post--single__title"><?php $this->title() ?></h1>
-</header>
-    <article class="post--single"> 
-        <div class="graph u-marginBottom30">
-            <?php $this->content(); ?>
-        </div>
-    </article>
-</main>
-<?php $this->need('footer.php'); ?>
- 
@@ -15,36 +15,49 @@ if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
                <h3><?php echo allwords(); ?></h3>
 <?php endif; ?>
 </header>
-    <div class="page--archive"  >
-        <?php
-            $stat = Typecho_Widget::widget('Widget_Stat');
-            Typecho_Widget::widget('Widget_Contents_Post_Recent', 'pageSize=' . $stat->publishedPostsNum)->to($archives);
-            $year = 0;
-            $mon = 0;
-            $i = 0;
-            $j = 0;
-        $output = '<div class="archives">';
-          while ($archives->next()) {
+<div class="page--archive">
+    <?php
+        $stat = Typecho_Widget::widget('Widget_Stat');
+        Typecho_Widget::widget('Widget_Contents_Post_Recent', 'pageSize=' . $stat->publishedPostsNum)->to($archives);
+        $year = 0; $mon = 0;
+        $output = '<div class="archives">'; // Start archives container      
+        while ($archives->next()) {
            $year_tmp = date('Y', $archives->created);
-            $mon_tmp = date('m', $archives->created);
-            $y = $year;
-            $m = $mon;
-        if ($year > $year_tmp || $mon > $mon_tmp) {
-        $output .= '</ul>';
+            $mon_tmp = date('m', $archives->created);         
+            // 检查是否需要新的年份标题
+            if ($year != $year_tmp) {
+                if ($year > 0) {
+                    $output .= '</ul></div>'; // 结束上一个年份的月份列表和包裹的div
+                }
+                $year = $year_tmp; 
+                $mon = 0; // 重置月份
+                $output .= '<div class="archive-year"><h2 class="archive--title__year">' . $year . '</h2>'; // 开始新的年份div
+            }       
+            // 检查是否需要新的月份标题
+            if ($mon != $mon_tmp) {
+                if ($mon > 0) {
+                    $output .= '</ul>'; // 结束上一个月份的列表
+                }
+                $mon = $mon_tmp; 
+                $output .= '<h3 class="archive--title__month"></h3>';// '. $mon . '
+                $output .= '<ul class="archive--list">'; // 开始新的月份列表
+            }
+            // 输出文章项
+            $output .= '<li class="archive--item">';
+            $output .= '<div class="archive--title"><a href="' . $archives->permalink . '">' . $archives->title . '</a></div>';
+            $output .= '<div class="archive--meta">' . date('m月d日', $archives->created) . '</div></li>';
        }
-        if ($year != $year_tmp || $mon != $mon_tmp) {
-        $year = $year_tmp;
-        $mon = $mon_tmp;
-        $output .= '<h2 class="archive--title__year">' . date('Y年', $archives->created) . '</h2>
-          <h3 class="archive--title__month">'. date('m月', $archives->created) .'</h3><ul class="archive--list" aria-label="' . date('Y年m月', $archives->created) . '">
-          '; //输出年份
+        // 循环后，确保所有标签都已经关闭
+        if ($mon > 0) {
+            $output .= '</ul>'; // 结束最后一个月份的列表
        }
-        $output .= '<li class="archive--item"><div class="archive--title"><a href="' . $archives->permalink . '">' . $archives->title . '</a></div> 
-          <div class="archive--meta">' . date('m月d日', $archives->created) . '</div> </li>'; //输出文章
+        if ($year > 0) {
+            $output .= '</div>'; // 结束最后一个年份的div
        }
-        $output .= ' </ul></div>';
-          echo $output;?>
-   </div>
+        $output .= '</div>'; // End archives container
+        echo $output;
+    ?>
+</div>
 </section>
 <?php $this->need('footer.php'); ?>
 
@@ -0,0 +1,154 @@
+<?php
+/**
+ * 网站数据
+ * @package custom
+ */
+if (!defined('__TYPECHO_ROOT_DIR__')) exit;
+$this->need('header.php');
+?>
+<section class="site--main">
+    <header class="archive--header">
+        <h1 class="post--single__title"><?php $this->title() ?></h1>
+        <h2 class="archive--title__year"> </h2>
+    </header>
+    <article class="post--single">
+    <div class="graph u-marginBottom30">
+        <div data-target="<?php $this->options->postLinkOpen(); ?>" class="post-content">
+            <h2>分类占比</h2>
+                <p>下面是个分类的文章占比：</p>
+            <div id="category-chart" style="height: 390px;"></div>      
+            <h2>文章更新</h2>
+            <p>下面是 <?php echo date('Y年m月d日', time() - 20736000); ?> 到 <?php echo date('Y年m月d日', time()); ?> 的文章更新情况</p>
+            <div id="post-chart" style="height: 250px;"></div> 
+            <h2>评论动态</h2>
+            <p>下面是 <?php echo date('Y年m月d日', time() - 20736000); ?> 到 <?php echo date('Y年m月d日', time()); ?> 的评论动态</p>
+            <div id="comment-chart" style="height: 250px;"></div>     
+            <h2>最多阅读的文章</h2>
+            <?php $top5Post = top5post(); ?>
+            <p>下面是阅读量排名前 <?php echo count($top5Post); ?> 的文章</p>
+            <table class="pure-table pure-table-bordered">
+                <thead>
+                    <tr>
+                        <th>排名</th>
+                        <th>文章</th>
+                        <th>阅读量</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <?php $top = 1; ?>
+                    <?php foreach ($top5Post as $post): ?>
+                    <tr>
+                        <td><?php echo $top; ?></td>
+                        <td><a href="<?php echo $post['link']; ?>"><?php echo $post['title']; ?></a></td>
+                        <td><?php echo $post['views']; ?></td>
+                    </tr>
+                    <?php $top ++; ?>
+                    <?php endforeach; ?>
+                </tbody>
+            </table>
+            <h2>最多评论的文章</h2>  
+                        <?php $top5CommentPost = top5CommentPost(); ?>
+                        <p>下面是评论数排名前 <?php echo count($top5CommentPost); ?> 的文章：</p>
+            <table class="pure-table pure-table-bordered"> 
+                            <thead>
+                            <tr>
+                                <th>排名</th>
+                                <th>文章</th>
+                                <th>评论数</th>
+                            </tr>
+                            </thead> 
+                            <tbody> 
+                            <?php $top = 1; ?>
+                            <?php foreach ($top5CommentPost as $post): ?>
+                                <tr>
+                                    <td><?php echo $top; ?></td>
+                                    <td><a href="<?php echo $post['link']; ?>"><?php echo $post['title']; ?></a></td>
+                                    <td><?php echo $post['commentsNum']; ?></td>
+                                </tr>
+                                <?php $top ++; ?>
+                            <?php endforeach; ?>
+                             </tbody>
+            </table>
+        </div>  
+    </article>
+</section>
+    <script type="text/javascript">
+      var data = {
+        post: <?php echo json_encode(postCalendar(time() - 20736000, time())); ?>,
+        comment: <?php echo json_encode(commentCalendar(time() - 20736000, time())); ?>,
+        category: <?php echo json_encode(categoryPostCount()); ?>
+      };
+    </script>
+    <script type="text/javascript" src="<?php $this->options->themeUrl('/dist/js/chart.js'); ?>"></script>
+    <script id="MathJax-script" async src="https://jsd.onmicrosoft.cn/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+            <script>
+                // 配置 MathJax
+                MathJax = {
+                    tex: {
+                        inlineMath: [['$', '$']],
+                        displayMath: [['$$', '$$']],
+                        processEscapes: true,
+                        processEnvironments: true,
+                    },
+                    options: {
+                        skipHtmlTags: ['script', 'noscript', 'style', 'textarea', 'pre'],
+                    },
+                };
+                // 刷新预时重新渲染
+                document.addEventListener('pjax:complete', () => {
+                    MathJax.typesetPromise();
+                });
+            </script>
+<style>
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}
+ 
+td,th {
+    padding: 0;
+}
+ 
+.pure-table {
+    border-collapse: collapse;
+    border-spacing: 0;
+    empty-cells: show;
+    border: 1px solid #cbcbcb;
+}
+ 
+.pure-table caption {
+    color: #000;
+    font: italic 85%/1 arial,sans-serif;
+    padding: 1em 0;
+    text-align: center;
+}
+ 
+.pure-table td,.pure-table th {
+    border-left: 1px solid #cbcbcb;
+    border-width: 0 0 0 1px;
+    font-size: inherit;
+    margin: 0;
+    overflow: visible;
+    padding: .5em 1em;
+}
+ 
+.pure-table thead {
+    background-color: #e0e0e0;
+    color: #000;
+    text-align: left;
+    vertical-align: bottom;
+}
+ 
+.pure-table td {
+    background-color: transparent;
+}
+ 
+.pure-table-bordered td {
+    border-bottom: 1px solid #cbcbcb;
+}
+ 
+.pure-table-bordered tbody>tr:last-child>td {
+    border-bottom-width: 0;
+}
+</style>
+<?php $this->need('footer.php'); ?>
@@ -0,0 +1,148 @@
+<?php 
+/**
+ * 说说页面
+ *
+ * @package custom
+ */
+if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
+<?php $this->need('header.php'); ?>
+<div class="site--main">
+    <header class="archive--header">
+        <h1 class="post--single__title"><?php $this->title() ?></h1>
+        <h2 class="archive--title__year"><?php $this->content(); ?> </h2>
+    </header>
+    <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.umd.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.css" />    
+    <div id="talk"></div>
+<script>
+if (99) {
+    let url = '<?php $this->options->memos() ?>';
+    fetch(url + '/api/v1/memo?creatorId=<?php $this->options->memosID() ?>&rowStatus=NORMAL&limit=20')
+    .then(res => res.json())
+    .then(data => { 
+        let html = '';
+        data.forEach(item => {
+            // 假设这里的 Format 函数能正确地格式化每个 item，并确保它返回有 `date` 和 `tag` 的对象
+            let data = Format(item); 
+            let memoURL = url + '/m/' + item.id;
+            let mdContent = marked.parse(data.content);
+            html += `
+            <article class='post--item post--item__status'>
+                <div class='content'>
+                <header>
+                <img src="<?php $this->options->logoUrl() ?>" class="avatar" width="48" height="48" />
+                <a class="humane--time" href="${memoURL}" target="_blank">${data.date}</a>
+                </header>
+                <div class="description" itemprop="about">
+                <span class="talk_tag"># ${data.tag}</span><br>
+                ${mdContent}
+                </div>
+                </div>
+                </article>
+            `;
+        });
+        
+        document.getElementById('talk').innerHTML = html;
+    })
+    .catch(error => {
+        console.error('Error:', error);
+        // 这里可以添加一些用户提示错误发生的 HTML 更新
+    });
+ 
+    // 页面内容格式化
+    function Format(item) {
+        let date = getTime(new Date(item.createdTs * 1000).toString()),
+            content = item.content,
+            tag = item.content.match(/#([^\s#]+?) /g),
+            imgs = content.match(/!\[.*\]\(.*?\)/g), 
+            text = ''
+        if (imgs) imgs = imgs.map(item => { return item.replace(/!\[.*\]\((.*?)\)/, '$1') })
+        if (item.resourceList.length) {
+            if (!imgs) imgs = []
+            item.resourceList.forEach(t => {
+                if (t.externalLink) imgs.push(t.externalLink)
+                else imgs.push(`${url}/o/r/${t.id}/${t.publicId}/${t.filename}`)
+            })
+        }
+        text = content.replace(/#(.*?)\s/g, '').replace(/\!?\[(.*?)\]\((.*?)\)/g, '').replace(/\{(.*?)\}/g, '')
+        content = text.replace(/\[(.*?)\]\((.*?)\)/g, `<a href="$2" target="_blank">$1</a>`);
+        if (imgs) {
+            content += `<div class="resimg">`
+            imgs.forEach(e => content += `<a href="${e}" data-fancybox="gallery" class="fancybox img" data-thumb="${e}"><img class="no-lazyload thumbnail-image" src="${e}"></a>`
+            )
+            content += '</div>'
+        }
+        return {
+            content: content,
+            tag: tag ? tag[0].replace(/#([^\s#]+?) /,'$1') : '日常',
+            date: date,
+            text: text.replace(/\[(.*?)\]\((.*?)\)/g, '[链接]' + `${imgs?'[图片]':''}`)
+        }
+    }
+    // 页面时间格式化
+    function getTime(time) {
+        let d = new Date(time),
+            ls = [d.getFullYear(), d.getMonth() + 1, d.getDate(), d.getHours(), d.getMinutes(), d.getSeconds()];
+        for (let i = 0; i < ls.length; i++) {
+            ls[i] = ls[i] <= 9 ? '0' + ls[i] : ls[i] + ''
+        }
+        if (new Date().getFullYear() == ls[0]) return ls[1] + '月' + ls[2] + '日 ' + ls[3] +':'+ ls[4]
+        else return ls[0] + '年' + ls[1] + '月' + ls[2] + '日 ' + ls[3] +':'+ ls[4]
+    }
+}
+Fancybox.bind("[data-fancybox]", {
+  // Your custom options
+});
+</script>
+<style>
+div pre code {
+  /* 迫使文字断行 */
+  white-space: pre-wrap; /* CSS3 */
+  word-wrap: break-word; /* 老版本的浏览器 */
+  overflow-wrap: break-word;  
+  /* 指定如何断行 */
+  word-break: break-all;  
+  word-break: break-word;  
+}
+div p a {
+    word-break: break-all;  
+  word-break: break-word;  
+}
+.thumbnail-image {
+    width:100%;
+    height: 200px;  
+    align-items: center; 
+    justify-content: center;
+    overflow: hidden;
+}
+.resimg {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    column-gap: 10px; 
+    row-gap: 10px; 
+}
+.thumbnail-image img {
+    width:100%;
+    height:170px;
+    object-fit:cover;
+    border-radius:4px;
+    transition:transform .3s ease;
+    cursor:zoom-in
+}  
+/* 当屏幕宽度小于732px时 */
+@media (max-width: 732px) {
+    .resimg {
+        grid-template-columns: repeat(2, 1fr); /* 修改为两列 */
+    }
+}
+
+/* 当屏幕宽度小于400px时 */
+@media (max-width: 400px) {
+    .resimg {
+        grid-template-columns: 1fr; /* 修改为一列 */
+    }
+}  
+</style>  
+</div>
+<?php $this->need('footer.php'); ?>
@@ -27,13 +27,20 @@
                    </path>
                </g>
            </svg> <a href="<?php $this->permalink() ?>#comments"><?php $this->commentsNum('评论', '1 评论', '%d 评论'); ?></a> 
+            <?php if($this->user->hasLogin() && $this->user->pass('editor', true)): ?>
+              <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="16" height="16">
+                <!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
+                <path 
+                d="M362.7 19.3L314.3 67.7 444.3 197.7l48.4-48.4c25-25 25-65.5 0-90.5L453.3 19.3c-25-25-65.5-25-90.5 0zm-71 71L58.6 323.5c-10.4 10.4-18 23.3-22.2 37.4L1 481.2C-1.5 489.7 .8 498.8 7 505s15.3 8.5 23.7 6.1l120.3-35.4c14.1-4.2 27-11.8 37.4-22.2L421.7 220.3 291.7 90.3z"/>
+              </svg>
+               <a href="<?php $this->options->adminUrl('write-post.php?cid=' . $this->cid); ?>" target="_blank" title="编辑文章">编辑文章</a>
+                  <?php endif; ?>
        </div>         
            <h2 class="post--single__title"><?php $this->title() ?></h2>
            <div class="post--single__content graph" ><?php $this->content(); ?></div>
-            
-        <div class="post--single">
-        <?php if($this->options->donate): ?>
-              <!--打赏  -->
+               <!--打赏  -->
+        <?php if($this->options->donate): ?> 
+        <div class="post--single__action">   
        <link rel="stylesheet" href="<?php $this->options->themeUrl('/dist/css/donate.css'); ?>">
        <script type="text/javascript" src="<?php $this->options->themeUrl('/dist/js/donate.js'); ?>"></script>
            <div class="donate-panel"> 
@@ -56,11 +63,65 @@
                        </div> 
                    </div> 
                </div> 
-            </div> 
-            <?php endif; ?>
-            <!--打赏结束 -->
+            </div>                 
        </div>
-              <!-- TAG -->
+        <?php endif; ?>
+        <!-- 复制链接 -->
+        <?php if($this->options->showshare): ?>
+        <div class="post--share">
+                    <svg viewBox="0 0 24 24" aria-hidden="true">
+                        <g>
+                            <path d="M18.36 5.64c-1.95-1.96-5.11-1.96-7.07 0L9.88 7.05 8.46 5.64l1.42-1.42c2.73-2.73 7.16-2.73 9.9 0 2.73 2.74 2.73 7.17 0 9.9l-1.42 1.42-1.41-1.42 1.41-1.41c1.96-1.96 1.96-5.12 0-7.07zm-2.12 3.53l-7.07 7.07-1.41-1.41 7.07-7.07 1.41 1.41zm-12.02.71l1.42-1.42 1.41 1.42-1.41 1.41c-1.96 1.96-1.96 5.12 0 7.07 1.95 1.96 5.11 1.96 7.07 0l1.41-1.41 1.42 1.41-1.42 1.42c-2.73 2.73-7.16 2.73-9.9 0-2.73-2.74-2.73-7.17 0-9.9z"></path>
+                        </g>
+                    </svg>
+                    <span class="text">复制链接</span>
+                    <span class="link" @click="copy" data-link="<?php $this->permalink(); ?>"><?php $this->permalink(); ?></span>
+                    <script src="<?php $this->options->themeUrl('/dist/js/vue.min.js'); ?>"></script>
+                    <script src="<?php $this->options->themeUrl('/dist/js/clipboard.min.js'); ?>"></script> 
+<script>
+        var app = new Vue({
+        el: '.post--share',  
+        data() {
+            return {
+               msg: "<?php $this->permalink(); ?>",    
+            };
+        },
+        methods: {
+             //复制方法
+            copy: function () {
+            var that = this;
+            //注意vue umd版本ClipboardJS，而ES包请使用Clipboard
+            var clipboard = new ClipboardJS(".link",{
+                text: function (trigger) {
+                //返回字符串
+                return that.msg;
+                }});
+            clipboard.on("success", (e) => {
+                //复制成功，显示提示
+                this.showCopySuccessToast();
+                clipboard.destroy();
+            });
+            clipboard.on("error", (e) => {
+                //复制失败
+                clipboard.destroy();
+            });
+            },
+            showCopySuccessToast: function() {
+                const toast = document.createElement("div");
+                toast.textContent = "复制成功！";
+                toast.className = "notice--wrapper";
+                document.body.appendChild(toast);
+
+                setTimeout(() => {
+                    document.body.removeChild(toast);
+                }, 3000);
+            }
+        }
+    });
+    </script>
+</div>
+<?php endif; ?>
+<!-- TAG -->
        <div class="tag--list artile--tag"> 
            <?php $this->tags(' ', true, ' '); ?> 
        </div>     
@@ -72,7 +133,6 @@
 <?php if ($this->options->showrelated): ?>
    <?php $this->need('related.php'); ?>
 <?php endif; ?>
-
    <!-- 判断如果禁止评论则不显示评论的div -->
    <?php if ($this->allow('comment')): ?>
       <?php $this->need('comments.php'); ?>
@@ -82,11 +142,9 @@
 <!--翻页-->
    <nav class="navigation post-navigation is-active">
        <div class="nav-links">
-       
            <div class="nav-previous">
            <span class="meta-nav">  上一篇:  <?php $this->thePrev('%s','没有了'); ?></span>
            </div>
-
            <div class="nav-next">
            <span class="meta-nav"> 下一篇:  <?php $this->theNext('%s','没有了'); ?></span>
            </div>
@@ -94,66 +152,71 @@
    </nav> 
 </ul>    
 </article>
+<?php if($this->options->showtoc): ?>
 <!--TOC 在宽度大于1400px时才会显示-->
 <script>
 document.addEventListener('DOMContentLoaded', (event) => {
-
  const postContent = document.querySelector('.post--single__content');
  if (!postContent) return;

-  // 依次查找从h1到h6，直到找到存在的标题级别
  let found = false;
  for (let i = 1; i <= 6 && !found; i++) {
    if (postContent.querySelector(`h${i}`)) {
      found = true;
    }
  }
-
-  if (!found) return; // 如果没有标题，则不继续执行
+  if (!found) return;

  const heads = postContent.querySelectorAll('h1, h2, h3, h4, h5, h6');
  const toc = document.createElement('div');
  toc.id = 'toc';
  toc.innerHTML = '<strong>目录</strong><ul></ul>';
  document.body.appendChild(toc);
-
  let currentLevel = 0;
-  let currentList = toc.querySelector('ul ');
+  let currentList = toc.querySelector('ul');
+  let levelCounts = [0]; // 初始化层级计数器

  heads.forEach((head, index) => {
-    const level = parseInt(head.tagName.substring(1)); // 提取标题级别
+    const level = parseInt(head.tagName.substring(1));
+    if (levelCounts[level] === undefined) {
+      levelCounts[level] = 1; // 初始化该层级计数
+    } else {
+      levelCounts[level]++;
+    }
+    
+    // 重置下级标题的计数器
+    levelCounts = levelCounts.slice(0, level + 1);

-    if (currentLevel === 0) { // 设置初次的级别
+    if (currentLevel === 0) {
      currentLevel = level;
    }
-
-    while (level > currentLevel) { // 如果标题级别增加，则创建新的子列表
+    while (level > currentLevel) {
      let newList = document.createElement('ul');
-      if(!currentList.lastElementChild) { // 如果当前列表为空，则直接在其中添加元素
+      if(!currentList.lastElementChild) {
        currentList.appendChild(newList);
      } else {
-        currentList.lastElementChild.appendChild(newList); // 否则，添加到最后一个列表项中
+        currentList.lastElementChild.appendChild(newList);
      }
      currentList = newList;
      currentLevel++;
+      levelCounts[currentLevel] = 1; // 初始化下一层级的计数器
    }
-
-    while (level < currentLevel) { // 如果标题级别降低，则向上回溯列表层级
+    while (level < currentLevel) {
      currentList = currentList.parentElement;
-      if(currentList.tagName.toLowerCase() === 'li') { // 确保回到上一层列表
+      if(currentList.tagName.toLowerCase() === 'li') {
        currentList = currentList.parentElement;
      }
      currentLevel--;
    }
-
+    const numbers = levelCounts.slice(1, level + 1).join(' ') ; 
    const item = document.createElement('li');
+    item.classList.add('toc-item'); // 添加基本类
+    item.classList.add(`level-${level}`); // 根据级别添加类
    const anchor = `toc${index}`;
    head.id = anchor;
-
    const link = document.createElement('a');
    link.href = `#${anchor}`;
-    link.textContent = head.textContent;
-
+    link.textContent = `${numbers}. ${head.textContent}`; // 序号+标题文本
    item.appendChild(link);
    currentList.appendChild(item);
  });
@@ -170,12 +233,12 @@ document.addEventListener('DOMContentLoaded', (event) => {
  border-radius: 5px;
  /* 其他样式... */
 }
-
@media screen and (max-width: 1400px) {
  #toc {
    display: none;
  }
 }
 </style>
+<?php endif; ?>
 </main>
-<?php $this->need('footer.php'); ?>
+<?php $this->need('footer.php'); ?>
@@ -71,7 +71,7 @@
                '...',
                array(
                    'wrapTag' => 'div',
-                    'wrapClass' => 'cat_pagination_page',
+                    'wrapClass' => 'pagination_page',
                    'itemTag' => '',
                    'textTag' => 'a',
                    'currentClass' => 'active',
@@ -80,5 +80,43 @@
                )
            );
        ?>
- 
-   
+<style>
+/* 分页 */
+.pagination_page{
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-top: var(--margin);
+    gap: 0.5rem;
+}
+.pagination_page li.active a {
+    background: var(--theme);
+    color: #fff;
+    font-weight: 500;
+}
+.pagination_page a{
+    display: flex;
+    padding: 0.5rem;
+    font-size: 0.9rem;
+    width: 1.75rem;
+    height: 1.75rem;
+    background: var(--background);
+    border-radius: 50%;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    transition: 0.2s;
+    -webkit-transition: 0.2s;
+    justify-content: center;
+    align-items: center;
+    letter-spacing: 0;
+}
+.pagination_page span.next{
+    cursor: pointer;
+}
+.pagination_page li.active a:hover{
+    cursor: not-allowed;
+}
+/* 分页 */
+</style>
@@ -10,5 +10,4 @@
            <div class="author--sns">
                <?php $this->need('sns.php'); ?>      
            </div>
-</div>
- 
+</div>
Author	SHA1	Message	Date
浪子	bd3b384fde	更改版本号	2024-05-30 14:47:29 +08:00
浪子	e86e1afd66	说明	2024-05-26 14:17:20 +08:00
浪子	aec71a535b	网站统计	2024-05-26 14:06:03 +08:00
浪子	f8fc4f293a	Update post.php	2024-05-25 19:32:04 +08:00
浪子	21c75cdde2	Update post.php	2024-05-24 17:17:09 +08:00
浪子	a99e370897	更新功能	2024-05-24 15:56:49 +08:00
浪子	6456cb8521	Update page-memos.php	2024-05-24 15:36:17 +08:00
浪子	041b559e97	更新memos	2024-05-24 15:11:11 +08:00
浪子	ab73d24361	啥也没改	2024-05-24 09:57:05 +08:00
浪子	5d3bd41e10	新增memo页面基于memos	2024-05-24 09:56:49 +08:00
浪子	cc3611d417	chatgpt真好用	2024-05-22 14:39:53 +08:00
浪子	91743cbaad	Update page-archives.php	2024-05-22 14:33:23 +08:00
浪子	2aa42119dd	Update page-archives.php	2024-05-22 14:26:08 +08:00
浪子	2eff8ebd99	Update page-archives.php	2024-05-22 14:23:59 +08:00
浪子	201bff5d11	openai优化	2024-05-22 14:21:07 +08:00
浪子	c91c5e54da	Update post.php	2024-05-22 11:39:12 +08:00
浪子	d6aaa9ac51	Update footer.php	2024-05-22 11:29:56 +08:00
浪子	55724160cb	贴近原版	2024-05-22 11:29:49 +08:00
浪子	4907670357	新增是否显示文章目录和复制链接的选项	2024-05-22 11:29:22 +08:00
浪子	bdd3eeb511	增加复制本文链接	2024-05-22 11:28:37 +08:00
浪子	7b6154acad	Update comments.php	2024-05-22 08:28:48 +08:00
浪子	fd639a1ffa	增加一个文章页面编辑文章的超链接	2024-05-20 20:04:13 +08:00
浪子	496abfabb2	Update comments.php	2024-05-20 19:37:04 +08:00
浪子	d0d0a79064	符合原汁原味	2024-05-20 18:35:13 +08:00