Spzac主题折腾笔记

  • 💡Typecho
  • 3167 阅读
  • 2020年09月13日
  • 0 条评论
  • 全文共699字, 阅读大约需要2分钟
  • 搜索引擎已收录

首页 / 💡Typecho / 正文

AI摘要
Gemini 1.5 Pro
|
此内容根据文章生成，并经过人工审核，仅用于文章内容的解释与总结
反馈

侧栏疫情动态

user - sider.php

  1. <div class="sidebox fixside s_ping" >

  2. <h4 class="sidebox__title">新冠动态</h4>

  3. <i class="bg-primary"></i>

  4.                     <iframe width="100%" frameborder="0" src="https://www.lovestu.com/api/project/cnmapyinqing/obj.php" onload='this.style.height=Math.max(this.contentWindow.document.body.scrollHeight,this.contentWindow.document.documentElement.scrollHeight,200)+"px";'></iframe>

  5. 

  6. </div>

 复制代码
  1. <div class="sidebox fixside s_ping" >

  2. <h4 class="sidebox__title">新冠动态</h4>

  3. <i class="bg-primary"></i>

  4.                     <iframe width="100%" frameborder="0" src="https://www.lovestu.com/api/project/cnmapyinqing/obj.php" onload='this.style.height=Math.max(this.contentWindow.document.body.scrollHeight,this.contentWindow.document.documentElement.scrollHeight,200)+"px";'></iframe>

  5. 

  6. </div>

 复制代码

修改文章外链样式

  1. external-link {    

  2.     display: inline-block;

  3.     background-image: url(data:image/svg+xml;base64,PHN2ZyB0PSIxNjMxMTc2NDQ2NTMwIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE0MDIwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPjxwYXRoIGQ9Ik04NjQuMTA3NTgzIDk2MC4xMTk1MzdINjMuODgwNDYzVjE1OS44OTI0MTdoNDQ3LjkyODI3OFY5Ni4wMTE5NTRIMHY5MjcuOTg4MDQ2aDkyNy45ODgwNDZWNTI3Ljg3NDQ4NmgtNjMuODgwNDYzdjQzMi4yNDUwNTF6IiBwLWlkPSIxNDAyMSIgZmlsbD0iIzAwN2JmZiI+PC9wYXRoPjxwYXRoIGQ9Ik01OTIuMTM3NDY3IDB2NjMuODgwNDYzaDMyMi40NjI0NThMNDU3LjQ5MTIyMiA1MjEuMzcxNjg1bDQ1LjEzNzA5MyA0NS4xMzcwOTNMOTYwLjExOTUzNyAxMDkuNDAwMDc1djMyMi40NjI0NThoNjMuODgwNDYzVjBINTkyLjEzNzQ2N3oiIHAtaWQ9IjE0MDIyIiBmaWxsPSIjMDA3YmZmIj48L3BhdGg+PC9zdmc+);

  4.     background-size: 1em;

  5.     background-repeat: no-repeat;

  6.     background-position: right center;

  7.     padding-right: 1.3em;

  8.     text-indent: 0px;

  9.     border-bottom: 1px solid #007bff;

  10.     }

 复制代码

functions.php

在后台编辑文章输出function costcn($cid,$mid,$str,$status){下面加上

  1. /*给外链加上class*/

  2.     $str = preg_replace("/<a href=\"([^\"]*)\">/i", "<a href=\"\\1\" class=\"external-link\" target=\"_blank\" rel=\"nofollow\">", $str);

 复制代码

开启了short_links插件，直接修改插件文件

Plugin.php

156行加上class="external-link"

  1.         $target = ($pluginOption->target) ? ' target="_blank" class="external-link" ' : ''; // 新窗口打开

 复制代码

底部好久不见

1.修改footer.php

首先，在页脚文件footer.php文件的最下面放入以下代码：

  1. <!-- 好久不见 -->

  2. <div class="chenyuyc">

  3.     <div class="footer-fav">

  4.       <div class="container">

  5.         <div class="fl site-info">

  6.           <h2><a href="https://nie.su/" target="_blank">錯愛涅槃</a></h2>

  7.           <div class="site-p">

  8.               <p>LOVE2WIND.CN【白茶清欢无别事，我在等风也等你】</p>

  9.               <p>风风雨雨中，恭迎本站第<?php echo theAllViews();?>位来访的小伙伴。</p>

  10.                     <!--<script  type="text/javascript">

  11.                     var colorStr="";

  12.                     var randomArr=['0','1','2','3','4','5','6','7','8','9','a','b','c','d','e','f'];

  13.                     for(var i=0;i<6;i++){

  14.                         colorStr+=randomArr[Math.ceil(Math.random()*(15-0)+0)];

  15.                     }

  16.                     var now =new Date(); 

  17.                     function StorageTime() { 

  18.                         var grt= new Date("11/27/2011 00:00:00");//时间格式：月/日/年  时/分/秒

  19.                         now.setTime(now.getTime()+250); 

  20.                         years = Math.floor((now - grt ) / 1000 / 60 / 60 / 24 /365);

  21.                         days = Math.floor((now - grt ) / 1000 / 60 / 60 / 24 - (years * 365)); 

  22.                         hours = Math.floor((now - grt ) / 1000 / 60 / 60 - (24 * Math.floor((now - grt ) / 1000 / 60 / 60 / 24)));

  23.                         if(String(hours).length ==1 ){hours = "0" + hours;} 

  24.                         minutes = Math.floor((now - grt ) / 1000 /60 - (24 * 60 * Math.floor((now - grt ) / 1000 / 60 / 60 / 24)) - (60 * hours));

  25.                         if(String(minutes).length ==1 ){minutes = "0" + minutes;}

  26.                         seconds = Math.floor((now - grt ) / 1000 - (24 * 60 * 60 * Math.floor((now - grt ) / 1000 / 60 / 60 / 24)) - (60 * 60 * hours) - (60 * minutes)); 

  27.                         if(String(seconds).length ==1 ){seconds = "0" + seconds;}

  28.                         if(years!=0){var outputtime=+years+"年"+days+"天"+hours+"时"+minutes+"分"+seconds+"秒";}else{var outputtime=+days+"天"+hours+"时"+minutes+"分"+seconds+"秒";}

  29.                         document.getElementById("siteday").style.color="#"+colorStr;

  30.                         document.getElementById("siteday").innerHTML = outputtime;

  31.                     } 

  32.                     setInterval("StorageTime()",250);

  33.                     </script>-->

  34.           </div>

  35.         </div>

  36.         <div class="fr site-fav">

  37.           <a href="https://nie.su/" class="btn btn-fav btn-orange">Ctrl+D收藏本站</a></div>

  38.         <div class="site-girl">

  39.             <div class="girl fl"> <i class="thumb " style="background-image:url(https://gcore.jsdelivr.net/gh/love2wind/blogcdn@3.5/spzac/img/hjbj.png);"></i> </div>

  40.             <div class="girl-info hide_md">

  41.               <h4>绿水本无忧，因风皱面</h4>

  42.               <h4>青山原不老，为雪白头</h4>

  43.             </div>

  44.         </div>

  45.       </div>

  46.     </div>

  47. </div>

 复制代码

2.新增CSS样式

  1. <link rel="stylesheet" href="https://gcore.jsdelivr.net/gh/love2wind/blogcdn@3.5/spzac/css/footerdown.css">

 复制代码

3.备注

风风雨雨1年266天3小时23分，你是第45,355位相遇的小伙伴……这里的实现看这里：https://nie.su/archives/2164.html#ci_title21

Typecho模板常用调用代码

![](https://cdn2.imgbed.top/images/2020/09/14/20200914183815.jpg) #### 站点动态标题 ``` ``` #### 站点地址，名称与描述 ``` //站点地址 //名称 //描述 ``` #### index.php文章循环输出 ``` //判断文章存在与否 //开始循环

4.Joe主题

Joe主题开启显示建站时间后，并配置好总访问量小伙伴。

  1. <p><a href="javascript:;" id="chenyutime">风风雨雨N年，你是第N位相遇的小伙伴</a></p>

 复制代码

修改为：

  1.               <p><?php if ($this->options->JBirthDay) : ?>

  2.             <div class="item run">

  3.                 <span>风风雨雨 <strong class="joe_run__day">00</strong> 天 <strong class="joe_run__hour">00</strong> 时 <strong class="joe_run__minute">00</strong> 分，你是第<?php echo theAllViews();?>位相遇的小伙伴</span>

  4.             </div>

  5.         <?php endif; ?> </p>

 复制代码

修改好后，请删除原有的建站时间显示（第六行到第十行），不然会重复显示。

  1.             <?php if ($this->options->JBirthDay) : ?>

  2.             <div class="item run">

  3.                 <span>已运行 <strong class="joe_run__day">00</strong> 天 <strong class="joe_run__hour">00</strong> 时 <strong class="joe_run__minute">00</strong> 分 <strong class="joe_run__second">00</strong> 秒</span>

  4.             </div>

  5.         <?php endif; ?>

 复制代码

添加目录

1.安装插件

https://github.com/typecho-fans/plugins/blob/master/MenuTree

2.添加代码

info - sidebar.php最后添加

  1. <?php if ($this->is('post')): ?> 

  2. <div class="sidebox sidebox--desk fixside" style="z-index:1;">

  3.                         <h4 class="sidebox__title">本文目录</h4>

  4.                         <i class="bg-primary"></i>

  5.                         <div class="sidebox__content" style="overflow-y: auto;max-height: 420px;">

  6.                             <?php $this->treeMenu(); ?>                            

  7.                         </div>

  8.                     </div>

  9. <?php endif; ?>

 复制代码

3.添加CSS

  1. /*目录*/

  2. .index-menu {

  3.     font-size: 14px;

  4.     list-style: none outside none;

  5.     padding-right: 20px;

  6. }

  7. .index-menu-list {

  8.     margin-left:15px;

  9.     padding-left: 0;

  10. }

  11. .index-menu-item {

  12.     padding:3px 0;

  13. }

  14. .index-menu-link:hover {

  15.     background:0 0;

  16.     color:#fa7268;

  17.     text-decoration:underline;

  18. }

  19. .index-menu-link {

  20.     color: #4e4e4e;

  21.     text-decoration: none;

  22.     display: inline;

  23.     padding: 5px 0;

  24.     line-height: 26px;

  25. }

  26. .menu-target-fix {display:block; position:relative; top:-75px; /*偏移量}    锚点跳转定位*/

 复制代码

添加彩色标签云

1.适当位置添加

  1.                     <div class="sidebox sidebox--desk">

  2.                         <h4 class="sidebox__title">标签云</h4>

  3.                         <i class="bg-primary"></i>

  4.                         <div class="sidebox__content">

  5.                             <style>#tag-clould-color {

  6.                                 padding: 3px 5px 3px 5px;

  7.                                 border-radius: 4px;

  8.                                 color: #FFFFFF;

  9.                                 margin: 3px 3px 3px 0;

  10.                                 display: inline-block;

  11.                             }

  12.                             #tag-clould-color a{

  13.                                 color: #FFFFFF;

  14.                             }

  15.                             </style>

  16.                            <div class="tags l-h-2x">

  17.                            <?php Typecho_Widget::widget('Widget_Metas_Tag_Cloud','ignoreZeroCount=1&limit=20')->to($tags); ?>

  18.                            <?php if($tags->have()): ?>

  19.                                <?php while ($tags->next()): ?>

  20.                                <span id="tag-clould-color"  style="background-color:rgb(<?php echo(rand(0,255)); ?>,<?php echo(rand(0,255)); ?>,<?php echo(rand(0,255)); ?>);font-size:<?php echo log($tags->count)*5+10; ?>%;">

  21.                                    <a  href="<?php $tags->permalink();?>"  title="该标签下有<?php $tags->count(); ?>篇文章" data-toggle="tooltip" >

  22.                                    <?php $tags->name(); ?></a>

  23.                                </span>

  24.                                <?php endwhile; ?>

  25.                            <?php endif; ?>

  26.                            </div>

  27.                         </div>

  28.                     <!--    <a href="#" class="sidebox__more">View more</a>-->

  29.                     </div>

 复制代码

2.相关函数

随机颜色代码

color:#<?php echo substr(md5(rand()), 0, 6); ?>;

固定颜色代码

color:#<?php echo substr(md5($tags->name), 0, 6); ?>;

根据标签文章个数调整字体大小代码

font-size:<?php echo log($tags->count)*50+100; ?>%;

整数字体大小

font-size:<?php printf("%u%%", log($tags->count)*50+100); ?>

完整代码

  1. <style>.widget-list-tag li{display:inline-block;list-style:none;font-family:monospace;margin:1px;padding:1px;}</style>

  2. <?php $this->widget('Widget_Metas_Tag_Cloud', 'sort=name&ignoreZeroCount=1&desc=0&limit=30')->to($tags); ?>

  3. <ul class="widget-list widget-list-tag">

  4. <?php if($tags->have()): ?>

  5. <?php while ($tags->next()): ?>

  6. <li><a style="font-size:<?php printf("%u%%", log($tags->count)*50+100); ?>; color:#<?php echo substr(md5($tags->name.'rand'), 0, 6); ?>;" href="<?php $tags->permalink(); ?>" title="<?php $tags->count(); ?> 个话题"><?php $tags->name(); ?></a></li>

  7. <?php endwhile; ?>

  8. <?php else: ?>

  9. <li><?php _e('没有任何标签'); ?></li>

  10. <?php endif; ?>

  11. </ul>

 复制代码

其他修改

侧边栏滚动固定不起作用

main.css

  1. html,

  2. body {

  3.   height: 100%;

  4. }

 复制代码

手机端不显示排行榜、右侧边栏

  1. @media screen and (max-width: 768px) {

  2. .pagecontent{display:none; }

  3. }

  4. @media screen and (max-width: 768px) {

  5. .sidebox{display:none; }

  6. }

 复制代码

删除height: 100%;

文章页粗体颜色：

.conts b, strong { color: #red;}

文章页链接颜色：

.post__description a

单行代码颜色：

.conts code

2021.9.17自定义CSS

  1. body {

  2.     font-family: 'Open Sans', sans-serif;

  3.     font-family: nexzhu!important;

  4.     font-weight: 500;

  5.     background-color: #fafafa;

  6.     background-image: url(https://gcore.jsdelivr.net/gh/love2wind/blogcdn@v3.3/spzac/img/bg.jpg);

  7.     background-position: left top;

  8.     background-size: 25% auto;

  9.     background-repeat: repeat;

  10.     background-attachment: scroll;

  11.     -webkit-font-smoothing: antialiased;

  12.     text-indent: 0;

  13. }

  14. @font-face {

  15.     font-family: "nexzhu";

  16.     src: url(https://gcore.jsdelivr.net/gh/love2wind/blogcdn@v3.3/spzac/fonts/blockdole.woff2) format("woff2"),

  17.      url(https://gcore.jsdelivr.net/gh/love2wind/blogcdn@v3.3/spzac/fonts/blockdole.woff) format("woff"),

  18.      url(https://gcore.jsdelivr.net/gh/love2wind/blogcdn@v3.3/spzac/fonts/blockdole.ttf) format("truetype"),

  19.      url(https://gcore.jsdelivr.net/gh/love2wind/blogcdn@v3.3/spzac/fonts/blockdole.eot) format("embedded-opentype"),

  20.      url(https://gcore.jsdelivr.net/gh/love2wind/blogcdn@v3.3/spzac/fonts/blockdole.svg) format("svg");

  21. }

  22. .header {background-color: #ffffff; box-shadow: 0 4px 8px 0 rgba(7, 17, 27, 0.1);}

  23.   @media (min-width: 1200px){

  24. .header__nav-link { color: #000000;}

  25. }

  26.   @media screen and (max-width: 1120px) {

  27. .pagecontent{display:none; }

  28. }

  29.   /*@media screen and (max-width: 768px) {

  30. .sidebox,.sidebox--desk{display:none; }

  31. }*/

  32.   @media (min-width: 768px){

  33. .header__search-input { background: #f3f5f6;}

  34. }

  35. .header__nav {left:30px;}

  36. .header__nav-item {

  37.     margin: 0 30px 0 0;

  38.     width: auto;

  39. }

  40. .header__search {left:80px;}

  41. .header__search .ion-ios-search{color:#3796f6;}

  42. .header__content .ion-ios-notifications{ color: black; }

  43. .header__search-input {   color: #000;}

  44. li.header__nav-item:nth-of-type(3) a:after {

  45.     content: '';

  46.     background: url(https://gcore.jsdelivr.net/gh/love2wind/blogcdn@v3.3/spzac/img/icon_hot.png) no-repeat;

  47.     width: 20px;

  48.     height: 11px;

  49.     background-size: contain;

  50.     display: inline-block;

  51.     vertical-align: middle;

  52.     margin-left: 3px;

  53.     margin-bottom:5px;

  54. }

  55. .image_title{display:none;}

  56. .signin {color: #000000;}

  57. .header__btn span {background-color: #000;color: #000000;}

  58. .header__profile-btn:hover span {color: #3796f6;}

  59. .header__profile-btn span {color:#999999;}

  60. .header__dropdown-menu {

  61.     min-width: 150px !important;

  62.     padding: 15px !important;

  63. }

  64. .header__dropdown-menu svg {

  65.     overflow: hidden;

  66.     vertical-align: middle;

  67.     margin-right: 2px;

  68.     margin-left: 0;

  69. }

  70.   /*.post-content p{ 

  71.   text-indent: 2em; em是相对单位，2em即现在一个字大小的两倍 

  72. } */

  73. .user__head {

  74.     background: #3796f6 url(https://gcore.jsdelivr.net/gh/love2wind/blogcdn@v3.3/spzac/img/hbg.jpg) center no-repeat;

  75.     position: relative;

  76.     height: 120px;

  77.     width: 100%;

  78.     animation: gradientBG 15s ease infinite;

  79. }

  80. .bg_color{

  81.     margin: 0;

  82.     width: 100%;

  83.     height: 120px;

  84.     font-family: "Exo", sans-serif;

  85.     color: #fff;

  86.     background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);

  87.     background-size: 400% 400%;

  88.     animation: gradientBG 15s ease infinite;

  89. }

  90. .header__logo img {

  91.     width: 90%;

  92.     display: block;

  93.     border-radius: 2%;

  94. }

  95. .footer__logo img {

  96.     width: 70%;

  97.     display: block;

  98. }

  99. .footer__nav a {

  100.     margin-right: 20px;

  101. }

  102. .profile__title {

  103.     margin-top: 10px;

  104.     margin-bottom: 0px;

  105.     line-height: 130%;

  106. }

  107. .profile__actions {

  108.     margin-top: 10px;

  109. }

  110. .profile__actions svg {

  111.     margin-right: 4px;

  112.     vertical-align: top;

  113.     margin-bottom:2px;

  114. }

  115. .sidebox__content {

  116.     padding: 10px 20px;

  117. }

  118. .sidebox__job {

  119.     margin-bottom: 10px;

  120. }

  121. .sidebox__job-title a, .sidebox__job-title span {

  122.     font-size: 14px;

  123.     color: #364e65;

  124.     line-height: 160%;

  125.     max-width: 75%;

  126.     overflow: hidden;

  127.     text-overflow: ellipsis;

  128.     font-weight: 500;

  129.     word-wrap: break-word;

  130. }

  131. .sidebox__user-title h5 a {

  132.      font-size:13px;

  133. }

  134. .profile__logo img {

  135.     width: 100%;

  136.     height: 146px !important;

  137. }

  138. .post__head-title p svg,.post__head-title h5  svg{

  139.   vertical-align: bottom;

  140. }

  141. .footer__back a{

  142.     color:#fff;

  143. }

  144. .Copyrightnew {

  145.     background: #e8eef3;

  146.     padding: 12px 20px;

  147.     border-radius: 0 5px 5px 0;

  148.     font-size: 14px;

  149.     border-radius: 5px;

  150.     margin: 0 0 20px 0;

  151.     color: #999;

  152.     width: 100%;

  153.     line-height: 1.5rem;

  154.     position: relative;

  155. }

  156. .Copyrightnew::before {

  157.     position: absolute;

  158.     top: 6px;

  159.     right: 6px;

  160.     content: '';

  161.     background-image: url(data:image/svg+xml;base64,PHN2ZyB0PSIxNjMxODA0MDQ5MzU0IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjU4MDciIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCI+PHBhdGggZD0iTTUxMiAxNkMyMzguMDY2IDE2IDE2IDIzOC4wNjYgMTYgNTEyczIyMi4wNjYgNDk2IDQ5NiA0OTYgNDk2LTIyMi4wNjYgNDk2LTQ5NlM3ODUuOTM0IDE2IDUxMiAxNnogbTIzNC4yNjggNjkzLjUwNmMtMy4xODQgMy43MzQtNzkuNTUyIDkxLjQ2Mi0yMTkuNzAyIDkxLjQ2Mi0xNjkuMzg0IDAtMjg4Ljk2OC0xMjYuNTItMjg4Ljk2OC0yOTEuMTM0IDAtMTYyLjYwNiAxMjQuMDA4LTI4Ni44MDIgMjg3LjUyNC0yODYuODAyIDEzMy45MTQgMCAyMDMuOTMgNzQuNjMgMjA2Ljg0NCA3Ny44MDhhMjQgMjQgMCAwIDEgMi40NzYgMjkuMjQ2bC00NC43NiA2OS4zMWMtOC4wOTggMTIuNTM0LTI1LjU0OCAxNC43MDItMzYuNDY4IDQuNTktMC40NjYtMC40MjgtNTMuMDU4LTQ3Ljc2LTEyMy43Ni00Ny43Ni05Mi4yMzIgMC0xNDcuODMyIDY3LjE1LTE0Ny44MzIgMTUyLjE2NCAwIDc5LjIwNCA1MS4wMjggMTU5LjM4NCAxNDguNTU0IDE1OS4zODQgNzcuMzk0IDAgMTMwLjU2LTU2LjY3NiAxMzEuMDg4LTU3LjI1IDEwLjI2NC0xMS4xMyAyOC4xMTgtMTAuMDY2IDM3LjAxNiAyLjEwNmw0OS4wOTQgNjcuMTQ0YTI0LjAwMiAyNC4wMDIgMCAwIDEtMS4xMDYgMjkuNzMyeiIgZmlsbD0iIzhmMDg4NCIgcC1pZD0iNTgwOCI+PC9wYXRoPjwvc3ZnPg==);

  162.     background-repeat: no-repeat;

  163.     background-size: 28px;

  164.     width: 28px;

  165.     height: 28px;

  166. }

  167. .post__stats div svg {

  168.     margin-right: 7px;

  169.     vertical-align: middle;

  170.   margin-bottom: 4px;

  171. }

  172. /*文章css*/

  173. .post__title_c {

  174.     font-size: 1.4rem;

  175.     position: relative;

  176.     text-align: center;

  177.     margin: auto;

  178. }

  179. .post__title_c::before {

  180.     content: '「';

  181.     color: #448EF6;

  182.     margin-right: 3px;

  183.     font-weight: 900;

  184. }

  185. .post__title_c::after {

  186.     content: '」';

  187.     color: #448EF6;

  188.     margin-left: 3px;

  189.     font-weight: 900;

  190. }

  191. /*.post__title_c {

  192.     text-align: center;

  193.     font-size: 24px;

  194.     margin: 10px auto 15px auto;

  195.     color: #000;

  196. }

  197. .post__title_c span{

  198.     background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 4'%3E%3Cpath fill='none' stroke='%23ff3300' d='M0 3.5c5 0 5-3 10-3s5 3 10 3 5-3 10-3 5 3 10 3'/%3E%3C/svg%3E") repeat-x 0 100%;

  199.     background-size:20px auto;

  200.     -webkit-animation:waveMove 1s infinite linear;

  201.     animation:waveMove 1s infinite linear;

  202.     line-height:30px;

  203.     padding-bottom:5px

  204. }*/

  205. .post__description h1,.post__description h2 ,.post__description h3,.post__description h4,.post__description h5,.post__description h6  {

  206.     font-weight: 900;

  207.     font-family: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Serif SC", "PingFang SC", "Microsoft Yahei UI", "Microsoft Yahei", sans-serif;

  208.     color: rgb(88, 88, 88);

  209. }

  210. .post__description h1 {

  211.     font-size: 1.7rem;

  212.     line-height: 1.4;

  213.     padding: 0 15px 0 28px;

  214.     margin: 15px 0;

  215.     background-image: url(data:image/svg+xml;base64,PHN2ZyB0PSIxNjMxMzI3MjQzMzkxIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEyMTMgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjMyMzk2IiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxwYXRoIGQ9Ik0xMTIyLjg0NCA0OC4wNzJjLTE3LjgwNi03LjY2OS0zOC40NzMtMTIuNTE2LTYwLjE2MS0xMy40MDYtNzAuODI1LTEyLjEwNS0xNjYuOTE0IDYuNTI2LTI0My4wMzggNDcuMDk1IDIyLjQ1My01NC42NjctNjMuMDU4LTMwLjY4NC05NS42NDUtMjIuMjc2LTEwNC43MjkgMjcuMDA1LTE5OC43NzMgNzUuODU4LTI4Mi42MTMgMTQyLjU2IDcuNDE0LTQ2LjQtNTEuNTItMTkuMzI1LTkzLjY1MyAxNS40MzEtODMuMTQ3IDY4LjY1OC0xNDkuMjggMTUwLjYxMy0xODkuNzA3IDI0OS43OTYtMzUuOTY0IDg4LjI4NC0zNS43MzQgMTc3LjgzMi0zLjQ2NyAyNjAuOTk1IDEwOS4xMDItMTE5Ljg3NSAyMTIuODU0LTIzNC40NTQgMzQ2LjQzNS0zNDkuNjg4IDE0OS41MjgtMTI5LjEzOCAzMjguMTk1LTIyOC40MjcgNDMxLjkyOS0yMzcuMzM0LTM5MC44OCAxOTUuODQtNjQ5LjM2OSA1MTkuODIyLTkwMC45MjQgODUwLjc1Nmg0MzUuNjQ0di0xNi42NzVoLTM4OS42NTNjNy4zOTYtMy4yNTMgMTMuODY3LTcuMzYgMjAuMjQ5LTE0LjMyOSAyOC45OTYtMzEuNTkxIDUyLjgxOC02Ny44NzYgODMuNTItOTcuOTU2IDM4LjY4NC0zNy44MTMgNDEuMDE0LTM0LjYxMyA3NC4yOTMtMzUuNDg0IDY0Ljc2NC0xLjY1NCAxMzAuMjIyLTYuNCAxOTMuODMxLTE4LjAwOCAxMzUuMzA3LTI0LjY5NCAyNTAuNzM4LTg2LjExNiAzMzkuMDQwLTE5MiAyMi4wMjctMjYuNDE4IDQzLjQ0OC03MS4zOTUtMTMuNTI5LTY5LjYxOCAyMC4wODktOS40NCAzNC4zNjQtMTUuMTgyIDQ3LjY2Mi0yMi41NDIgMTAzLjY0NC01Ny40MjIgMTk5LjgwNS0xMjMuMzI0IDI2MC43NDctMjI3LjQxMyAxNi40NDUtMjguMDg4IDM1LjItODEuNzYtMjAuMzAzLTcxLjI3MiAzMC42MTMtMjkuNzI0IDYwLjgxNy01NC4yNCA4NC44ODktODMuNTM4IDM1LjczNC00My40NDggMjYuMzI5LTczLjU4Mi0yNS41NDctOTUuMDkzeiIgZmlsbD0iIzQ0OEVGNiIgcC1pZD0iMzIzOTciPjwvcGF0aD48L3N2Zz4=);

  216.     background-size: 1.7rem;

  217.     background-position: left center;

  218.     background-repeat: no-repeat;

  219.     border-bottom: 1px solid #448ef6;

  220.     color: #448ef6;

  221. }

  222. .post__description h2 {

  223.     font-size: 1.5rem;

  224.     line-height: 1.4;

  225.     background: linear-gradient(to bottom, transparent 50%, rgba(189,202,219,0.3) 0) no-repeat;

  226.     line-height: 30px;

  227.     margin: 10px 0;

  228.     width: auto;

  229.     display: inline-flex;

  230.     color: rgb(255,102,0);

  231. }

  232. /*.post__description h2:before {

  233.     content: '';

  234.     position: absolute;

  235.     top: 2px;

  236.     left: 0;

  237.     width: 20px;

  238.     height: 20px;

  239.     background-image: url(data:image/svg+xml;base64,PHN2ZyB0PSIxNjMxMzI3MjQzMzkxIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEyMTMgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjMyMzk2IiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxwYXRoIGQ9Ik0xMTIyLjg0NCA0OC4wNzJjLTE3LjgwNi03LjY2OS0zOC40NzMtMTIuNTE2LTYwLjE2MS0xMy40MDYtNzAuODI1LTEyLjEwNS0xNjYuOTE0IDYuNTI2LTI0My4wMzggNDcuMDk1IDIyLjQ1My01NC42NjctNjMuMDU4LTMwLjY4NC05NS42NDUtMjIuMjc2LTEwNC43MjkgMjcuMDA1LTE5OC43NzMgNzUuODU4LTI4Mi42MTMgMTQyLjU2IDcuNDE0LTQ2LjQtNTEuNTItMTkuMzI1LTkzLjY1MyAxNS40MzEtODMuMTQ3IDY4LjY1OC0xNDkuMjggMTUwLjYxMy0xODkuNzA3IDI0OS43OTYtMzUuOTY0IDg4LjI4NC0zNS43MzQgMTc3LjgzMi0zLjQ2NyAyNjAuOTk1IDEwOS4xMDItMTE5Ljg3NSAyMTIuODU0LTIzNC40NTQgMzQ2LjQzNS0zNDkuNjg4IDE0OS41MjgtMTI5LjEzOCAzMjguMTk1LTIyOC40MjcgNDMxLjkyOS0yMzcuMzM0LTM5MC44OCAxOTUuODQtNjQ5LjM2OSA1MTkuODIyLTkwMC45MjQgODUwLjc1Nmg0MzUuNjQ0di0xNi42NzVoLTM4OS42NTNjNy4zOTYtMy4yNTMgMTMuODY3LTcuMzYgMjAuMjQ5LTE0LjMyOSAyOC45OTYtMzEuNTkxIDUyLjgxOC02Ny44NzYgODMuNTItOTcuOTU2IDM4LjY4NC0zNy44MTMgNDEuMDE0LTM0LjYxMyA3NC4yOTMtMzUuNDg0IDY0Ljc2NC0xLjY1NCAxMzAuMjIyLTYuNCAxOTMuODMxLTE4LjAwOCAxMzUuMzA3LTI0LjY5NCAyNTAuNzM4LTg2LjExNiAzMzkuMDQwLTE5MiAyMi4wMjctMjYuNDE4IDQzLjQ0OC03MS4zOTUtMTMuNTI5LTY5LjYxOCAyMC4wODktOS40NCAzNC4zNjQtMTUuMTgyIDQ3LjY2Mi0yMi41NDIgMTAzLjY0NC01Ny40MjIgMTk5LjgwNS0xMjMuMzI0IDI2MC43NDctMjI3LjQxMyAxNi40NDUtMjguMDg4IDM1LjItODEuNzYtMjAuMzAzLTcxLjI3MiAzMC42MTMtMjkuNzI0IDYwLjgxNy01NC4yNCA4NC44ODktODMuNTM4IDM1LjczNC00My40NDggMjYuMzI5LTczLjU4Mi0yNS41NDctOTUuMDkzeiIgZmlsbD0iIzQ0OEVGNiIgcC1pZD0iMzIzOTciPjwvcGF0aD48L3N2Zz4=);

  240.     background-size: 100% 100%;

  241.     color: #ff0036;

  242. }*/

  243. .post__description h3 {

  244.     font-size: 1.4rem;

  245.     position: relative;

  246.     border-left: 3px solid #FF1493;

  247.     margin: 10px 0;

  248.     padding: 0 0 0 10px;

  249. }

  250. .post__description h4 {

  251.     font-size: 1.2rem;

  252.     background: url(data:image/svg+xml;base64,PHN2ZyB0PSIxNjMxMzMxMDg0MTk3IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEzMDQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjUwMDk4IiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxwYXRoIGQ9Ik0xMTgzLjc0NCA1MjAuMjc3Yy02MS45MzUgNDYuMTE0LTExNC43OSA0Ni4xMTQtMTc2Ljc0MiAwLTQwLjM5Ny0zMC4wNzEtNzQuODg5LTMwLjA3MS0xMTUuMjg2IDAtNjEuMzcxIDQ1LjY3LTExMS40MSA0NS42Ny0xNzIuNzgzIDAtNS42NDktNC4yMTUtMTEuMDI1LTcuNzgyLTE2LjI0Ny0xMC44MmwtOC4xNzUgMTAuODJjLTE1Ljc3LTExLjc1OS0yOC40NjctMTkuMDEyLTQwLjQ0OC0yMS44MjgtMTMuODI0IDIuNDA2LTI4LjA1OCA5LjYyNi00NC40NDIgMjEuODI4bC02LjM4My04LjQ0OGEyMzYuMDk3IDIzNi4wOTcgMCAwIDAtMTIuMDgzIDguNDQ4Yy02MS45NTIgNDYuMTE0LTExNC43OSA0Ni4xMTQtMTc2Ljc0MiAwLTQwLjM5Ny0zMC4wNzEtNzQuODg5LTMwLjA3MS0xMTUuMjg2IDAtNjEuMzcxIDQ1LjY3LTExMS40MjggNDUuNjctMTcyLjc4MiAwLTQwLjg1OC0zMC40My02OC40MzgtMzAuNDMtMTA5LjMzIDBMMC4xNzEgNDk3Ljk1NGM0OS42NjQtMzYuOTUgOTEuMzkyLTM4LjQ1MSAxNDMuMDM1IDAgNDguNjc1IDM2LjI1IDg0LjYgNDAuNTUgMTM5LjA3NyAwIDUxLjYyNi0zOC40NTEgOTkuNjM1LTM2LjcxIDE0OC45OTIgMCA1MC42NTQgMzcuNzE3IDkwLjM4NSAzOS4yMDIgMTQzLjAxOCAwIDMwLjYxOC0yMi43NjcgNTQuOTU1LTMxLjk0OSA4MC40MzYtMjcuNzMzIDI2LjAxLTIuOTAyIDUxLjk2OCA2LjA1OCA4MS4wNjYgMjcuNzMzIDQ4LjY3NCAzNi4yNSA4NC42IDQwLjU1IDEzOS4wNzYgMCA1MS42MjctMzguNDUxIDk5LjY1My0zNi43MSAxNDguOTkyIDAgNTAuNjU0IDM3LjcxNyA5MC40MDMgMzkuMjAyIDE0My4wMzYgMCA1MS42NjEtMzguNDUxIDg1LjQzNi0zOC40NTEgMTM3LjA4IDBsLTE2Ljg4IDIyLjMyM2MtNDEuNTA1LTMwLjkyNC02MS44MTUtMzAuOTI0LTEwMy4zNTUgMHogbTAtNzUuNjljLTYxLjkzNSA0Ni4xMTQtMTE0Ljc5IDQ2LjExNC0xNzYuNzQyIDAtNDAuMzk3LTMwLjA4OS03NC44ODktMzAuMDg5LTExNS4yODYgMC02MS4zNzEgNDUuNjctMTExLjQxIDQ1LjY3LTE3Mi43ODMgMC01LjY0OS00LjIxNi0xMS4wMjUtNy43NjYtMTYuMjQ3LTEwLjgybC04LjE3NSAxMC44MmMtMTUuNzctMTEuNzQyLTI4LjQ2Ny0xOS4wMTMtNDAuNDQ4LTIxLjgyOS0xMy44MjQgMi40MjQtMjguMDU4IDkuNjQzLTQ0LjQ0MiAyMS44MjlsLTYuMzgzLTguNDMxYTIzNS4yNzggMjM1LjI3OCAwIDAgMC0xMi4wODMgOC40M2MtNjEuOTUyIDQ2LjExNS0xMTQuNzkgNDYuMTE1LTE3Ni43NDIgMC00MC4zOTctMzAuMDg4LTc0Ljg4OS0zMC4wODgtMTE1LjI4NiAwLTYxLjM3MSA0NS42NzEtMTExLjQyOCA0NS42NzEtMTcyLjc4MiAwLTQwLjg1OC0zMC40My02OC40MzgtMzAuNDMtMTA5LjMzIDBMMC4xNzEgNDIyLjI4MmM0OS42NjQtMzYuOTg0IDkxLjM5Mi0zOC40NjkgMTQzLjAzNSAwIDQ4LjY3NSAzNi4yMzIgODQuNiA0MC41MzMgMTM5LjA3NyAwIDUxLjYyNi0zOC40NjkgOTkuNjM1LTM2LjcyOCAxNDguOTkyIDAgNTAuNjU0IDM3LjcxNyA5MC4zODUgMzkuMTg1IDE0My4wMTggMCAzMC42LTIyLjc4NCA1NC45MzgtMzEuOTUgODAuNDE4LTI3Ljc1IDI2LjAxLTIuOTIgNTEuOTY4IDYuMDU4IDgxLjA4NCAyNy43NSA0OC42NzQgMzYuMjMyIDg0LjYgNDAuNTMzIDEzOS4wNzYgMCA1MS42MjctMzguNDY5IDk5LjY1My0zNi43MjggMTQ4Ljk5MiAwIDUwLjY1NCAzNy43MTcgOTAuNDAzIDM5LjE4NSAxNDMuMDM2IDAgNTEuNjYxLTM4LjQ2OSA4NS40MzYtMzguNDY5IDEzNy4wOCAwbC0xNi44OCAyMi4zMDZjLTQxLjUwNS0zMC45MjUtNjEuODE1LTMwLjkyNS0xMDMuMzU1IDB6TTE0My4yMDYgNTczLjY0NWM0OC42NzUgMzYuMjY2IDg0LjYgNDAuNTUgMTM5LjA3NyAwIDUxLjYyNi0zOC40NTEgOTkuNjM1LTM2LjcyOCAxNDguOTkyIDAgNTAuNjU0IDM3LjczNCA5MC4zODUgMzkuMjE5IDE0My4wMTggMCAzMC42MTgtMjIuNzg0IDU0Ljk1NS0zMS45NDkgODAuNDM2LTI3LjczNCAyNi4wMS0yLjkxOCA1MS45NjggNi4wNiA4MS4wNjYgMjcuNzM0IDQ4LjY3NCAzNi4yNjYgODQuNiA0MC41NSAxMzkuMDc2IDAgNTEuNjI3LTM4LjQ1MSA5OS42NTMtMzYuNzI4IDE0OC45OTIgMCA1MC42NTQgMzcuNzM0IDkwLjQwMyAzOS4yMTkgMTQzLjAzNiAwIDUxLjY2MS0zOC40NTEgODUuNDM2LTM4LjQ1MSAxMzcuMDggMGwtMTYuODggMjIuMzIzYy00MS41MDUtMzAuOTA4LTYxLjgxNS0zMC45MDgtMTAzLjM1NSAwLTYxLjkzNSA0Ni4xMTQtMTE0Ljc5IDQ2LjEzMS0xNzYuNzQyIDAtNDAuMzk3LTMwLjA4OS03NC44ODktMzAuMDg5LTExNS4yODYgMC02MS4zNzEgNDUuNjg3LTExMS40MSA0NS42ODctMTcyLjc4MyAwLTUuNjQ5LTQuMjE1LTExLjAyNS03Ljc4Mi0xNi4yNDctMTAuODJsLTguMTc1IDEwLjgyYy0xNS43ODctMTEuNzU5LTI4LjUwMS0xOS4wMTItNDAuNDgyLTIxLjgyOC0xMy44MjQgMi40MjMtMjguMDQgOS42NDItNDQuNDA4IDIxLjgyOGwtNi4zODMtOC40NDhhMjM2LjA5NyAyMzYuMDk3IDAgMCAwLTEyLjA4MyA4LjQ0OGMtNjEuOTUyIDQ2LjExNC0xMTQuNzkgNDYuMTMxLTE3Ni43NDIgMC00MC4zOTctMzAuMDg5LTc0Ljg4OS0zMC4wODktMTE1LjI4NiAwLTYxLjM3MSA0NS42ODctMTExLjQyOCA0NS42ODctMTcyLjc4MiAwLTQwLjg1OC0zMC40My02OC40MzgtMzAuNDMtMTA5LjMzIDBMMC4xNzEgNTczLjY0NWM0OS42NjQtMzYuOTUgOTEuMzkyLTM4LjQ1MSAxNDMuMDM1IDB6IiBmaWxsPSIjZTkxNTJlIiBwLWlkPSI1MDA5OSI+PC9wYXRoPjwvc3ZnPg==)repeat-x 0 100%;

  253.     background-position-y: bottom;

  254.     background-size: 25px auto;

  255.     -webkit-animation: waveMove 1s infinite linear;

  256.     animation: waveMove 1s infinite linear;

  257.     /* line-height: 30px; */

  258.     padding-bottom: 10px;

  259.     width: 100%;

  260.     margin: 10px 0; 

  261.     display: inline;

  262. }

  263. .post__description h5 {

  264.     font-size: 1.1rem;

  265.     background: linear-gradient(to bottom, transparent 80%, rgb(241 162 132 / 30%) 0) no-repeat;

  266.     line-height: 30px;

  267.     display: inline;

  268.     margin: 10px 0;

  269. }

  270. .post__description h6 {

  271.     font-size: 1rem;

  272.     margin: 10px 0;

  273.     border-bottom: 1px;

  274.     border-bottom-style: dashed;

  275.     display: inline-flex;

  276. }

  277. .conts b,.conts strong { 

  278.   color: #294a68;

  279. }

  280. .conts em {

  281.     color: #800000;

  282.     font-style:normal;

  283.     font-weight: 400;

  284. }

  285. .conts table {

  286.     margin:auto;

  287. }

  288. /*代码*/

  289. /* hljs行号 */

  290. .hljs ol{list-style:decimal;margin:0 0 0 40px!important;padding:0}

  291. .hljs ol li{font-size:12px;list-style:decimal-leading-zero;border-left:1px solid #545454!important;margin:0!important;white-space:pre;padding:0 10px;line-height:inherit;color:#f8f8f8 !important;}

  292. /*.conts code{background-color:#141414;color:#f8f8f8;font-size:.95em;padding:.065em .4em;margin:0 4px}

  293. }

  294. 

  295. /* hljs代码高亮 */

  296. .hljs-comment,.hljs-quote{color:#8e908c}

  297. .hljs-deletion,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#c82829}

  298. .hljs-built_in,.hljs-builtin-name,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-type{color:#f5871f}

  299. .hljs-attribute{color:#eab700}

  300. .hljs-addition,.hljs-bullet,.hljs-string,.hljs-symbol{color:#718c00}

  301. .hljs-section,.hljs-title{color:#4271ae}

  302. .hljs-keyword,.hljs-selector-tag{color:#8959a8}

  303. /*.hljs{display:block;overflow-x:auto;background:#141414;color:#f8f8f8;padding:.5em;border-radius:8px}*/

  304. .hljs-emphasis{font-style:italic}

  305. .hljs-strong{font-weight:700}

  306. code, pre {

  307.     font-family: Pacifico,Monaco,Menlo,Consolas,"Courier New",FontAwesome,monospace;

  308.     line-height: 1.5;

  309.     white-space: pre-line;

  310.     max-height: 550px;

  311. }

  312. pre {

  313.     background-color: #141414;

  314.     color: #f8f8f8;

  315.     margin: 1em 4px;

  316.     position: relative;

  317.     -moz-tab-size: 4;

  318.     -o-tab-size: 4;

  319.     tab-size: 4;

  320.     border-radius: 8px;

  321.     padding-top: 20px;

  322.     margin: 1.2em 4px;

  323.    /* padding-bottom: 10px;*/

  324.     overflow-y: auto;

  325.     /* overflow-x: hidden; */

  326. }

  327. .conts pre code {

  328.     max-height: 550px;

  329.     background-color: #141414;

  330.     color: #f8f8f8;

  331.     /* line-height: 1.5; */

  332.     /* font-size: 16px; */

  333.     /* border-radius: 100px; */

  334.     /* padding: 22px 20px; */

  335.     /* border-radius: 8px; */

  336.     /* box-shadow: rgb(0 0 0 / 20%) 0 5px 20px; */

  337.     /* margin-top: 15px!important; */

  338.     /* margin-bottom: 15px!important; */

  339.     /* padding-top: 55px; */

  340.     /* border-radius: 8px; */

  341. }

  342. .conts pre code::before {

  343.     content: "";

  344.     position: absolute;

  345.     background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDU0IDE0Ij48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiPjxjaXJjbGUgY3g9IjYiIGN5PSI2IiByPSI2IiBmaWxsPSIjRkY1RjU2IiBzdHJva2U9IiNFMDQ0M0UiIHN0cm9rZS13aWR0aD0iLjUiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjI2IiBjeT0iNiIgcj0iNiIgZmlsbD0iI0ZGQkQyRSIgc3Ryb2tlPSIjREVBMTIzIiBzdHJva2Utd2lkdGg9Ii41Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSI0NiIgY3k9IjYiIHI9IjYiIGZpbGw9IiMyN0M5M0YiIHN0cm9rZT0iIzFBQUIyOSIgc3Ryb2tlLXdpZHRoPSIuNSI+PC9jaXJjbGU+PC9nPjwvc3ZnPg==) no-repeat;

  346.     background-position-y: center;

  347.     top: 15px;

  348.     left: 16px;

  349.     height: 14px;

  350.     width: 54px;

  351.     margin-left: 5px;

  352.     display: block;

  353. }

  354. .conts code {

  355.     border-radius: 4px;

  356.     color: #f14668;

  357.     font-size: .875em;

  358.     font-weight: 400;

  359.     padding: .25em .5em .25em;

  360.     margin: 0 .25em;

  361.     text-indent: 0;

  362.     white-space: inherit;

  363.     background-color: #feecf0;

  364. }

  365. 

  366. 

  367. .hljs ol {

  368.     list-style: decimal;

  369.     margin: 0 0 0 45px!important;

  370.     padding: 0;

  371. }

  372. .hljs ol li {

  373.     font-size: 14px; 

  374.     list-style: decimal-leading-zero;

  375.     border-left: 1px solid #545454!important;

  376.     margin: 0!important;

  377.     white-space: pre;

  378.     padding: 0 10px;

  379.     line-height: inherit;

  380.     color: #f8f8f8 !important;

  381. }

  382. pre code::-webkit-scrollbar {

  383.     height: 6px;

  384. }

  385. /*代码结束*/

  386. .post__description a {

  387.     color: #007bff;

  388.     font-weight: 500;

  389. }

  390. .post__description p {

  391.     font-size: 1rem;

  392.     line-height: 1.4rem;

  393.     color: #345471;

  394.     text-indent: 0em;

  395. }

  396. .post__description blockquote {

  397.     background: #f8f8f8;

  398.     padding: 20px 20px 10px 50px;

  399.     border-left: 4px solid #42b983;

  400.     margin: 10px 0 10px 10px;

  401.     position: relative;

  402.     text-indent: 0;

  403.     line-height: 1.8em;

  404. }

  405. .post__description blockquote::before {

  406.     content: '';

  407.     position: absolute;

  408.     top: 3px;

  409.     left: 8px;

  410.     width: 30px;

  411.     height: 30px;

  412.     background-image: url(data:image/svg+xml;base64,PHN2ZyB0PSIxNjMxMzMzNzc1NjUzIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDE0MDggMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjU1NjMzIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTM1MS4yOTYgMzg2LjgyNGM2My42LTE1Mi44IDIwMy42LTI5Mi44IDIwMy42LTI5Mi44QzYwNS44IDQzLjEyOCA1ODAuMjk2IDUuMDI0IDUxNi43MDQgNS4wMjRjMCAwLTEyNy4zMDQgMC0zMTguMiAyNTQuNTA0QzcuNiA1MTQuMDI0IDcuNiA2NDEuMzI4IDcuNiA3MDQuOTI4YTMxNSAzMTUgMCAwIDAgMzE4LjIgMzE4LjJjODkgMCAxNjUuNDk2LTM4LjIgMjI5LTg5IDUxLTYzLjcwNCA4OS4yLTE0MCA4OS4yLTIyOS4yIDAtMTY1LjQtMTI3LjI5Ni0zMDUuNC0yOTIuNzA0LTMxOC4xMDR6TTE0MDcuNiA3MDQuOTI4YzAtMTY1LjQtMTI3LjI5Ni0zMDUuNC0yOTIuNjk2LTMxOC4xMDQgNjMuNi0xNTIuOCAyMDMuNi0yOTIuOCAyMDMuNi0yOTIuOEMxMzY5LjUwNCA0My4xMjggMTM0NCA1LjAyNCAxMjgwLjI5NiA1LjAyNGMwIDAtMTI3LjIgMC0zMTguMTA0IDI1NC41MDRDNzcxLjIgNTE0LjAyNCA3NzEuMiA2NDEuMzI4IDc3MS4yIDcwNC45MjhhMzE1IDMxNSAwIDAgMCAzMTguMiAzMTguMmM4OS4xMDQgMCAxNjUuNTA0LTM4LjIgMjI5LjEwNC04OSA1MS02My43MDQgODkuMDk2LTE0MCA4OS4wOTYtMjI5LjJ6IiBwLWlkPSI1NTYzNCIgZmlsbD0iIzhhOGE4YSI+PC9wYXRoPjwvc3ZnPg==);

  413.     background-position: left top;

  414.     background-repeat: no-repeat;

  415.     background-size: 30px auto;

  416. }

  417. .post__description blockquote p{

  418.     text-indent: 0;

  419. }

  420. /* 侧栏社交css*/

  421. .sidebar-box-two{

  422.   min-height:unset;

  423. }

  424. .social{

  425.   display: flex;

  426.     justify-content: space-around;

  427.   border-bottom: 1px solid var(--classC);}

  428. .social img {

  429.      width: 20px;

  430.      height: auto;

  431.      margin: 15px 0;

  432.      border-radius: 50px;

  433. }

  434. .social svg {

  435.      width: 28px;

  436.      height: auto;

  437.      margin: 15px 0;

  438.      border-radius: 5px;

  439. }

  440. .texiao:hover{

  441.   transform: scale(1.4);

  442.   transition: all .5s;

  443. }

  444. .bg_cl{

  445.     background: url(https://gcore.jsdelivr.net/gh/love2wind/blogcdn@v3.3/spzac/img/bg-service-3.svg) right bottom no-repeat;

  446.     background-size: 25%;

  447. }

  448. .msg_remind {

  449.     top: 26px;

  450.     left: 15px;

  451. }

  452.   

  453.   /*短代码css*/

  454. .j-line {

  455.     display: flex;

  456.     justify-content: center;

  457.     align-items: center;

  458.     margin: 20px 0;

  459. }

  460. .j-line span {

  461.     position: relative;

  462.     color: #909399;

  463.     line-height: 24px;

  464.     height: 24px;

  465.     padding: 0 15px;

  466.     transition: padding 0.35s;

  467. }

  468. .j-line span::after {

  469.     right: -35px;

  470.     content: '';

  471.     position: absolute;

  472.     top: 50%;

  473.     width: 20px;

  474.     height: 1px;

  475.     border-top: 1px solid #f73859;}

  476. .j-line span::before {

  477.     left: -35px;

  478.     content: '';

  479.     position: absolute;

  480.     top: 50%;

  481.     width: 20px;

  482.     height: 1px;

  483.     border-top: 1px solid #f73859;

  484. }

  485. .j-btn {

  486.   display: inline-block;

  487.     white-space: nowrap;

  488.     font-weight: 400;

  489.     line-height: 1.3;

  490.     color: #212529;

  491.     text-align: center;

  492.     text-decoration: none;

  493.     vertical-align: middle;

  494.     cursor: pointer;

  495.     user-select: none;

  496.     background-color: transparent;

  497.     border: 1px solid transparent;

  498.     padding: .65rem 1.5rem .475rem 1.1rem;

  499.     font-size: 1rem;

  500.     border-radius: .25rem;

  501.     transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;

  502.     margin: auto 5px;

  503.     text-indent: 0;

  504. }

  505. .j-alt {

  506.     width: 100%;

  507.     padding: 15px 15px 15px 35px;

  508.     border-radius: 5px;

  509.     position: relative;

  510.     overflow: hidden;

  511.     line-height: 2em;

  512.     white-space: inherit;

  513.     text-overflow: ellipsis;

  514.     transition: opacity 0.2s;

  515.     font-size: 15px;

  516.     border: 2px #e6a23c;

  517.     margin: 5px auto;

  518. }

  519. .j-alt::before {

  520.     content:'';

  521.     position:absolute;

  522.     top:50%;

  523.     left:10px;

  524.     -webkit-transform:translateY(-50%);

  525.     transform:translateY(-50%);

  526.     width:20px;

  527.     height:20px;

  528.     vertical-align:top;

  529.     background-size: 20px;

  530. }

  531. .j-alt.success {

  532.     background-color:#f0f9eb;

  533.     color: #67c23a;

  534.     border: 1px solid #67c23a;

  535. }

  536. .j-alt.success strong{

  537.     color: #67c23a;

  538. }

  539. .j-alt.success::before {

  540.     background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjA1NzQ4Nzc4NzcyIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI0MTUiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTUxMiA4NS4zMzMzMzNjMjM1LjY0OCAwIDQyNi42NjY2NjcgMTkxLjAxODY2NyA0MjYuNjY2NjY3IDQyNi42NjY2NjdzLTE5MS4wMTg2NjcgNDI2LjY2NjY2Ny00MjYuNjY2NjY3IDQyNi42NjY2NjdTODUuMzMzMzMzIDc0Ny42NDggODUuMzMzMzMzIDUxMiAyNzYuMzUyIDg1LjMzMzMzMyA1MTIgODUuMzMzMzMzeiBtLTc0Ljk2NTMzMyA1NTAuNEwzNDYuNDUzMzMzIDU0NS4xNTJhNDIuNjY2NjY3IDQyLjY2NjY2NyAwIDEgMC02MC4zMzA2NjYgNjAuMzMwNjY3bDEyMC43MDQgMTIwLjcwNGE0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMCAwIDYwLjMzMDY2NiAwbDMwMS42NTMzMzQtMzAxLjY5NmE0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMSAwLTYwLjI4OC02MC4zMzA2NjdsLTI3MS41MzA2NjcgMjcxLjQ4OCAwLjA0MjY2NyAwLjA4NTMzM3oiIGZpbGw9IiM1MkM0MUEiIHAtaWQ9IjI0MTYiPjwvcGF0aD48L3N2Zz4=");

  541.     background-repeat:no-repeat;

  542.     background-position:center center;

  543. }

  544. .j-alt.info {

  545.     background-color: #e2f2fb;

  546.     color: #50bfff;

  547.     border: 1px solid #50bfff;

  548. }

  549. .j-alt.info strong{

  550.     color: #50bfff;

  551. }

  552. .j-alt.info::before {

  553.     background-image: url(data:image/svg+xml;base64,PHN2ZyB0PSIxNjMxNDEyMjk2MTAyIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjU3MTg2IiB3aWR0aD0iMTQiIGhlaWdodD0iMTQiPjxwYXRoIGQ9Ik01MTIgMGE1MTIgNTEyIDAgMSAwIDUxMiA1MTIgNTEyIDUxMiAwIDAgMC01MTItNTEyeiBtNTYuOTYgODUzLjMxMkg0NTUuMTA0di0xMTMuNzkyaDExMy43Mjh6IG0xMjkuNTM2LTM3MS4yYy01NS42OCA4NC44LTEyOC4zODQgOTcuMjgtMTI4LjM4NCAyMDAuMTkySDQ1NC40di0zMy42YTE3Ny42IDE3Ny42IDAgMCAxIDg3LjQ4OC0xNTguMDhjNjEuMzc2LTQ0LjggODEuNzI4LTU3LjYgODEuNzI4LTEyMC4yNTYgMC02OC4xNi02Ni41Ni04Ni42NTYtMTEyLjUxMi04Ni42NTZhMTA5LjQ0IDEwOS40NCAwIDAgMC0xMTIuOTYgMTE1LjJsLTExMy4yOC0wLjMyYzAtMTYzLjQ1NiAxMjUuMDU2LTIyNy4xMzYgMjUzLjY5Ni0yMjcuMTM2YTE5MC44NDggMTkwLjg0OCAwIDAgMSAyMDAuOTYgMTc0Ljc4NCAyMTkuMjY0IDIxOS4yNjQgMCAwIDEtNDEuMTUyIDEzNS44NzJ6IG0wIDAiIHAtaWQ9IjU3MTg3IiBmaWxsPSIjNTBiZmZmIj48L3BhdGg+PC9zdmc+);

  554.     background-repeat: no-repeat;

  555.     background-position:center center;

  556.     background-size: 18px;

  557. }

  558. .j-alt.warning {

  559.     background-color:#fdf6ec;

  560.     color: #df8807;

  561.     border: 1px solid #e6a23c;

  562. }

  563. .j-alt.warning strong{

  564.     color: #e6a23c;

  565. }

  566. .j-alt.warning::before {

  567.     background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjA1NzQ5NTM3NTM2IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjYwNjciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTUxMiA3OC43NjkyMzFDMjczLjcyMzA3NyA3OC43NjkyMzEgNzguNzY5MjMxIDI3My43MjMwNzcgNzguNzY5MjMxIDUxMnMxOTQuOTUzODQ2IDQzMy4yMzA3NjkgNDMzLjIzMDc2OSA0MzMuMjMwNzY5IDQzMy4yMzA3NjktMTk0Ljk1Mzg0NiA0MzMuMjMwNzY5LTQzMy4yMzA3NjlTNzUwLjI3NjkyMyA3OC43NjkyMzEgNTEyIDc4Ljc2OTIzMXogbTYxLjU5NzUzOCAyMDIuNDc2MzA3bC0xMy44NjMzODQgMzA2LjgwNjE1NGMwIDE4Ljc4NjQ2Mi0xNi42MjAzMDggMzIuMjU2LTM1Ljk5NzUzOSAzMi4yNTZoLTguMjcwNzY5Yy0xOS40MTY2MTUgMC0zMy4yOC0xMy40Njk1MzgtMzYuMDM2OTIzLTMyLjI5NTM4NGwtMTMuODYzMzg1LTMwNi43NjY3N2MwLTE4LjgyNTg0NiAxMy44NjMzODUtMzIuMjk1Mzg1IDMwLjQ4MzY5My0zMi4yOTUzODRoNDQuMzA3NjkyYzE5LjM3NzIzMSAwIDM1Ljk5NzUzOCAxMy40Njk1MzggMzMuMjQwNjE1IDMyLjI5NTM4NHogbS0xOC4xOTU2OTIgNDc3LjUzODQ2MmE1MS41NTQ0NjIgNTEuNTU0NDYyIDAgMCAxLTM2Ljk4MjE1NCAxNi4yNjU4NDZjLTE1Ljg3MiAwLTI2LjQyNzA3Ny01LjQzNTA3Ny0zNi45ODIxNTQtMTYuMjY1ODQ2LTEwLjU5NDQ2Mi0xMC44MzA3NjktMTUuODcyLTIxLjY2MTUzOC0xNS44NzItMzcuODg4IDAtMTYuMjY1ODQ2IDUuMjc3NTM4LTI3LjA5NjYxNSAxNS44NzItMzcuOTI3Mzg1IDEwLjU1NTA3Ny0xMC44MzA3NjkgMjEuMTEwMTU0LTE2LjIyNjQ2MiAzNi45ODIxNTQtMTYuMjI2NDYxIDE1LjgzMjYxNSAwIDI5LjA2NTg0NiA1LjM5NTY5MiAzOS42MjA5MjMgMTYuMjI2NDYxIDEwLjU1NTA3NyAxMC44MzA3NjkgMTUuODMyNjE1IDIxLjY2MTUzOCAxNS44MzI2MTYgMzcuOTI3Mzg1LTIuNTk5Mzg1IDE2LjIyNjQ2Mi03Ljg3NjkyMyAyOS43NzQ3NjktMTguNDcxMzg1IDM3Ljg4OHoiIGZpbGw9IiNGRjhGMDAiIHAtaWQ9IjYwNjgiPjwvcGF0aD48L3N2Zz4=");

  568.     background-repeat:no-repeat;

  569.     background-position:center center;

  570. }

  571. .j-alt.error {

  572.     background-color:#fef0f0;

  573.     color: #f56c6c;

  574.     border: 1px solid #f56c6c;

  575. }

  576. .j-alt.error strong{

  577.     color: #f56c6c;

  578. }

  579. .j-alt.error::before {

  580.     background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjA1NzQ5NjAwMDMxIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijc0ODEiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTUxMiA2NGE0NDggNDQ4IDAgMSAwIDQ0OCA0NDhBNDQ4IDQ0OCAwIDAgMCA1MTIgNjR6IG0yMjIuMDggNjA5LjkyYTQyLjY2NjY2NyA0Mi42NjY2NjcgMCAxIDEtNjAuMzczMzMzIDYwLjM3MzMzM0w1MTIgNTcxLjUybC0xNjIuNzczMzMzIDE2Mi43NzMzMzNhNDIuNjY2NjY3IDQyLjY2NjY2NyAwIDAgMS02MC4zNzMzMzQtNjAuMzczMzMzTDQ1MC43NzMzMzMgNTEybC0xNjIuNzczMzMzLTE2My42MjY2NjdhNDIuNjY2NjY3IDQyLjY2NjY2NyAwIDEgMSA2MC4zNzMzMzMtNjAuMzczMzMzTDUxMiA0NTAuNzczMzMzbDE2Mi43NzMzMzMtMTYyLjc3MzMzM2E0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMSAxIDYwLjM3MzMzNCA2MC4zNzMzMzNMNTcxLjUyIDUxMnoiIGZpbGw9IiNGRjNEMUQiIHAtaWQ9Ijc0ODIiPjwvcGF0aD48L3N2Zz4=");

  581.     background-repeat:no-repeat;

  582.     background-position:center center;

  583. }

  584. .tip-success {

  585.     position: relative;

  586.     color: #fff;

  587.     border-radius: 10px;

  588.     margin-bottom: 20px;

  589.     background: #61be33;

  590.     background: -webkit-gradient(linear,left top,right top,from(#61be33),to(#8fce44));

  591.     background: -webkit-linear-gradient(left,#61be33,#8fce44);

  592.     background: linear-gradient(90deg,#61be33,#8fce44);

  593.     text-shadow: 0 -1px #61be33;

  594.     -webkit-box-shadow: 0 3px 5px rgb(104 195 59 / 50%);

  595.     box-shadow: 0 3px 5px rgb(104 195 59 / 50%);

  596.     padding: 20px 20px 20px 40px;

  597. 

  598. }

  599. .tip-success strong{

  600.     color: #f56c6c;

  601. }

  602. .tip-success::before {

  603.     background-image: url("data:image/svg+xml;base64,PHN2ZyB0PSIxNjMxNzc5NTQ2NDA1IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjM3MjgiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PHBhdGggZD0iTTUxMiA4NS4zMzMzMzNjMjM1LjY0OCAwIDQyNi42NjY2NjcgMTkxLjAxODY2NyA0MjYuNjY2NjY3IDQyNi42NjY2NjdzLTE5MS4wMTg2NjcgNDI2LjY2NjY2Ny00MjYuNjY2NjY3IDQyNi42NjY2NjdTODUuMzMzMzMzIDc0Ny42NDggODUuMzMzMzMzIDUxMiAyNzYuMzUyIDg1LjMzMzMzMyA1MTIgODUuMzMzMzMzeiBtLTc0Ljk2NTMzMyA1NTAuNEwzNDYuNDUzMzMzIDU0NS4xNTJhNDIuNjY2NjY3IDQyLjY2NjY2NyAwIDEgMC02MC4zMzA2NjYgNjAuMzMwNjY3bDEyMC43MDQgMTIwLjcwNGE0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMCAwIDYwLjMzMDY2NiAwbDMwMS42NTMzMzQtMzAxLjY5NmE0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMSAwLTYwLjI4OC02MC4zMzA2NjdsLTI3MS41MzA2NjcgMjcxLjQ4OHoiIGZpbGw9IiNmZmZmZmYiIHAtaWQ9IjM3MjkiPjwvcGF0aD48L3N2Zz4=");

  604.     background-repeat: no-repeat;

  605.     background-size: 26px;

  606.     content: "";

  607.     position: absolute;

  608.     width: 26px;

  609.     height: 26px;

  610.     top: 18px;

  611.     left: 8px;

  612. } 

  613. .tip-info {

  614.     position: relative;

  615.     color: #fff;

  616.     border-radius: 10px;

  617.     background: #20a0ff;

  618.     background: -webkit-gradient(linear,left top,right top,from(#20a0ff),to(#20b8ff));

  619.     background: -webkit-linear-gradient(left,#20a0ff,#20b8ff);

  620.     background: linear-gradient(90deg,#20a0ff,#20b8ff);

  621.     -webkit-box-shadow: 0 3px 5px rgb(32 160 255 / 50%);

  622.     text-shadow: 0 -1px #20a0ff;

  623.     box-shadow: 0 3px 5px rgb(32 160 255 / 50%);

  624.     margin-bottom: 20px;

  625.     padding: 20px 20px 20px 40px;

  626. }

  627. .tip-info strong{

  628.     color: #fff;

  629. }

  630. .tip-info::before {

  631.     background-image: url("data:image/svg+xml;base64,PHN2ZyB0PSIxNjMxNzgwNTY0NTgzIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjU4NTEiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PHBhdGggZD0iTTUxMiA2NEMyNjQuNiA2NCA2NCAyNjQuNiA2NCA1MTJzMjAwLjYgNDQ4IDQ0OCA0NDggNDQ4LTIwMC42IDQ0OC00NDhTNzU5LjQgNjQgNTEyIDY0eiBtODQgMzQzLjFsLTg3IDMwMS40Yy00LjggMTcuMi03LjIgMjguNi03LjIgMzMuOSAwIDMuMSAxLjMgNiAzLjggOC43czUuMiA0IDguMSA0YzQuOCAwIDkuNi0yLjEgMTQuNC02LjQgMTIuNy0xMC41IDI4LTI5LjQgNDUuOC01Ni44bDE0LjQgOC41Yy00Mi43IDc0LjQtODggMTExLjYtMTM2LjEgMTExLjYtMTguNCAwLTMzLTUuMi00My45LTE1LjUtMTAuOS0xMC4zLTE2LjMtMjMuNC0xNi4zLTM5LjIgMC0xMC41IDIuNC0yMy43IDcuMi0zOS45bDU4LjktMjAyLjdjNS43LTE5LjUgOC41LTM0LjIgOC41LTQ0LjEgMC02LjItMi43LTExLjctOC4xLTE2LjUtNS40LTQuOC0xMi43LTcuMi0yMi03LjItNC4yIDAtOS4zIDAuMS0xNS4zIDAuNGw1LjUtMTdMNTcwLjQgNDA3SDU5NnYwLjF6IG0xNy44LTg4LjdjLTEyLjIgMTIuMi0yNi45IDE4LjItNDQuMSAxOC4yLTE3IDAtMzEuNS02LjEtNDMuNy0xOC4yLTEyLjItMTIuMi0xOC4yLTI2LjktMTguMi00NC4xczYtMzEuOSAxOC00NC4xYzEyLTEyLjEgMjYuNi0xOC4yIDQzLjktMTguMiAxNy41IDAgMzIuMyA2LjEgNDQuMyAxOC4yIDEyIDEyLjIgMTggMjYuOSAxOCA0NC4xcy02LjEgMzEuOS0xOC4yIDQ0LjF6IiBwLWlkPSI1ODUyIiBmaWxsPSIjZmZmZmZmIj48L3BhdGg+PC9zdmc+");

  632.     background-repeat: no-repeat;

  633.     background-size: 25px;

  634.     content: "";

  635.     position: absolute;

  636.     width: 26px;

  637.     height: 26px;

  638.     top: 20px;

  639.     left: 8px;

  640. } 

  641. .tip-error {

  642.     position: relative;

  643.     color: #fff;

  644.     background: #ff4040;

  645.     background: -webkit-gradient(linear,left top,right top,from(#ff4040),to(#f85c5c));

  646.     background: -webkit-linear-gradient(left,#ff4040,#f85c5c);

  647.     background: linear-gradient(90deg,#ff4040,#f85c5c);

  648.     border-radius: 10px;

  649.     -webkit-box-shadow: 0 3px 5px rgb(245 2 2 / 50%);

  650.     box-shadow: 0 3px 5px rgb(245 2 2 / 50%);

  651.     text-shadow: 0 -1px #ff4040;

  652.     margin-bottom: 20px;

  653.     padding: 20px 20px 20px 40px;

  654. }

  655. .tip-error strong{

  656.     color: #fff;

  657. }

  658. .tip-error::before {

  659.     background-image: url("data:image/svg+xml;base64,PHN2ZyB0PSIxNjMxNzgxNjAxMDUwIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjIwMTYiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PHBhdGggZD0iTTUxMiAxMDI0YTUxMiA1MTIgMCAxIDEgNTEyLTUxMiA1MTIgNTEyIDAgMCAxLTUxMiA1MTJ6IG0yNTkuMDcyLTY4MC4xOTJhNDIuNzUyIDQyLjc1MiAwIDAgMC02MC42NzItNjAuMTZsLTE4My4yOTYgMTgzLjI5Ni0xODMuMDQtMTgzLjI5NmE0My4wMDggNDMuMDA4IDAgMCAwLTMwLjIwOC0xMi41NDQgNDEuOTg0IDQxLjk4NCAwIDAgMC0zMC4yMDggMTIuNTQ0IDQyLjQ5NiA0Mi40OTYgMCAwIDAgMCA2MC4xNmwxODMuNTUyIDE4My44MDgtMTgzLjI5NiAxODMuNTUyYTQyLjc1MiA0Mi43NTIgMCAwIDAgNjAuNDE2IDYwLjE2TDUyNy4xMDQgNTg4LjhsMTgzLjI5NiAxODMuMjk2YTQyLjc1MiA0Mi43NTIgMCAwIDAgNjAuNjcyLTYwLjE2TDU4OC44IDUyNy42MTZsMTgzLjI5Ni0xODMuODA4eiIgZmlsbD0iI2ZmZmZmZiIgcC1pZD0iMjAxNyI+PC9wYXRoPjwvc3ZnPg==");

  660.     background-repeat: no-repeat;

  661.     background-size: 22px;

  662.     content: "";

  663.     position: absolute;

  664.     width: 24px;

  665.     height: 24px;

  666.     top: 20px;

  667.     left: 8px;

  668. } 

  669. .tip-warning {

  670.     position: relative;

  671.     margin-bottom: 20px;

  672.     padding: 20px 20px 20px 40px;

  673.     color: #fff;

  674.     border-radius: 10px;

  675.     background: #ff953f;

  676.     background: -webkit-gradient(linear,left top,right top,from(#ff953f),to(#ffb449));

  677.     background: -webkit-linear-gradient(left,#ff953f,#ffb449);

  678.     background: linear-gradient(90deg,#ff953f,#ffb449);

  679.     text-shadow: 0 -1px #ff953f;

  680.     -webkit-box-shadow: 0 3px 5px rgb(255 154 73 / 50%);

  681.     box-shadow: 0 3px 5px rgb(255 154 73 / 50%);

  682. }

  683. 

  684. .tip-warning strong{

  685.     color: #fff;

  686. }

  687. .tip-warning::before {

  688.     background-image: url("data:image/svg+xml;base64,PHN2ZyB0PSIxNjMxNzgxMDcxMzgyIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE1NDIiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PHBhdGggZD0iTTAgMGgxMDI0djEwMjRIMHoiIGZpbGw9IiNmZmZmZmYiIGZpbGwtb3BhY2l0eT0iMCIgcC1pZD0iMTU0MyI+PC9wYXRoPjxwYXRoIGQ9Ik01MTAuMDQ1IDBDMjI4LjM1MiAwIDAgMjI4LjM1MiAwIDUxMC4wNDVjMCAyODEuNjcgMjI4LjM1MiA1MDkuOTk5IDUxMC4wNDUgNTA5Ljk5OSAyODEuNjcgMCA1MTAuMDIyLTIyOC4zNTIgNTEwLjAyMi01MTAuMDIyQzEwMjAuMDY3IDIyOC4zNTIgNzkxLjczOCAwIDUxMC4wNDUgMHogbTAgNzkyLjk3MmE1Ni41NzYgNTYuNTc2IDAgMSAxIDAtMTEzLjE3NiA1Ni41NzYgNTYuNTc2IDAgMCAxIDAgMTEzLjE3NnogbTI4LjI3Ni0yMjkuNGMwIDMxLjM0OS0xMi45ODYgNTYuNTc2LTI4LjI3NiA1Ni41NzZzLTI4LjMtMjUuMjI3LTI4LjMtNTYuNTc2bC0yOC4zLTI1MS41NzhhNTYuNTc2IDU2LjU3NiAwIDAgMSAxMTMuMTc2IDBsLTI4LjMgMjUxLjU3OHoiIGZpbGw9IiNmZmZmZmYiIHAtaWQ9IjE1NDQiPjwvcGF0aD48L3N2Zz4=");

  689.     background-repeat: no-repeat;

  690.     background-size: 22px;

  691.     content: "";

  692.     position: absolute;

  693.     width: 24px;

  694.     height: 24px;

  695.     top: 20px;

  696.     left: 8px;

  697. } 

  698. 

  699. /*外链样式*/

  700. .external-link {

  701.     display: inline;

  702.     background-image: url(data:image/svg+xml;base64,PHN2ZyB0PSIxNjMxMjAzNjg5NTAzIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjQxNDMyIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPjxwYXRoIGQ9Ik01MTIgMjEzLjMzMzMzM2E0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMCAxIDAgODUuMzMzMzM0SDIxMy4zMzMzMzNsLTUuODAyNjY2IDAuNDI2NjY2YTQyLjUzODY2NyA0Mi41Mzg2NjcgMCAwIDAtMzYuNDggMzYuNDM3MzM0TDE3MC42NjY2NjcgMzQxLjMzMzMzM3Y0NjkuMzMzMzM0bDAuNDI2NjY2IDUuODAyNjY2YTQyLjUzODY2NyA0Mi41Mzg2NjcgMCAwIDAgMzYuNDM3MzM0IDM2LjQ4TDIxMy4zMzMzMzMgODUzLjMzMzMzM2g0NjkuMzMzMzM0bDUuODAyNjY2LTAuNDI2NjY2YTQyLjUzODY2NyA0Mi41Mzg2NjcgMCAwIDAgMzYuNDgtMzYuNDM3MzM0TDcyNS4zMzMzMzMgODEwLjY2NjY2N3YtMjk4LjY2NjY2N2E0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMCAxIDg1LjMzMzMzNCAwdjI5OC42NjY2NjdhMTI4IDEyOCAwIDAgMS0xMjggMTI4SDIxMy4zMzMzMzNhMTI4IDEyOCAwIDAgMS0xMjgtMTI4VjM0MS4zMzMzMzNhMTI4IDEyOCAwIDAgMSAxMjgtMTI4aDI5OC42NjY2Njd6IG0zODQtMTI4aDAuODUzMzMzYzAuODk2IDAgMS44MzQ2NjcgMC4wODUzMzMgMi43MzA2NjcgMC4xNzA2NjdMODk2IDg1LjMzMzMzM2E0My4wMDggNDMuMDA4IDAgMCAxIDcuNTA5MzMzIDAuNjgyNjY3bDAuOTgxMzM0IDAuMTcwNjY3YTQyLjM2OCA0Mi4zNjggMCAwIDEgMTcuNjY0IDguMTA2NjY2bDAuMDg1MzMzIDAuMDQyNjY3IDAuNDI2NjY3IDAuMzg0YzIuNTYgMi4wNDggNC45MDY2NjcgNC4zOTQ2NjcgNi45MTIgNi45NTQ2NjdsLTMuNDEzMzM0LTMuODRhNDMuMDA4IDQzLjAwOCAwIDAgMSAxMi40NTg2NjcgMjguOHYtMC4wNDI2NjdMOTM4LjY2NjY2NyAxMjh2MjU2YTQyLjY2NjY2NyA0Mi42NjY2NjcgMCAwIDEtODUuMzMzMzM0IDBWMjMwLjk5NzMzM2wtMzc5LjczMzMzMyAzNzkuNzMzMzM0YTQyLjY2NjY2NyA0Mi42NjY2NjcgMCAwIDEtNjAuMzMwNjY3LTYwLjM3MzMzNEw3OTIuOTE3MzMzIDE3MC42NjY2NjdINjQwYTQyLjY2NjY2NyA0Mi42NjY2NjcgMCAwIDEgMC04NS4zMzMzMzRoMjU2eiIgZmlsbD0iIzAwN2JmZiIgcC1pZD0iNDE0MzMiPjwvcGF0aD48L3N2Zz4=);

  703.     background-size: 1em;

  704.     background-repeat: no-repeat;

  705.     background-position: right top;

  706.     padding-right: 1.3em;

  707.     text-indent: 0px;

  708.     border-bottom: 1px solid #007bff;

  709.     padding-bottom: 1px;

  710. }

  711. .tips {

  712. border-radius: 0 2px 2px 0;

  713.     border-left: 4px solid #f66;

  714.     margin: 1em 10px 1em 3px;

  715.     padding: 12px 24px 12px 30px;

  716.     position: relative;

  717.     line-height: 1.7rem;

  718.     word-spacing: .05rem;

  719.     background-color: #f8f8f8;

  720.     overflow: revert;

  721.     font-size: 15px;

  722. }

  723. .tips::before {

  724. background-color: #f66;

  725.     border-radius: 100%;

  726.     color: #fff;

  727.     content: "i";

  728.     font-family: "Font Awesome 5 Free",Dosis,Source Sans Pro,Helvetica Neue,Arial,sans-serif;

  729.     font-size: 15px;

  730.     /* font-weight: 700; */

  731.     left: -12px;

  732.     line-height: 20px;

  733.     position: absolute;

  734.     height: 20px;

  735.     width: 20px;

  736.     text-align: center;

  737.     top: 20px;

  738. }

  739. .bid__head-img {

  740.     display: block;

  741.     width: 180px;

  742.     margin-right: 15px;

  743. }

  744.   #toc-list {

  745.     max-width: 220px;

  746.     min-width: 180px;

  747. }

  748. /*目录*/

  749. .index-menu {

  750.     font-size: 14px;

  751.     list-style: none outside none;

  752.     padding-right: 20px;

  753. }

  754. .index-menu-list {

  755.     margin-left:15px;

  756.     padding-left: 0;

  757. }

  758. .index-menu-item {

  759.     padding:3px 0;

  760. }

  761. .index-menu-link:hover {

  762.     background:0 0;

  763.     color:#fa7268;

  764.     text-decoration:underline;

  765. }

  766. .index-menu-link {

  767.     color: #4e4e4e;

  768.     text-decoration: none;

  769.     display: inline;

  770.     padding: 5px 0;

  771.     line-height: 26px;

  772. }

  773. .menu-target-fix {display:block; position:relative; top:-75px; /*偏移量}    锚点跳转定位*/

  774.   /*标签云*/

  775. #tag-clould-color {

  776.     padding: 3px 5px 3px 5px;

  777.     border-radius: 4px;

  778.     color: #FFFFFF;

  779.     margin: 3px 3px 3px 0;

  780.     display: inline-block;

  781. }

  782.   #tag-clould-color a{

  783.     color: #FFFFFF;

  784. }

  785. /*文章页标签*/

  786. .post__tags a {

  787.     display: -webkit-flex;

  788.     display: -ms-flexbox;

  789.     display: flex;

  790.     -webkit-box-orient: horizontal;

  791.     -webkit-box-direction: normal;

  792.     -webkit-flex-direction: row;

  793.     -moz-box-direction: row;

  794.     -ms-flex-direction: row;

  795.     flex-direction: row;

  796.     -webkit-justify-content: center;

  797.     -ms-flex-pack: center;

  798.     justify-content: center;

  799.     -webkit-align-items: center;

  800.     -ms-flex-align: center;

  801.     align-items: center;

  802.     height: 26px;

  803.     -webkit-border-radius: 4px;

  804.     border-radius: 4px;

  805.     border: 1px solid rgba(133,153,171,0.2);

  806.     background-color: #fafafa;

  807.     color: #AAAEB3;

  808.     font-size: 13px;

  809.     margin-right: 15px;

  810.     margin-bottom: 15px;

  811.     background-image: url(data:image/svg+xml;base64,PHN2ZyB0PSIxNjMxMjYyMzQ2Njc1IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijc0NjIiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTE0NS42NjQgNzE3Ljk5NDY2N2ExNzAuNjY2NjY3IDE3MC42NjY2NjcgMCAwIDEgMC0yNDEuMzIyNjY3bDM0MS4zMzMzMzMtMzQxLjMzMzMzM0ExNzAuNjY2NjY3IDE3MC42NjY2NjcgMCAwIDEgNjA3LjcwMTMzMyA4NS4zMzMzMzNIODUzLjMzMzMzM2E4NS4zMzMzMzMgODUuMzMzMzMzIDAgMCAxIDg1LjMzMzMzNCA4NS4zMzMzMzR2MjQ1LjYzMmExNzAuNjY2NjY3IDE3MC42NjY2NjcgMCAwIDEtNTAuMDA1MzM0IDEyMC43MDRsLTM0MS4zMzMzMzMgMzQxLjMzMzMzM2ExNzAuNjY2NjY3IDE3MC42NjY2NjcgMCAwIDEtMjQxLjMyMjY2NyAwbC0xNjAuMzQxMzMzLTE2MC4zNDEzMzN6IG02MC4zMzA2NjctNjAuMzMwNjY3bDE2MC4zNDEzMzMgMTYwLjM0MTMzM2E4NS4zMzMzMzMgODUuMzMzMzMzIDAgMCAwIDEyMC42NjEzMzMgMGwzNDEuMzMzMzM0LTM0MS4zMzMzMzNBODUuMzMzMzMzIDg1LjMzMzMzMyAwIDAgMCA4NTMuMzMzMzMzIDQxNi4yOTg2NjdWMTcwLjY2NjY2N2gtMjQ1LjYzMmE4NS4zMzMzMzMgODUuMzMzMzMzIDAgMCAwLTYwLjM3MzMzMyAyNS4wMDI2NjZsLTM0MS4zMzMzMzMgMzQxLjMzMzMzNGE4NS4zMzMzMzMgODUuMzMzMzMzIDAgMCAwIDAgMTIwLjY2MTMzM3pNNzA0IDM4NGE2NCA2NCAwIDEgMSAwLTEyOCA2NCA2NCAwIDAgMSAwIDEyOHoiIGZpbGw9IiNlMDYyMGQiIHAtaWQ9Ijc0NjMiPjwvcGF0aD48L3N2Zz4=);

  812.     background-position: left center;

  813.     background-repeat: no-repeat;

  814.     padding-left: 20px;

  815.     padding-right: 8px;

  816.     padding-top: 3px;

  817.     padding-bottom: 3px;

  818.     background-size: 16px;

  819. }

  820. .sidebox__content::-webkit-scrollbar { width: 0 !important }

  821. pre code::-webkit-scrollbar { width: 0 !important }

  822. .respond #new_comment_form textarea {

  823.     background: url(https://gcore.jsdelivr.net/gh/drew233/cdn/20200409110727.webp) right bottom no-repeat;

  824. }

 复制代码

为代码添加复制

  1. //html5 给typecho添加 复制代码 功能 

  2. // by 兔子昂

  3. var codeblocks = document.getElementsByTagName("pre")

  4. //循环每个pre代码块，并添加 复制代码

  5. 

  6. for (var i = 0; i < codeblocks.length; i++) {

  7.     //显示 复制代码 按钮

  8.     currentCode = codeblocks[i]

  9.     currentCode.style = "position: relative;"

  10.     var copy = document.createElement("div")

  11.     copy.style = "position: absolute;right: 4px;\

  12.     top: 4px;background-color: white;padding: 2px 8px;\

  13.     margin: 8px;border-radius: 4px;cursor: pointer;\

  14.     box-shadow: 0 2px 4px rgba(0,0,0,0.05), 0 2px 4px rgba(0,0,0,0.05);"

  15.     copy.innerHTML = "复制"

  16.     currentCode.appendChild(copy)

  17.     //让所有 "复制"按钮 全部隐藏

  18.     copy.style.visibility = "hidden"

  19. }

  20. 

  21. 

  22. for (var i = 0; i < codeblocks.length; i++) {

  23. 

  24. 

  25.     !function (i) {

  26.         //鼠标移到代码块，就显示按钮

  27.         codeblocks[i].onmouseover = function () {

  28.             codeblocks[i].childNodes[1].style.visibility = "visible"

  29.         }

  30. 

  31.         //执行 复制代码 功能

  32.         function copyArticle(event) {

  33.             const range = document.createRange();

  34. 

  35.             //范围是 code，不包括刚才创建的div

  36.             range.selectNode(codeblocks[i].childNodes[0]);

  37. 

  38.             const selection = window.getSelection();

  39.             if (selection.rangeCount > 0) selection.removeAllRanges();

  40.             selection.addRange(range);

  41.             document.execCommand('copy');

  42. 

  43.             codeblocks[i].childNodes[1].innerHTML = "复制成功"

  44.             setTimeout(function () {

  45.                 codeblocks[i].childNodes[1].innerHTML = "复制"

  46.             }, 1000);

  47.             //清除选择区

  48.             if (selection.rangeCount > 0) selection.removeAllRanges(); 0

  49.         }

  50.         codeblocks[i].childNodes[1].addEventListener('click', copyArticle, false);

  51. 

  52.     }(i);

  53. 

  54.     !function (i) {

  55.         //鼠标从代码块移开 则不显示复制代码按钮

  56.         codeblocks[i].onmouseout = function () {

  57.             codeblocks[i].childNodes[1].style.visibility = "hidden"

  58.         }

  59.     }(i);

  60. }

 复制代码

将上面代码另存为 codecopy.js 放置到主题目录，然后在页尾添加下面代码

  1. <script src="你的主题目录路径/codecopy.js"></script>

 复制代码

via:利用JavaScript 为Typecho添加 复制代码 功能 仿csdn - 兔子昂

美化插件

https://github.com/racns/AliceStyle

AliceStyle美化插件（十分强大的插件） - 萌卜兔's (racns.com)

 赞  赏

如果觉得我的文章对你有用，请随意打赏

感谢您的支持，我会继续努力的!

扫码支持
扫码打赏，你说多少就多少

打开  或者  扫一扫，即可进行扫码赞赏哦

原创文章，版权属于：涅槃博客 - love2wind
本文最后更新于2021年09月18日12时50分45秒，已超过1371天没有更新，若内容或图片失效，请留言反馈
本文链接：https://niepan.org/archives/2158.html（转载时请注明本文出处及文章链接）
作品采用：《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权
源码 主题 typecho spzac

发表评论

评论已关闭

相关推荐

随机推荐

博主 - <?php $this->author->screenName(); ?>

love2wind

记录生活，分享世界

涅槃导航 精品教程
又一个永久免费二级域名：US.KG，可以接入cloudflare
万物皆可订阅的下一代RSS浏览器：Follow
本站从nie.su迁移至niepan.org
类flemo应用：Memos的搭建部署及美化修改
为博客添加Memos滚动轮播及Memos聚合页

热门文章

利用OCI脚本创建甲骨文ARM免费VPS的方法32,431 阅读

## 前言 前面我们给大家介绍了怎....

我竟然有25个Google Wave邀请，还有需要的童鞋吗？28,638 阅读

话说注册Google Wave已经一段....

免费发放极限邀请码第二季8枚22,621 阅读

[][1] 上次[免费发放极限邀请码][....

哪吒面板搭建过程详解，教你搭建一款便携服务器监控探针21,365 阅读

![Snipaste_2021-02-0....

iframe嵌入BiliBili视频方法B站视频外链20,204 阅读

## iframe嵌入BiliBili视....

最新评论

fish Lv.1

3月17日

你好。
你申请的nom.za域名被批准了吗

LEO Lv.1

3月10日

求个邀请码

swiper Lv.1

1月5日

补一下:
RSS：https://www.wniui.com/feed

本文目录

錯愛涅槃

NIE.SU【白茶清欢无别事，我在等风也等你】

风风雨雨中，恭迎本站第1,453,865位来访的小伙伴。

written by human, not by AI

绿水本无忧，因风皱面

青山原不老，为雪白头