📖 中英文分割开关 & 优化友情链接

- 现在允许在后台选择是否开始 Pangu,js 分割中英文 - 友情链接的头像不在通过 div 的背景图展示，而是 img 标签，并适配懒加载
BigCoke233 · Apr 12, 2020 · c4d20db · c4d20db
1 parent 8a03995
commit c4d20db
Show file tree

Hide file tree

Showing 6 changed files with 16 additions and 5 deletions.
diff --git a/assets/css/main/page.css b/assets/css/main/page.css
@@ -130,6 +130,14 @@
 .links-container {
 	padding: 6px;
 }
+.links-img {
+	padding: 0
+}
+.links-img img {
+	margin: 0;
+	width: 100%;
+	height: 100%
+}
 
 /* Saying 说说 */
 .saying-meta {

diff --git a/assets/css/main/post.css b/assets/css/main/post.css
@@ -201,7 +201,7 @@
 	border-radius: 3px;
 	max-width: 100%
 }
-.post-content img:not(.owo-img) {
+.post-content img:not(.owo-img,.links-img img) {
 	margin: 25px auto;
 }
 .post-content blockquote p {

diff --git a/assets/js/miracles.min.js b/assets/js/miracles.min.js
@@ -188,7 +188,7 @@ function owoLoad() {
 //Pangu.js
 function panguLoad() {
     document.addEventListener('DOMContentLoaded', () => {
-        pangu.autoSpacingPage();
+        if(panguLoadAllow==true) pangu.autoSpacingPage();
     });
 }
 

diff --git a/includes/footer.php b/includes/footer.php
@@ -28,6 +28,7 @@
 	?>
 	<!-- Varribles and Functions -->
 	<script>
+	var panguLoadAllow = <?php if($this->options->pangu==1):?>false<?php else:?>true<?php endif;?>;
 	var allowNavAero = <?php if($this->options->navAero==1):?>false<?php else:?>true<?php endif;?>;
 	var siteurl = '<?php $this->options->SiteUrl() ;?>';
 	var owoJson = '<?php Utils::indexTheme('assets/OwO.json'); ?>';

diff --git a/libs/Contents.php b/libs/Contents.php
@@ -78,7 +78,7 @@ static public function parseLink($text)
         $rp = '<div class="col-lg-2 col-6 col-md-3 links-container">
 		    <a href="${2}" title="${4}" target="_blank" class="links-link">
 			  <div class="links-item">
-			    <div class="links-img" style="background:url(\'${3}\');width: 100%;padding-top: 100%;background-repeat: no-repeat;background-size: cover;"></div>
+			    <div class="links-img"><img src=\'${3}\'></div>
 				<div class="links-title">
 				  <h4>${1}</h4>
 				</div>
@@ -119,7 +119,7 @@ static public function parseLink($text)
                 $linksList .= '<div class="col-lg-2 col-6 col-md-3 links-container">
 		    <a href="' . $link . '" title="' . $des . '" target="_blank" class="links-link">
 			  <div class="links-item">
-			    <div class="links-img" style="background:url(\'' . $avatar . '\');width: 100%;padding-top: 100%;background-repeat: no-repeat;background-size: cover;"></div>
+			    <div class="links-img"><img src=\''.$avatar.'\'></div>
 				<div class="links-title">
 				  <h4>' . $name . '</h4>
 				</div>

diff --git a/libs/Options.php b/libs/Options.php
@@ -138,8 +138,10 @@ function themeConfig($form) {
     $form->addInput($CDN);
 	$customCDN = new Typecho_Widget_Helper_Form_Element_Text('customCDN', NULL, '', _t('自定义 CDN'), _t('输入 CDN 的链接，要保证写入的路径下，目录结构和主题的 assets 目录下一致'));
     $form->addInput($customCDN);
-	$ifShowRTA = new Typecho_Widget_Helper_Form_Element_Select('ifShowRTA',array('0'=>'不显示','1'=>'显示'),'0','阅读时长提示 RTA','在文章前加入阅读时长提示，增进用户体验<hr>');
+	$ifShowRTA = new Typecho_Widget_Helper_Form_Element_Select('ifShowRTA',array('0'=>'不显示','1'=>'显示'),'0','阅读时长提示 RTA','在文章前加入阅读时长提示，增进用户体验');
     $form->addInput($ifShowRTA);
+	$pangu = new Typecho_Widget_Helper_Form_Element_Select('pangu',array('0'=>'启用','1'=>'关闭'),'0','自动分割中英文（pangu.js）','自动分割网页中的中英文，在全角字符和半角字符之间加上空格，也会修复一些标点符号的错误（.=>。），可能会有误判或是有人不喜欢，所以在这里加个按钮<hr>');
+    $form->addInput($pangu);
 
 	//custom style
 	$grayTheme = new Typecho_Widget_Helper_Form_Element_Select('grayTheme',array('0'=>'关闭','1'=>'开启'),'0','<h2>个性化</h2>哀悼模式','打开后网站变为黑白');