v1.2.0

更新说明：
- 增加评论功能及样式
- 可选回复评论框跟随，默认禁用
- 部分样式优化

Author: imjeff

README.md

@@ -10,13 +10,13 @@
 
 作者网站: https://yayu.net/
 
-最新版本: 1.1.0
+最新版本: 1.2.0
 
 授权方式: CC BY-NC-SA 4.0 DEED
 
 授权介绍: https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh-hans
 
-主题声明: 主题复刻于 Bear Blog 示例主题 (https://herman.bearblog.dev/)，并在原基础上进行改造及中文优化。既然是复刻“b”ear，那本主题就姑且叫 “d”ear 吧，亲爱的。
+主题声明: 主题复刻于 Bear Blog 示例主题 ( https://herman.bearblog.dev/ )，并在原基础上进行改造及中文优化。既然是复刻“b”ear，那本主题就姑且叫 “d”ear 吧，亲爱的。
 
 
 ## 使用方法
@@ -47,13 +47,18 @@
 
 使用代码编辑器修改主题内 funcitons.php 文件，按提示修改第22行“文章数设置”部分的数量，上传文件替换即可。
 
-### 如何让主题支持评论？
+### 如何回复评论时让评论框跟随？
 
-使用代码编辑器修改主题内 index.php 文件的21和22行之间换行插入以下代码 ```<p><br /><?php if (comments_open()) {comments_template();}?></p>``` 即可。显示出来的样式是可以接受的，可按个人喜好另行补充样式。
+主题从 v1.2.0 版本增加评论功能及样式，为减少 JS 文件加载，默认禁用评论框跟随。如需启用，请修改主题 functions.php 文件163行，把 add_action 前面的注释符 // 移除即可。
 
 
 ## 迭代日志
 
+### Version 1.2.0 (2025-01-15)
+- 增加评论功能及样式
+- 可选回复评论框跟随，默认禁用
+- 部分样式优化
+
 ### Version 1.1.0 (2024-09-22)
 - 增加独立“搜索模板”
 - CSS 样式移至 style.css 文件

functions.php

@@ -148,4 +148,18 @@ function disable_embeds_tiny_mce_plugin( $plugins ) {
 add_action( 'wp_enqueue_scripts', function() {
 	wp_dequeue_style( 'classic-theme-styles' );
 }, 20 );
+
+//回复评论框跟随。如需启用，去掉 add_action 前面的注释符 //
+if (!function_exists('yayu_enqueue_scripts')) :
+	function yayu_enqueue_scripts()
+	{
+		if ((!is_admin()) && is_singular()) {
+			wp_enqueue_script('jquery', '', 'jquery', '', true);
+			if (comments_open() && get_option('thread_comments')) {
+				wp_enqueue_script('comment-reply');
+			};
+		};
+	}
+	//add_action('wp_enqueue_scripts', 'yayu_enqueue_scripts');
+endif;
 ?>

index.php

@@ -16,8 +16,9 @@
 <?php } else { if (have_posts()) { while (have_posts()) { the_post(); ?>
 <h1><?php the_title(); ?></h1>
 <?php if ( is_single() ) : ?><p><?php the_category( ', ' );?>&nbsp · &nbsp<time datetime="<?php the_time('Y-m-d'); ?>"><?php the_date( get_option( 'date_format' ) ); ?></time></p><?php endif; ?>
-<p><?php the_content(); ?></p>
+<div class="content"><?php the_content(); ?></div>
 <p><?php wp_link_pages(); ?></p>
 <?php if ( is_single() && get_the_tags() ) : ?><p class="tags"><?php the_tags( ' #', ' #', '' ); ?></p><?php endif; ?>
+<?php if ( comments_open() ) { ?><div class="comlist"><?php comments_template();?></div><?php } ?>
 <?php }}} ?>
 <?php get_footer();?>

style.css

@@ -5,7 +5,7 @@ Author: Jeff Chen
 Author URI: https://yayu.net/
 Description: Dear 是一款 WordPress & Typecho 纯文本极极简主题，样式复刻于 Bear Blog 示例主题。主题支持自定义背景、自定义菜单、自定义首页内容，支持黑暗模式和自适应；内置文章归档和搜索模板；已作中文字体优化，内置3种字体方案可选。力求极简，对程序自带功能进行禁用及优化，主题无 JS、图片文件引用。
 Tags: blog, plaintext, one-column, full-width-template, minimalism, responsive, dark-mode, free
-Version: 1.1.0
+Version: 1.2.0
 License: CC BY-NC-SA 4.0 DEED
 License URI: https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh-hans
 */
@@ -23,7 +23,7 @@ License URI: https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh-hans
     --code-background-color: #f2f2f2;
     --code-color: #222;
     --blockquote-color: #222;
-    --gray-color: #999;
+    --gray-color: #aaa;
 }
 @media (prefers-color-scheme: dark) {
     :root {
@@ -35,7 +35,7 @@ License URI: https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh-hans
         --code-background-color: #000;
         --code-color: #ddd;
         --blockquote-color: #ccc;
-        --gray-color: #999;
+        --gray-color: #888;
     }
 }
 body {
@@ -64,10 +64,11 @@ img{max-width:100%;height:auto}
 time,.intro{color:var(--gray-color);}
 code{font-family:monospace;padding:2px;background-color:var(--code-background-color);color:var(--code-color);border-radius:4px}
 blockquote{border-left:1px solid #999;color:var(--code-color);padding-left:20px;font-style:italic}
-input{border-radius:4px;border:1px solid var(--gray-color);margin:0 0 15px 0;padding:10px;width:50%}
-input:focus{outline:0}
-input[type="submit"]{padding:9px 10px 10px;text-align:center;width:80px;display:inline-flex;background-color:var(--heading-color);color:var(--code-background-color);border:none}
+input{border-radius:4px;border:1px solid var(--gray-color);margin:0 0 15px 0;padding:10px;width:50%;font-size:0.9em;background:var(--background-color);color:var(--heading-color)}
+input[type="submit"]{border:none;padding:9px 16px 10px;text-align:center;width:80px;display:inline-flex;background-color:var(--heading-color);color:var(--code-background-color);}
 input[type="submit"]:hover{cursor:pointer;opacity:.7}
+textarea{border-radius:4px;border:1px solid var(--gray-color);display:block;margin:0 0 10px;padding:10px;width:calc(100% - 25px);background:var(--background-color);color:var(--code-color);}
+input:focus,textarea:focus{border:1px solid var(--text-color);outline:0}
 header,footer{padding:20px 0}
 .title:hover{text-decoration:none;border:none}
 .title h1,.title h2{font-size:1.5em}
@@ -76,4 +77,16 @@ ul.posts li{display:flex;margin:3px 0}
 ul.posts li span{flex:0 0 115px}
 ul.posts li a:visited{color:var(--visited-color)}
 .tags{margin-top:30px;color:var(--gray-color)}
-.tags a{margin:0 5px 0 2px}
+.tags a{margin:0 5px 0 2px}
+.comment-respond{text-align:left;padding-top:40px;}
+.comlist{margin:80px auto 0;}
+.commentlist,.commentlist .children{list-style: none;padding:0;margin-bottom:40px;}
+.comment{margin:30px 0;list-style: none;text-align:left;}
+.comment .comment{margin-left:35px;}
+.comment-author cite{font-weight:bold;font-style:normal;}
+.comment-author .says,.comment-author .avatar,.screen-reader-text{display:none}
+.comment-meta a{color: var(--gray-color);font-size: 0.9rem;}
+.comlist input{display:block;width:calc(100% - 25px);}
+.comlist input[type="submit"]{width:initial;}
+.comlist input[type="checkbox"]{display:inline-block;width: initial;}
+#cancel-comment-reply-link{margin-left:15px;font-weight: normal;}