├── img
    ├── cover.jpg
    ├── kongou.png
    ├── icon-search.png
    └── icon-search@2x.png
├── screenshot.png
├── README.md
├── footer.php
├── 404.php
├── page.php
├── post.php
├── archive.php
├── index.php
├── header.php
├── comments.php
├── grid.css
├── functions.php
├── sidebar.php
├── ero.js
├── LICENSE
└── style.css


/img/cover.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Archeb/Ero/HEAD/img/cover.jpg


--------------------------------------------------------------------------------
/img/kongou.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Archeb/Ero/HEAD/img/kongou.png


--------------------------------------------------------------------------------
/screenshot.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Archeb/Ero/HEAD/screenshot.png


--------------------------------------------------------------------------------
/img/icon-search.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Archeb/Ero/HEAD/img/icon-search.png


--------------------------------------------------------------------------------
/img/icon-search@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Archeb/Ero/HEAD/img/icon-search@2x.png


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Ero
 2 | Ero 是一套基于 Typecho 默认皮肤修改的萌系双栏主题
 3 | 
 4 | ### 安装
 5 | 解压到/usr/themes下即可
 6 | 
 7 | ### 功能说明
 8 | 大部分功能请参考 https://github.com/Archeb/LightWhite
 9 | 
10 | ### 预览
11 | https://qwq.moe/
12 | 
13 | ### 更新日志
14 | 
15 | - 1.1.1
16 | 更新了支持使用qq头像进行评论的功能，感谢局长提供的思路
17 | 
18 | ### 许可证
19 | GPL 2.0
20 | 
21 | （其实想用MIT，然后看了下这个主题作为typecho自带主题应当使用和typecho相同许可证）
22 | 


--------------------------------------------------------------------------------
/footer.php:
--------------------------------------------------------------------------------
 1 | <?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
 2 | 
 3 |         </div><!-- end .row -->
 4 |     </div>
 5 | </div><!-- end #body -->
 6 | 
 7 | <footer id="footer" role="contentinfo">
 8 |     <p>&copy; <?php echo date('Y'); ?> <a href="<?php $this->options->siteUrl(); ?>"><?php $this->options->title(); ?></a>.
 9 |     <?php _e('由 <a href="http://www.typecho.org">Typecho</a> 强力驱动'); ?>.</p>
10 |     <p>主题 <a href="https://ero.ink">Ero</a> 由 <a href="https://qwq.moe/">Archeb</a> 基于Typecho默认主题修改而成</p>
11 | </footer><!-- end #footer -->
12 | 
13 | <?php $this->footer(); ?>
14 | </body>
15 | </html>
16 | 


--------------------------------------------------------------------------------
/404.php:
--------------------------------------------------------------------------------
 1 | <?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
 2 | <?php $this->need('header.php'); ?>
 3 | 
 4 |     <div class="col-mb-12 col-tb-8 col-tb-offset-2">
 5 | 
 6 |         <div class="error-page">
 7 |             <h2 class="post-title">404 - <?php _e('页面没找到'); ?></h2>
 8 |             <p><?php _e('你想查看的页面已被转移或删除了, 要不要搜索看看: '); ?></p>
 9 |             <form method="post">
10 |                 <p><input type="text" name="s" class="text" autofocus /></p>
11 |                 <p><button type="submit" class="submit"><?php _e('搜索'); ?></button></p>
12 |             </form>
13 |         </div>
14 | 
15 |     </div><!-- end #content-->
16 | 	<?php $this->need('footer.php'); ?>
17 | 


--------------------------------------------------------------------------------
/page.php:
--------------------------------------------------------------------------------
 1 | <?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
 2 | <?php $this->need('header.php'); ?>
 3 | 
 4 | <div class="col-mb-12 col-9" id="main" role="main">
 5 |     <article class="post" itemscope itemtype="http://schema.org/BlogPosting">
 6 |         
 7 |         <?php if ($this->fields->previewImage && $this->fields->previewImage!==""): ?>
 8 |             <a href="<?php $this->permalink() ?>"><div class="cover">
 9 |                 <div class="cover-image" style="background-image:url(<?php $this->fields->previewImage(); ?>)"></div>
10 |                 <div class="title"><?php $this->title(); ?></div>
11 |             </div></a>
12 |             <?php else: ?>
13 |             <h1 class="post-title" itemprop="name headline"><a itemprop="url" href="<?php $this->permalink() ?>"><?php $this->title() ?></a></h1>
14 |             <?php endif; ?>
15 |         <div class="post-content" itemprop="articleBody">
16 |             <?php $this->content(); ?>
17 |         </div>
18 |     </article>
19 |     <?php $this->need('comments.php'); ?>
20 | </div><!-- end #main-->
21 | 
22 | <?php $this->need('sidebar.php'); ?>
23 | <?php $this->need('footer.php'); ?>
24 | 


--------------------------------------------------------------------------------
/post.php:
--------------------------------------------------------------------------------
 1 | <?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
 2 | <?php $this->need('header.php'); ?>
 3 | 
 4 | <div class="col-mb-12 col-9" id="main" role="main">
 5 |     <article class="post" itemscope itemtype="http://schema.org/BlogPosting">
 6 |         <div class="post-side-info">
 7 |                 <div class="avatar">
 8 |                     <a itemprop="name" href="<?php $this->author->permalink(); ?>" rel="author"><?php $this->author->gravatar(64);?></a>
 9 |                 </div>
10 |                 <div class="panel">
11 |                     <div class="author-name item"><a itemprop="name" href="<?php $this->author->permalink(); ?>" rel="author"><?php $this->author(); ?></a></div>
12 |                     <div class="time item"><?php echo time2Units(time() - $this->created) ?>前</div>
13 |                     <a class="comments item" itemprop="discussionUrl" href="<?php $this->permalink() ?>#comments"><svg style="width:15px;height:15px" viewBox="0 0 24 24">
14 |     <path fill="#000000" d="M12,23A1,1 0 0,1 11,22V19H7A2,2 0 0,1 5,17V7C5,5.89 5.9,5 7,5H21A2,2 0 0,1 23,7V17A2,2 0 0,1 21,19H16.9L13.2,22.71C13,22.9 12.75,23 12.5,23V23H12M13,17V20.08L16.08,17H21V7H7V17H13M3,15H1V3A2,2 0 0,1 3,1H19V3H3V15Z" />
15 | </svg><span>&nbsp;<?php $this->commentsNum(_t('暂无评论'), _t('一条评论'), _t('%d 条评论')); ?></span></a>
16 |                 </div>
17 |             </div>
18 |         <?php if ($this->fields->previewImage && $this->fields->previewImage!==""): ?>
19 |             <a href="<?php $this->permalink() ?>"><div class="cover">
20 |                 <div class="cover-image" style="background-image:url(<?php $this->fields->previewImage(); ?>)"></div>
21 |                 <div class="title"><?php $this->title(); ?></div>
22 |             </div></a>
23 |             <?php else: ?>
24 |             <h1 class="post-title" itemprop="name headline"><a itemprop="url" href="<?php $this->permalink() ?>"><?php $this->title() ?></a></h1>
25 |             <?php endif; ?>
26 |         <ul class="post-meta">
27 |             <li itemprop="author" itemscope itemtype="http://schema.org/Person"><?php _e('作者: '); ?><a itemprop="name" href="<?php $this->author->permalink(); ?>" rel="author"><?php $this->author(); ?></a></li>
28 |             <li><?php _e('时间: '); ?><time datetime="<?php $this->date('c'); ?>" itemprop="datePublished"><?php $this->date(); ?></time></li>
29 |             <li><?php _e('分类: '); ?><?php $this->category(','); ?></li>
30 |         </ul>
31 |         <div class="post-content" itemprop="articleBody">
32 |             <?php $this->content(); ?>
33 |         </div>
34 |         <p itemprop="keywords" class="tags"><?php _e('标签: '); ?><?php $this->tags(', ', true, 'none'); ?></p>
35 |     </article>
36 | 
37 |     <?php $this->need('comments.php'); ?>
38 | 
39 |     <ul class="post-near">
40 |         <li>上一篇: <?php $this->thePrev('%s','没有了'); ?></li>
41 |         <li>下一篇: <?php $this->theNext('%s','没有了'); ?></li>
42 |     </ul>
43 | </div><!-- end #main-->
44 | 
45 | <?php $this->need('sidebar.php'); ?>
46 | <?php $this->need('footer.php'); ?>
47 | 


--------------------------------------------------------------------------------
/archive.php:
--------------------------------------------------------------------------------
 1 | <?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
 2 | <?php $this->need('header.php'); ?>
 3 | 
 4 |     <div class="col-mb-12 col-9" id="main" role="main">
 5 |         <h3 class="archive-title"><?php $this->archiveTitle(array(
 6 |             'category'  =>  _t('分类 %s 下的文章'),
 7 |             'search'    =>  _t('包含关键字 %s 的文章'),
 8 |             'tag'       =>  _t('标签 %s 下的文章'),
 9 |             'author'    =>  _t('%s 发布的文章')
10 |         ), '', ''); ?></h3>
11 |         <?php if ($this->have()): ?>
12 |     	<?php while($this->next()): ?>
13 |             <article class="post" itemscope itemtype="http://schema.org/BlogPosting">
14 |                 <div class="post-side-info">
15 |                 <div class="avatar">
16 |                     <a itemprop="name" href="<?php $this->author->permalink(); ?>" rel="author"><?php $this->author->gravatar(64);?></a>
17 |                 </div>
18 |                 <div class="panel">
19 |                     <div class="author-name item"><a itemprop="name" href="<?php $this->author->permalink(); ?>" rel="author"><?php $this->author(); ?></a></div>
20 |                     <div class="time item"><?php echo time2Units(time() - $this->created) ?>前</div>
21 |                     <a class="comments item" itemprop="discussionUrl" href="<?php $this->permalink() ?>#comments"><svg style="width:15px;height:15px" viewBox="0 0 24 24">
22 |     <path fill="#000000" d="M12,23A1,1 0 0,1 11,22V19H7A2,2 0 0,1 5,17V7C5,5.89 5.9,5 7,5H21A2,2 0 0,1 23,7V17A2,2 0 0,1 21,19H16.9L13.2,22.71C13,22.9 12.75,23 12.5,23V23H12M13,17V20.08L16.08,17H21V7H7V17H13M3,15H1V3A2,2 0 0,1 3,1H19V3H3V15Z" />
23 | </svg><span>&nbsp;<?php $this->commentsNum(_t('暂无评论'), _t('一条评论'), _t('%d 条评论')); ?></span></a>
24 |                 </div>
25 |             </div>
26 |     			<?php if ($this->fields->previewImage && $this->fields->previewImage!==""): ?>
27 |             <a href="<?php $this->permalink() ?>"><div class="cover">
28 |                 <div class="cover-image" style="background-image:url(<?php $this->fields->previewImage(); ?>)"></div>
29 |                 <div class="title"><?php $this->title(); ?></div>
30 |             </div></a>
31 |             <?php else: ?>
32 |             <h2 class="post-title" itemprop="name headline"><a itemprop="url" href="<?php $this->permalink() ?>"><?php $this->title() ?></a></h2>
33 |             <?php endif; ?>
34 |     			<ul class="post-meta">
35 |     				<li itemprop="author" itemscope itemtype="http://schema.org/Person"><?php _e('作者: '); ?><a itemprop="name" href="<?php $this->author->permalink(); ?>" rel="author"><?php $this->author(); ?></a></li>
36 |     				<li><?php _e('时间: '); ?><time datetime="<?php $this->date('c'); ?>" itemprop="datePublished"><?php $this->date(); ?></time></li>
37 |     				<li><?php _e('分类: '); ?><?php $this->category(','); ?></li>
38 |                     <li itemprop="interactionCount"><a href="<?php $this->permalink() ?>#comments"><?php $this->commentsNum('评论', '1 条评论', '%d 条评论'); ?></a></li>
39 |     			</ul>
40 |                 <div class="post-content" itemprop="articleBody">
41 |         			<?php $this->content('- 阅读剩余部分 -'); ?>
42 |                 </div>
43 |     		</article>
44 |     	<?php endwhile; ?>
45 |         <?php else: ?>
46 |             <article class="post">
47 |                 <h2 class="post-title"><?php _e('没有找到内容'); ?></h2>
48 |             </article>
49 |         <?php endif; ?>
50 | 
51 |         <?php $this->pageNav('&laquo; 前一页', '后一页 &raquo;'); ?>
52 |     </div><!-- end #main -->
53 | 
54 | 	<?php $this->need('sidebar.php'); ?>
55 | 	<?php $this->need('footer.php'); ?>
56 | 


--------------------------------------------------------------------------------
/index.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * Ero 是一套基于 Typecho 默认皮肤修改的萌系双栏主题
 4 |  * 
 5 |  * @package Ero
 6 |  * @author Archeb
 7 |  * @version 1.1.1
 8 |  * @link https://qwq.moe
 9 |  */
10 | 
11 | if (!defined('__TYPECHO_ROOT_DIR__')) exit;
12 |  $this->need('header.php');
13 |  ?>
14 | <?php if ($this->options->announcement): ?>
15 | <div class="announcement"><svg style="width:22px;height:22px" viewBox="0 0 24 24">
16 |     <path fill="#fff" d="M10,4A4,4 0 0,1 14,8A4,4 0 0,1 10,12A4,4 0 0,1 6,8A4,4 0 0,1 10,4M10,14C14.42,14 18,15.79 18,18V20H2V18C2,15.79 5.58,14 10,14M20,12V7H22V12H20M20,16V14H22V16H20Z" />
17 | </svg><span>&nbsp;&nbsp;<?php $this->options->announcement() ?></span></div>
18 | <?php endif; ?>
19 | <div class="col-mb-12 col-9" id="main" role="main">
20 | 	<?php while($this->next()): ?>
21 |         <article class="post" itemscope itemtype="http://schema.org/BlogPosting">
22 |             <div class="post-side-info">
23 |                 <div class="avatar">
24 |                     <a itemprop="name" href="<?php $this->author->permalink(); ?>" rel="author"><?php $this->author->gravatar(64);?></a>
25 |                 </div>
26 |                 <div class="panel">
27 |                     <div class="author-name item"><a itemprop="name" href="<?php $this->author->permalink(); ?>" rel="author"><?php $this->author(); ?></a></div>
28 |                     <div class="time item"><?php echo time2Units(time() - $this->created) ?>前</div>
29 |                     <a class="comments item" itemprop="discussionUrl" href="<?php $this->permalink() ?>#comments"><svg style="width:15px;height:15px" viewBox="0 0 24 24">
30 |     <path fill="#000000" d="M12,23A1,1 0 0,1 11,22V19H7A2,2 0 0,1 5,17V7C5,5.89 5.9,5 7,5H21A2,2 0 0,1 23,7V17A2,2 0 0,1 21,19H16.9L13.2,22.71C13,22.9 12.75,23 12.5,23V23H12M13,17V20.08L16.08,17H21V7H7V17H13M3,15H1V3A2,2 0 0,1 3,1H19V3H3V15Z" />
31 | </svg><span>&nbsp;<?php $this->commentsNum(_t('暂无评论'), _t('一条评论'), _t('%d 条评论')); ?></span></a>
32 |                 </div>
33 |             </div>
34 |             <?php if ($this->fields->previewImage && $this->fields->previewImage!==""): ?>
35 |             <a href="<?php $this->permalink() ?>"><div class="cover">
36 |                 <div class="cover-image" style="background-image:url(<?php $this->fields->previewImage(); ?>)"></div>
37 |                 <div class="title"><?php $this->title(); ?></div>
38 |             </div></a>
39 |             <?php else: ?>
40 |             <h2 class="post-title" itemprop="name headline"><a itemprop="url" href="<?php $this->permalink() ?>"><?php $this->title() ?></a></h2>
41 |             <?php endif; ?>
42 | 			
43 | 			<ul class="post-meta">
44 | 				<li itemprop="author" itemscope itemtype="http://schema.org/Person"><?php _e('作者: '); ?><a itemprop="name" href="<?php $this->author->permalink(); ?>" rel="author"><?php $this->author(); ?></a></li>
45 | 				<li><?php _e('时间: '); ?><time datetime="<?php $this->date('c'); ?>" itemprop="datePublished"><?php $this->date(); ?></time></li>
46 | 				<li><?php _e('分类: '); ?><?php $this->category(','); ?></li>
47 | 				<li itemprop="interactionCount"><a itemprop="discussionUrl" href="<?php $this->permalink() ?>#comments"><?php $this->commentsNum('评论', '1 条评论', '%d 条评论'); ?></a></li>
48 | 			</ul>
49 |             <div class="post-content" itemprop="articleBody">
50 |     			<?php $this->content('- 阅读剩余部分 -'); ?>
51 |             </div>
52 |         </article>
53 | 	<?php endwhile; ?>
54 | 
55 |     <?php $this->pageNav('&laquo; 前一页', '后一页 &raquo;'); ?>
56 | </div><!-- end #main-->
57 | 
58 | <?php $this->need('sidebar.php'); ?>
59 | <?php $this->need('footer.php'); ?>
60 | 


--------------------------------------------------------------------------------
/header.php:
--------------------------------------------------------------------------------
 1 | <?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
 2 | <!DOCTYPE HTML>
 3 | <html class="no-js">
 4 | <head>
 5 |     <meta charset="<?php $this->options->charset(); ?>">
 6 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 7 |     <meta name="renderer" content="webkit">
 8 |     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 9 |     <title><?php $this->archiveTitle(array(
10 |             'category'  =>  _t('分类 %s 下的文章'),
11 |             'search'    =>  _t('包含关键字 %s 的文章'),
12 |             'tag'       =>  _t('标签 %s 下的文章'),
13 |             'author'    =>  _t('%s 发布的文章')
14 |         ), '', ' - '); ?><?php $this->options->title(); ?><?php if($this->_currentPage!=1){ echo " 第 " . $this->_currentPage . " 页"; }?></title>
15 | 
16 |     <!-- 使用url函数转换相关路径 -->
17 |     <link href="https://cdn.bootcss.com/normalize/7.0.0/normalize.min.css" rel="stylesheet">
18 |     <link rel="stylesheet" href="<?php $this->options->themeUrl('grid.css'); ?>">
19 |     <link rel="stylesheet" href="<?php $this->options->themeUrl('style.css'); ?>">
20 |     <script src="<?php $this->options->themeUrl('ero.js'); ?>"></script>
21 | 
22 |     <!--[if lt IE 9]>
23 |     <script src="//cdnjscn.b0.upaiyun.com/libs/html5shiv/r29/html5.min.js"></script>
24 |     <script src="//cdnjscn.b0.upaiyun.com/libs/respond.js/1.3.0/respond.min.js"></script>
25 |     <![endif]-->
26 | 
27 | </head>
28 | <body>
29 | <!--[if lt IE 8]>
30 |     <div class="browsehappy" role="dialog"><?php _e('当前网页 <strong>不支持</strong> 你正在使用的浏览器. 为了正常的访问, 请 <a href="http://browsehappy.com/">升级你的浏览器</a>'); ?>.</div>
31 | <![endif]-->
32 | 
33 | <header id="header" class="<?php if(!($this->is('index') && $this->_currentPage==1)){ echo "index-clear "; } ?>clearfix">
34 |     <div class="pr-container">
35 |         <div class="container">
36 |             <div class="row">
37 |                 <div class="site-name col-mb-12 col-9">
38 |                 <?php if ($this->options->logoUrl): ?>
39 |                     <a id="logo" href="<?php $this->options->siteUrl(); ?>">
40 |                         <img src="<?php $this->options->logoUrl() ?>" alt="<?php $this->options->title() ?>" />
41 |                     </a>
42 |                 <?php else: ?>
43 |                     <a id="logo" href="<?php $this->options->siteUrl(); ?>"><?php $this->options->title() ?></a>
44 |             	    <p class="description"><?php $this->options->description() ?></p>
45 |                 <?php endif; ?>
46 |                 </div>
47 |                 
48 |                 <div class="col-mb-12 nav-tools">
49 |                     <nav id="nav-menu" class="clearfix" role="navigation">
50 |                         <a<?php if($this->is('index')): ?> class="current"<?php endif; ?> href="<?php $this->options->siteUrl(); ?>"><?php _e('首页'); ?></a>
51 |                         <?php $this->widget('Widget_Contents_Page_List')->to($pages); ?>
52 |                         <?php while($pages->next()): ?>
53 |                         <a<?php if($this->is('page', $pages->slug)): ?> class="current"<?php endif; ?> href="<?php $pages->permalink(); ?>" title="<?php $pages->title(); ?>"><?php $pages->title(); ?></a>
54 |                         <?php endwhile; ?>
55 |                     </nav>
56 |                     <div class="site-search col-3 kit-hidden-tb">
57 |                         <form id="search" method="post" action="<?php $this->options->siteUrl(); ?>" role="search">
58 |                             <label for="s" class="sr-only"><?php _e('搜索关键字'); ?></label>
59 |                             <input type="text" id="s" name="s" class="text" placeholder="<?php _e('输入关键字搜索'); ?>" />
60 |                             <button type="submit" class="submit"><svg style="width:21px;height:21px" viewBox="0 0 24 24">
61 |     <path fill="#cfcfcf" d="M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z" />
62 | </svg></button>
63 |                         </form>
64 |                     </div>
65 |                 </div>
66 |             </div>
67 |         </div>
68 |     </div>
69 | </header><!-- end #header -->
70 | <div id="body">
71 |     <div class="container">
72 |         <div class="row">
73 | 
74 |     
75 |     
76 | 


--------------------------------------------------------------------------------
/comments.php:
--------------------------------------------------------------------------------
 1 | <?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
 2 | 
 3 | 
 4 | 
 5 | <div id="comments">
 6 |     <div class="comments-head"><svg style="width:20px;height:20px" viewBox="0 0 24 24">
 7 |     <path fill="white" d="M12,23A1,1 0 0,1 11,22V19H7A2,2 0 0,1 5,17V7C5,5.89 5.9,5 7,5H21A2,2 0 0,1 23,7V17A2,2 0 0,1 21,19H16.9L13.2,22.71C13,22.9 12.75,23 12.5,23V23H12M13,17V20.08L16.08,17H21V7H7V17H13M3,15H1V3A2,2 0 0,1 3,1H19V3H3V15Z" />
 8 | </svg>&nbsp;&nbsp;<?php _e('评论'); ?></div>
 9 |     <?php $this->comments()->to($comments); ?>
10 |     <li class="comment-body comment-parent comment-even comment-by-author"><div class="a-comment"><div class="comment-element"><div class="comment-container"><div class="comment-author-avatar"><a target="_blank" href=""><img class="avatar" src="" alt="" width="55" height="55"></a></div><div class="comment-author-info"><div class="comment-meta"><span class="comment-author-name"><a href="" rel="external nofollow"></a></span> <a class="comment-time"></a></div><div class="comment-content"><p></p></div></div></div></div></div></li>
11 |     <?php if ($comments->have()): ?>
12 |     
13 |     <?php $comments->listComments(); ?>
14 | 
15 |     <?php $comments->pageNav('&laquo; 前一页', '后一页 &raquo;'); ?>
16 |     
17 |     <?php endif; ?>
18 |     
19 | </div>
20 | 
21 | <?php if($this->allow('comment')): ?>
22 |             <form method="post" action="<?php $this->commentUrl() ?>" id="comment-form" role="form">
23 |                 <div class="send-comment">
24 |                 <div class="reply-info reply-info-closed">
25 |                     <div class="left">您正在回复给 <a id="reply-name">Poi</a>：</div>
26 |                     <div class="right"><a onclick="TypechoComment.cancelReply()"><svg style="width:18px;height:18px;margin-top:2px" viewBox="0 0 24 24">
27 |     <path fill="#626262" d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z" />
28 | </svg></a></div>
29 |                     <input type="hidden" name="parent" id="comment-parent" value="">
30 |                 </div>
31 |                 <div id="<?php $this->respondId(); ?>" class="respond">
32 |                             <textarea rows=8 name="text" id="textarea" class="textarea" placeholder="快来写下成为女装大佬的宣言吧！" required ><?php $this->remember('text'); ?></textarea>
33 |                 		    <input type="hidden" name="_" value="<?php echo $this->security->getToken($this->permalink) ?>" />
34 |                             <a onclick="sendComment()" class="send" id="submit-comment"><svg style="width:50px;height:20px" viewBox="0 0 24 24">
35 |     <path fill="#666666" d="M2,21L23,12L2,3V10L17,12L2,14V21Z" />
36 | </svg></a>
37 |                 </div>
38 |                 </div>
39 |                 <div class="extra">
40 |                     <?php if($this->user->hasLogin()): ?>
41 |                 		<div class="text-info"><?php _e('登录身份: '); ?><a href="<?php $this->options->profileUrl(); ?>"><?php $this->user->screenName(); ?></a>. <a href="<?php $this->options->logoutUrl(); ?>" title="Logout"><?php _e('退出'); ?> &raquo;</a></div>
42 |                 		<input type="hidden" name="author" value="<?php $this->user->screenName(); ?>"/>
43 |             			<input type="hidden" name="mail" value="<?php $this->user->mail() ?>" />
44 |             			<input type="hidden" name="url" value="<?php $this->options->siteUrl(); ?>" />
45 |                         <?php else: ?>
46 |                         <svg style="width:50px;height:15px;" viewBox="0 0 24 24">
47 |     <path fill="#444444" d="M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z" />
48 | </svg><input type="text" name="author" id="author" class="text" value="<?php $this->remember('author'); ?>" placeholder="<?php _e('称呼'); ?>" required />
49 |                     	<svg onclick="changeCommentAvatarMode()" style="width:50px;height:15px;cursor:pointer;" viewBox="0 0 24 24">
50 |     <path id="avatarMode" fill="#444444" d="M20,8L12,13L4,8V6L12,11L20,6M20,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z" />
51 | </svg></span><input type="email" name="mail" id="mail" class="text" placeholder="←点此使用QQ头像" value="<?php $this->remember('mail'); ?>"<?php if ($this->options->commentsRequireMail): ?> required<?php endif; ?> />
52 |                     	<svg style="width:50px;height:15px" viewBox="0 0 24 24">
53 |     <path fill="#444444" d="M9,19V13H11L13,13H15V19H18V10.91L12,4.91L6,10.91V19H9M12,2.09L21.91,12H20V21H13V15H11V21H4V12H2.09L12,2.09Z" />
54 | </svg></span><input type="url" name="url" id="url" class="text" style="margin-right: 0;" placeholder="<?php _e('网站'); ?>" value="<?php $this->remember('url'); ?>"<?php if ($this->options->commentsRequireURL): ?> required<?php endif; ?> />
55 |                         <?php endif; ?>
56 |                 </div>
57 |             </form>
58 |             <?php else: ?>
59 |             <div class="text-info"><span class="mdi mdi-close"></span>&nbsp;<?php _e('评论已关闭'); ?></div>
60 |             <?php endif; ?>
61 |             


--------------------------------------------------------------------------------
/grid.css:
--------------------------------------------------------------------------------
1 | .container,.row [class*="col-"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.container{margin-left:auto;margin-right:auto;padding-left:10px;padding-right:10px;}.row{margin-right:-10px;margin-left:-10px;}.row [class*="col-"]{float:left;min-height:1px;padding-right:10px;padding-left:10px;}.row [class*="-push-"],.row [class*="-pull-"]{position:relative;}.col-mb-1{width:8.33333%;}.col-mb-2{width:16.66667%;}.col-mb-3{width:25%;}.col-mb-4{width:33.33333%;}.col-mb-5{width:41.66667%;}.col-mb-6{width:50%;}.col-mb-7{width:58.33333%;}.col-mb-8{width:66.66667%;}.col-mb-9{width:75%;}.col-mb-10{width:83.33333%;}.col-mb-11{width:91.66667%;}.col-mb-12{width:100%;}@media(min-width:768px){.container{max-width:728px;}.col-tb-1{width:8.33333%;}.col-tb-2{width:16.66667%;}.col-tb-3{width:25%;}.col-tb-4{width:33.33333%;}.col-tb-5{width:41.66667%;}.col-tb-6{width:50%;}.col-tb-7{width:58.33333%;}.col-tb-8{width:66.66667%;}.col-tb-9{width:75%;}.col-tb-10{width:83.33333%;}.col-tb-11{width:91.66667%;}.col-tb-12{width:100%;}.col-tb-offset-0{margin-left:0;}.col-tb-offset-1{margin-left:8.33333%;}.col-tb-offset-2{margin-left:16.66667%;}.col-tb-offset-3{margin-left:25%;}.col-tb-offset-4{margin-left:33.33333%;}.col-tb-offset-5{margin-left:41.66667%;}.col-tb-offset-6{margin-left:50%;}.col-tb-offset-7{margin-left:58.33333%;}.col-tb-offset-8{margin-left:66.66667%;}.col-tb-offset-9{margin-left:75%;}.col-tb-offset-10{margin-left:83.33333%;}.col-tb-offset-11{margin-left:91.66667%;}.col-tb-offset-12{margin-left:100%;}.col-tb-pull-0{right:0;}.col-tb-pull-1{right:8.33333%;}.col-tb-pull-2{right:16.66667%;}.col-tb-pull-3{right:25%;}.col-tb-pull-4{right:33.33333%;}.col-tb-pull-5{right:41.66667%;}.col-tb-pull-6{right:50%;}.col-tb-pull-7{right:58.33333%;}.col-tb-pull-8{right:66.66667%;}.col-tb-pull-9{right:75%;}.col-tb-pull-10{right:83.33333%;}.col-tb-pull-11{right:91.66667%;}.col-tb-pull-12{right:100%;}.col-tb-push-0{left:0;}.col-tb-push-1{left:8.33333%;}.col-tb-push-2{left:16.66667%;}.col-tb-push-3{left:25%;}.col-tb-push-4{left:33.33333%;}.col-tb-push-5{left:41.66667%;}.col-tb-push-6{left:50%;}.col-tb-push-7{left:58.33333%;}.col-tb-push-8{left:66.66667%;}.col-tb-push-9{left:75%;}.col-tb-push-10{left:83.33333%;}.col-tb-push-11{left:91.66667%;}.col-tb-push-12{left:100%;}}@media(min-width:992px){.container{max-width:952px;}.col-1{width:8.33333%;}.col-2{width:16.66667%;}.col-3{width:25%;}.col-4{width:33.33333%;}.col-5{width:41.66667%;}.col-6{width:50%;}.col-7{width:58.33333%;}.col-8{width:66.66667%;}.col-9{width:75%;}.col-10{width:83.33333%;}.col-11{width:91.66667%;}.col-12{width:100%;}.col-offset-0{margin-left:0;}.col-offset-1{margin-left:8.33333%;}.col-offset-2{margin-left:16.66667%;}.col-offset-3{margin-left:25%;}.col-offset-4{margin-left:33.33333%;}.col-offset-5{margin-left:41.66667%;}.col-offset-6{margin-left:50%;}.col-offset-7{margin-left:58.33333%;}.col-offset-8{margin-left:66.66667%;}.col-offset-9{margin-left:75%;}.col-offset-10{margin-left:83.33333%;}.col-offset-11{margin-left:91.66667%;}.col-offset-12{margin-left:100%;}.col-pull-0{right:0;}.col-pull-1{right:8.33333%;}.col-pull-2{right:16.66667%;}.col-pull-3{right:25%;}.col-pull-4{right:33.33333%;}.col-pull-5{right:41.66667%;}.col-pull-6{right:50%;}.col-pull-7{right:58.33333%;}.col-pull-8{right:66.66667%;}.col-pull-9{right:75%;}.col-pull-10{right:83.33333%;}.col-pull-11{right:91.66667%;}.col-pull-12{right:100%;}.col-push-0{left:0;}.col-push-1{left:8.33333%;}.col-push-2{left:16.66667%;}.col-push-3{left:25%;}.col-push-4{left:33.33333%;}.col-push-5{left:41.66667%;}.col-push-6{left:50%;}.col-push-7{left:58.33333%;}.col-push-8{left:66.66667%;}.col-push-9{left:75%;}.col-push-10{left:83.33333%;}.col-push-11{left:91.66667%;}.col-push-12{left:100%;}}@media(min-width:1200px){.container{max-width:1160px;}.col-wd-1{width:8.33333%;}.col-wd-2{width:16.66667%;}.col-wd-3{width:25%;}.col-wd-4{width:33.33333%;}.col-wd-5{width:41.66667%;}.col-wd-6{width:50%;}.col-wd-7{width:58.33333%;}.col-wd-8{width:66.66667%;}.col-wd-9{width:75%;}.col-wd-10{width:83.33333%;}.col-wd-11{width:91.66667%;}.col-wd-12{width:100%;}.col-wd-offset-0{margin-left:0;}.col-wd-offset-1{margin-left:8.33333%;}.col-wd-offset-2{margin-left:16.66667%;}.col-wd-offset-3{margin-left:25%;}.col-wd-offset-4{margin-left:33.33333%;}.col-wd-offset-5{margin-left:41.66667%;}.col-wd-offset-6{margin-left:50%;}.col-wd-offset-7{margin-left:58.33333%;}.col-wd-offset-8{margin-left:66.66667%;}.col-wd-offset-9{margin-left:75%;}.col-wd-offset-10{margin-left:83.33333%;}.col-wd-offset-11{margin-left:91.66667%;}.col-wd-offset-12{margin-left:100%;}.col-wd-pull-0{right:0;}.col-wd-pull-1{right:8.33333%;}.col-wd-pull-2{right:16.66667%;}.col-wd-pull-3{right:25%;}.col-wd-pull-4{right:33.33333%;}.col-wd-pull-5{right:41.66667%;}.col-wd-pull-6{right:50%;}.col-wd-pull-7{right:58.33333%;}.col-wd-pull-8{right:66.66667%;}.col-wd-pull-9{right:75%;}.col-wd-pull-10{right:83.33333%;}.col-wd-pull-11{right:91.66667%;}.col-wd-pull-12{right:100%;}.col-wd-push-0{left:0;}.col-wd-push-1{left:8.33333%;}.col-wd-push-2{left:16.66667%;}.col-wd-push-3{left:25%;}.col-wd-push-4{left:33.33333%;}.col-wd-push-5{left:41.66667%;}.col-wd-push-6{left:50%;}.col-wd-push-7{left:58.33333%;}.col-wd-push-8{left:66.66667%;}.col-wd-push-9{left:75%;}.col-wd-push-10{left:83.33333%;}.col-wd-push-11{left:91.66667%;}.col-wd-push-12{left:100%;}}@media(max-width:767px){.kit-hidden-mb{display:none;}}@media(max-width:991px){.kit-hidden-tb{display:none;}}@media(max-width:1199px){.kit-hidden{display:none;}}.clearfix,.row{zoom:1;}.clearfix:before,.row:before,.clearfix:after,.row:after{content:" ";display:table;}.clearfix:after,.row:after{clear:both;}


--------------------------------------------------------------------------------
/functions.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | if (!defined('__TYPECHO_ROOT_DIR__')) exit;
  3 | 
  4 | function themeConfig($form) {
  5 |     $announcement = new Typecho_Widget_Helper_Form_Element_Text('announcement', NULL, NULL, _t('公告'), _t('在这里填入首页显示的公告'));
  6 |     $form->addInput($announcement);
  7 |     $sidebarBlock = new Typecho_Widget_Helper_Form_Element_Checkbox('sidebarBlock', 
  8 |     array('ShowRecentPosts' => _t('显示最新文章'),
  9 |     'ShowRecentComments' => _t('显示最近回复'),
 10 |     'ShowCategory' => _t('显示分类'),
 11 |     'ShowArchive' => _t('显示归档'),
 12 |     'ShowOther' => _t('显示其它杂项'),
 13 |     'ShowApply' => _t('显示应用')),
 14 |     array('ShowRecentPosts', 'ShowRecentComments', 'ShowCategory', 'ShowArchive', 'ShowOther','ShowApply'), _t('侧边栏显示'));
 15 |     
 16 |     $form->addInput($sidebarBlock->multiMode());
 17 | }
 18 | 
 19 | 
 20 | function themeFields($layout) {
 21 |     ?>
 22 |     <style>
 23 |     #custom-field input{
 24 |         width:100%;
 25 |     }
 26 |     </style>
 27 |     <?php
 28 |     $previewImage = new Typecho_Widget_Helper_Form_Element_Text('previewImage', NULL, NULL, "文章封面图", "在此填入一个图片地址以显示文章封面图，留空不显示");
 29 |     $layout->addItem($previewImage);
 30 |     //⑨BIE的魔改
 31 |     $applyicon = new Typecho_Widget_Helper_Form_Element_Text('applyicon', NULL, NULL, "应用图标", "在此填入一个图片地址以在第二栏显示。");
 32 |     $layout->addItem($applyicon);
 33 |     $applyname = new Typecho_Widget_Helper_Form_Element_Text('applyname', NULL, NULL, "应用标题", "在此填入一串文本地址以在第二栏显示显示应用的名称。");
 34 |     $layout->addItem($applyname);
 35 |     //魔改结束
 36 |     if($_SERVER['SCRIPT_NAME']=="/admin/write-page.php"){
 37 |         $icon = new Typecho_Widget_Helper_Form_Element_Text('icon', NULL, NULL, "图标", "在此填入MDI图标类名，将会显示在导航栏中。<a href=\"https://cdn.materialdesignicons.com/2.0.46/\">类名参考</a>");
 38 |     $layout->addItem($icon);
 39 |     }
 40 | }
 41 | 
 42 | 
 43 | function threadedComments($comments, $options) {
 44 |     $commentClass = '';
 45 |     if ($comments->authorId) {
 46 |         if ($comments->authorId == $comments->ownerId) {
 47 |             $commentClass .= ' comment-by-author';
 48 |         } else {
 49 |             $commentClass .= ' comment-by-user';
 50 |         }
 51 |     }
 52 |  
 53 |     $commentLevelClass = $comments->levels > 0 ? ' comment-child' : ' comment-parent';
 54 | ?>
 55 |  
 56 | <li id="li-<?php $comments->theId(); ?>" class="comment-body<?php 
 57 | if ($comments->levels > 0) {
 58 |     echo ' comment-child';
 59 |     $comments->levelsAlt(' comment-level-odd', ' comment-level-even');
 60 | } else {
 61 |     echo ' comment-parent';
 62 | }
 63 | $comments->alt(' comment-odd', ' comment-even');
 64 | echo $commentClass;
 65 | ?>">
 66 |     <div class="a-comment">
 67 |         <div class="comment-element" id="<?php $comments->theId(); ?>">
 68 |             <div class="comment-container">
 69 |                 <div class="comment-author-avatar">
 70 |                     <a target="_blank" href="<?php echo $comments->url; ?>"><?php
 71 |                     $mail=$comments->mail;
 72 |                     $mail = explode("@",$mail); 
 73 |                     if($mail[1]=="qq.com"){
 74 |                         echo '<img class="avatar" src="https://q2.qlogo.cn/headimg_dl? bs='.$mail[0].'&dst_uin='.$mail[0].'&spec=100&url_enc=0&referer=bu_interface&term_type=PC" width="55px" height="55px">';
 75 |                     }else{
 76 |                         //直接用原生头像函数获取
 77 |                         $comments->gravatar('55', '');
 78 |                     }
 79 |                     ?></a>
 80 |                 </div>
 81 |                 <div class="comment-author-info">
 82 |                     <div class="comment-meta">
 83 |                         <span class="comment-author-name"><?php echo $comments->author(); ?></span>
 84 |                         <a class="comment-time"><?php echo $comments->date('Y-m-d H:i'); ?></a>
 85 |                     </div>
 86 |                     <div class="comment-content">
 87 |                         <?php $comments->content(); ?>
 88 |                     </div>
 89 |                 </div>
 90 |             </div>
 91 |         </div>
 92 |         <a class="comment-reply" onclick="TypechoComment.reply('<?php $comments->theId(); ?>', <?php echo explode("-",$comments->theId)[1]; ?>);"><svg style="width:50px;height:22px" viewBox="0 0 24 24">
 93 |     <path fill="#666" d="M10,9V5L3,12L10,19V14.9C15,14.9 18.5,16.5 21,20C20,15 17,10 10,9Z" />
 94 | </svg></a> 
 95 |     </div>
 96 | <?php if ($comments->children) { ?>
 97 |     <div class="comment-children">
 98 |         <?php $comments->threadedComments($options); ?>
 99 |     </div>
100 | <?php } ?>
101 | </li>
102 | <?php }
103 | 
104 | function time2Units($time) 
105 | { 
106 |    $year   = floor($time / 60 / 60 / 24 / 365); 
107 |    $time  -= $year * 60 * 60 * 24 * 365; 
108 |    $month  = floor($time / 60 / 60 / 24 / 30); 
109 |    $time  -= $month * 60 * 60 * 24 * 30; 
110 |    $week   = floor($time / 60 / 60 / 24 / 7); 
111 |    $time  -= $week * 60 * 60 * 24 * 7; 
112 |    $day    = floor($time / 60 / 60 / 24); 
113 |    $time  -= $day * 60 * 60 * 24; 
114 |    $hour   = floor($time / 60 / 60); 
115 |    $time  -= $hour * 60 * 60; 
116 |    $minute = floor($time / 60); 
117 |    $time  -= $minute * 60; 
118 |    $second = $time; 
119 |    $elapse = ''; 
120 |    $unitArr = array('年'  =>'year', '个月'=>'month',  '周'=>'week', '天'=>'day', 
121 |                     '小时'=>'hour', '分钟'=>'minute', '秒'=>'second' 
122 |                     ); 
123 |    foreach ( $unitArr as $cn => $u ) 
124 |    { 
125 |        if ( $$u > 0 ) 
126 |        { 
127 |            $elapse = $$u . $cn; 
128 |            break; 
129 |        } 
130 |    } 
131 |    return $elapse; 
132 | }


--------------------------------------------------------------------------------
/sidebar.php:
--------------------------------------------------------------------------------
 1 | <?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
 2 | <div class="col-mb-12 col-3 kit-hidden-tb" id="secondary" role="complementary">
 3 |     <?php if (!empty($this->options->sidebarBlock) && in_array('ShowRecentPosts', $this->options->sidebarBlock)): ?>
 4 |     <section class="widget">
 5 | 		<h3 class="widget-title"><svg style="width:16px;height:16px" viewBox="0 0 24 24">
 6 |     <path fill="white" d="M20,4C21.11,4 22,4.89 22,6V18C22,19.11 21.11,20 20,20H4C2.89,20 2,19.11 2,18V6C2,4.89 2.89,4 4,4H20M8.5,15V9H7.25V12.5L4.75,9H3.5V15H4.75V11.5L7.3,15H8.5M13.5,10.26V9H9.5V15H13.5V13.75H11V12.64H13.5V11.38H11V10.26H13.5M20.5,14V9H19.25V13.5H18.13V10H16.88V13.5H15.75V9H14.5V14A1,1 0 0,0 15.5,15H19.5A1,1 0 0,0 20.5,14Z" />
 7 | </svg><span><?php _e('最新资源'); ?></span></h3>
 8 |         <ul class="widget-list">
 9 |             <?php $this->widget('Widget_Archive@myCustomCategory', 'type=category', 'mid=1')
10 |             ->parse('<li><a href="{permalink}">{title}</a></li>'); ?>
11 |         </ul>
12 |     </section>
13 |     <?php endif; ?>
14 |     
15 |     <?php if (!empty($this->options->sidebarBlock) && in_array('ShowCategory', $this->options->sidebarBlock)): ?>
16 |     <section class="widget">
17 | 		<h3 class="widget-title"><svg style="width:16px;height:16px" viewBox="0 0 24 24">
18 |     <path fill="white" d="M21.41,11.58L12.41,2.58C12.05,2.22 11.55,2 11,2H4A2,2 0 0,0 2,4V11C2,11.55 2.22,12.05 2.59,12.42L11.59,21.42C11.95,21.78 12.45,22 13,22C13.55,22 14.05,21.78 14.41,21.41L21.41,14.41C21.78,14.05 22,13.55 22,13C22,12.45 21.77,11.94 21.41,11.58M5.5,7A1.5,1.5 0 0,1 4,5.5A1.5,1.5 0 0,1 5.5,4A1.5,1.5 0 0,1 7,5.5A1.5,1.5 0 0,1 5.5,7M17.27,15.27L13,19.54L8.73,15.27C8.28,14.81 8,14.19 8,13.5A2.5,2.5 0 0,1 10.5,11C11.19,11 11.82,11.28 12.27,11.74L13,12.46L13.73,11.73C14.18,11.28 14.81,11 15.5,11A2.5,2.5 0 0,1 18,13.5C18,14.19 17.72,14.82 17.27,15.27Z" />
19 | </svg><span><?php _e('分类'); ?></span></h3>
20 |         <?php $this->widget('Widget_Metas_Category_List')->listCategories('wrapClass=widget-list'); ?>
21 | 	</section>
22 |     <?php endif; ?>
23 |     
24 |     <?php if (!empty($this->options->sidebarBlock) && in_array('ShowRecentComments', $this->options->sidebarBlock)): ?>
25 |     <section class="widget">
26 | 		<h3 class="widget-title"><svg style="width:16px;height:16px" viewBox="0 0 24 24">
27 |     <path fill="white" d="M12,23A1,1 0 0,1 11,22V19H7A2,2 0 0,1 5,17V7A2,2 0 0,1 7,5H21A2,2 0 0,1 23,7V17A2,2 0 0,1 21,19H16.9L13.2,22.71C13,22.89 12.76,23 12.5,23H12M13,17V20.08L16.08,17H21V7H7V17H13M3,15H1V3A2,2 0 0,1 3,1H19V3H3V15M9,9H19V11H9V9M9,13H17V15H9V13Z" />
28 | </svg><span><?php _e('最近回复'); ?></span></h3>
29 |         <ul class="widget-list">
30 |         <?php $this->widget('Widget_Comments_Recent')->to($comments); ?>
31 |         <?php while($comments->next()): ?>
32 |             <li><a href="<?php $comments->permalink(); ?>"><?php $comments->author(false); ?></a>: <?php $comments->excerpt(35, '...'); ?></li>
33 |         <?php endwhile; ?>
34 |         </ul>
35 |     </section>
36 |     <?php endif; ?>
37 | 
38 |     <?php if (!empty($this->options->sidebarBlock) && in_array('ShowArchive', $this->options->sidebarBlock)): ?>
39 |     <section class="widget">
40 | 		<h3 class="widget-title"><svg style="width:16px;height:16px" viewBox="0 0 24 24">
41 |     <path fill="white" d="M12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C6.47,22 2,17.5 2,12A10,10 0 0,1 12,2M12.5,7V12.25L17,14.92L16.25,16.15L11,13V7H12.5Z" />
42 | </svg><span><?php _e('归档'); ?></span></h3>
43 |         <ul class="widget-list">
44 |             <?php $this->widget('Widget_Contents_Post_Date', 'type=month&format=F Y')
45 |             ->parse('<li><a href="{permalink}">{date}</a></li>'); ?>
46 |         </ul>
47 | 	</section>
48 |     <?php endif; ?>
49 | 
50 |     <?php if (!empty($this->options->sidebarBlock) && in_array('ShowOther', $this->options->sidebarBlock)): ?>
51 | 	<section class="widget">
52 | 		<h3 class="widget-title"><svg style="width:16px;height:16px" viewBox="0 0 24 24">
53 |     <path fill="white" d="M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" />
54 | </svg><span><?php _e('其它'); ?></span></h3>
55 |         <ul class="widget-list">
56 |             <?php if($this->user->hasLogin()): ?>
57 | 				<li class="last"><a href="<?php $this->options->adminUrl(); ?>"><?php _e('进入后台'); ?> (<?php $this->user->screenName(); ?>)</a></li>
58 |                 <li><a href="<?php $this->options->logoutUrl(); ?>"><?php _e('退出'); ?></a></li>
59 |             <?php else: ?>
60 |                 <li class="last"><a href="<?php $this->options->adminUrl('login.php'); ?>"><?php _e('登录'); ?></a></li>
61 |             <?php endif; ?>
62 |             <li><a href="<?php $this->options->feedUrl(); ?>"><?php _e('文章 RSS'); ?></a></li>
63 |             <li><a href="http://9bie.org">⑨BIE</a></li>
64 |             <li><a href="https://qwq.moe">Archeb</a></li>
65 |         </ul>
66 | 	</section>
67 |     <?php endif; ?>
68 |     <?php if (!empty($this->options->sidebarBlock) && in_array('ShowApply', $this->options->sidebarBlock)): ?>
69 |     <section class="widget">
70 | 		<h3 class="widget-title"><svg style="width:16px;height:16px" viewBox="0 0 24 24">
71 |     <path fill="white" d="M12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C6.47,22 2,17.5 2,12A10,10 0 0,1 12,2M12.5,7V12.25L17,14.92L16.25,16.15L11,13V7H12.5Z" />
72 | </svg><span><?php _e('应用'); ?></span></h3>
73 |         <ul class="widget-list">
74 | <br>
75 |             <?php $this->widget('Widget_Archive@myCustomCategory', 'type=category', 'mid=3')->to($categoryPosts);?>
76 |             <?php  while($categoryPosts->next()):?>
77 |                     <?php if ($categoryPosts->fields->applyicon && $categoryPosts->fields->applyicon!=="" && $categoryPosts->fields->applyname && $categoryPosts->fields->applyicon!=="" ): ?>
78 |                         <li><div class="row appcenterf">
79 |                         <div class="col-3 appcenter">
80 |                             <img src='<?php $categoryPosts->fields->applyicon(); ?>' width="100%" height="100%"/>
81 |                         </div>
82 |                         <div class="col-6 appstylebody appcenter">
83 |                             <?php $categoryPosts->fields->applyname(); ?>
84 |                         </div>
85 |                         <div class="col-3 appcenter"><a href="<?php $categoryPosts->permalink();?>">详情</a></div></div></li><br>
86 |                         <?php else: ?>
87 |                     <?php endif; ?>
88 |             <?php endwhile;?>
89 |         </ul>
90 | 	</section>
91 |     <?php endif; ?>
92 | 
93 | </div><!-- end #sidebar -->
94 | 


--------------------------------------------------------------------------------
/ero.js:
--------------------------------------------------------------------------------
  1 | window.commentMode=0; //0为邮箱Gravatar，1为使用QQ头像
  2 | window.TypechoComment={
  3 |     reply: function(el,id){
  4 |         var replyEl=document.querySelector('.reply-info');
  5 |         replyEl.classList.remove('reply-info-closed');
  6 |         replyEl.querySelector('#reply-name').innerText=document.getElementById(el).querySelector('.comment-author-name').innerText;
  7 |         document.getElementById('comment-parent').value=id;
  8 |         document.documentElement.scrollTo({"behavior": "smooth", "top":replyEl.offsetTop-500});
  9 |     },
 10 | 
 11 |     cancelReply: function(){
 12 |         var replyEl=document.querySelector('.reply-info');
 13 |         replyEl.classList.add('reply-info-closed');
 14 |         document.getElementById('comment-parent').value="";
 15 |     }
 16 | }
 17 | 
 18 | function changeCommentAvatarMode(){
 19 |     if(window.commentMode==0){
 20 |         document.querySelector('#avatarMode').style.d="path('M3.18,13.54C3.76,12.16 4.57,11.14 5.17,10.92C5.16,10.12 5.31,9.62 5.56,9.22C5.56,9.19 5.5,8.86 5.72,8.45C5.87,4.85 8.21,2 12,2C15.79,2 18.13,4.85 18.28,8.45C18.5,8.86 18.44,9.19 18.44,9.22C18.69,9.62 18.84,10.12 18.83,10.92C19.43,11.14 20.24,12.16 20.82,13.55C21.57,15.31 21.69,17 21.09,17.3C20.68,17.5 20.03,17 19.42,16.12C19.18,17.1 18.58,18 17.73,18.71C18.63,19.04 19.21,19.58 19.21,20.19C19.21,21.19 17.63,22 15.69,22C13.93,22 12.5,21.34 12.21,20.5H11.79C11.5,21.34 10.07,22 8.31,22C6.37,22 4.79,21.19 4.79,20.19C4.79,19.58 5.37,19.04 6.27,18.71C5.42,18 4.82,17.1 4.58,16.12C3.97,17 3.32,17.5 2.91,17.3C2.31,17 2.43,15.31 3.18,13.54Z')";
 21 |         document.querySelector('#mail').placeholder="请输入QQ号";
 22 |         window.commentMode=1;
 23 |     }else{
 24 |         document.querySelector('#avatarMode').style.d="path('M20,8L12,13L4,8V6L12,11L20,6M20,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z')";
 25 |         document.querySelector('#mail').placeholder="←点此使用QQ头像";
 26 |         window.commentMode=0;
 27 |         
 28 |     }
 29 | }
 30 | 
 31 | function parseToDOM(str){
 32 |    var div = document.createElement("div");
 33 |    if(typeof str == "string")
 34 |        div.innerHTML = str;
 35 |    return div.childNodes;
 36 | }
 37 | 
 38 | function sendComment(){
 39 |     var form=document.querySelector('#comment-form');
 40 |     var data = new FormData(form);
 41 |     if(window.commentMode==1){
 42 |         data.set("mail",data.get('mail')+"@qq.com");
 43 |     }
 44 |     fetch(form.action,{credentials:'include',method: "POST",body:data}).then(function(data){return data.text()}).then(function(text){
 45 |         if(text.indexOf('Error')!=-1){
 46 |             alert(parseToDOM(text)[7].innerText.trim());
 47 |         }else{
 48 |             var newComment=document.querySelector('#comments>li');
 49 |             if(newComment.querySelector('.comment-children')){newComment.removeChild(newComment.querySelector('.comment-children'))};
 50 |             newComment.querySelector('.comment-author-name').innerText=data.get('author');
 51 |             newComment.querySelector('.avatar').src='https://gravatar.cat.net/avatar/' + data.get('mail').MD5(32) + '?s=55&r=G&d=';
 52 |             newComment.querySelector('.comment-content').innerHTML='<p>' + data.get('text') + '</p>';
 53 |             newComment.querySelector('.comment-time').innerText=new Date().toISOString().replace('T',' ').substr(0,new Date().toISOString().replace('T',' ').lastIndexOf(':'));
 54 |             var comment_list=document.querySelector('.comment-list')
 55 |             if(!comment_list){
 56 |                 comment_list=document.createElement('ol');
 57 |                 comment_list.classList.add('comment-list');
 58 |                 document.querySelector('#comments').appendChild(comment_list);
 59 |             }
 60 |             comment_list.appendChild(newComment);
 61 |             alert('评论成功');
 62 |         }
 63 |     });
 64 | }
 65 | 
 66 | //MD5
 67 | String.prototype.MD5 = function (bit)
 68 | {
 69 |     var sMessage = this;
 70 |     function RotateLeft(lValue, iShiftBits) { return (lValue<<iShiftBits) | (lValue>>>(32-iShiftBits)); } 
 71 |     function AddUnsigned(lX,lY)
 72 |     {
 73 |         var lX4,lY4,lX8,lY8,lResult;
 74 |         lX8 = (lX & 0x80000000);
 75 |         lY8 = (lY & 0x80000000);
 76 |         lX4 = (lX & 0x40000000);
 77 |         lY4 = (lY & 0x40000000);
 78 |         lResult = (lX & 0x3FFFFFFF)+(lY & 0x3FFFFFFF); 
 79 |         if (lX4 & lY4) return (lResult ^ 0x80000000 ^ lX8 ^ lY8); 
 80 |         if (lX4 | lY4)
 81 |         { 
 82 |             if (lResult & 0x40000000) return (lResult ^ 0xC0000000 ^ lX8 ^ lY8); 
 83 |             else return (lResult ^ 0x40000000 ^ lX8 ^ lY8); 
 84 |         } else return (lResult ^ lX8 ^ lY8); 
 85 |     } 
 86 |     function F(x,y,z) { return (x & y) | ((~x) & z); } 
 87 |     function G(x,y,z) { return (x & z) | (y & (~z)); } 
 88 |     function H(x,y,z) { return (x ^ y ^ z); } 
 89 |     function I(x,y,z) { return (y ^ (x | (~z))); } 
 90 |     function FF(a,b,c,d,x,s,ac)
 91 |     { 
 92 |         a = AddUnsigned(a, AddUnsigned(AddUnsigned(F(b, c, d), x), ac)); 
 93 |         return AddUnsigned(RotateLeft(a, s), b); 
 94 |     } 
 95 |     function GG(a,b,c,d,x,s,ac)
 96 |     { 
 97 |         a = AddUnsigned(a, AddUnsigned(AddUnsigned(G(b, c, d), x), ac)); 
 98 |         return AddUnsigned(RotateLeft(a, s), b); 
 99 |     } 
100 |     function HH(a,b,c,d,x,s,ac)
101 |     { 
102 |         a = AddUnsigned(a, AddUnsigned(AddUnsigned(H(b, c, d), x), ac)); 
103 |         return AddUnsigned(RotateLeft(a, s), b); 
104 |     } 
105 |     function II(a,b,c,d,x,s,ac)
106 |     { 
107 |         a = AddUnsigned(a, AddUnsigned(AddUnsigned(I(b, c, d), x), ac)); 
108 |         return AddUnsigned(RotateLeft(a, s), b); 
109 |     } 
110 |     function ConvertToWordArray(sMessage)
111 |     { 
112 |         var lWordCount; 
113 |         var lMessageLength = sMessage.length; 
114 |         var lNumberOfWords_temp1=lMessageLength + 8; 
115 |         var lNumberOfWords_temp2=(lNumberOfWords_temp1-(lNumberOfWords_temp1 % 64))/64; 
116 |         var lNumberOfWords = (lNumberOfWords_temp2+1)*16; 
117 |         var lWordArray=Array(lNumberOfWords-1); 
118 |         var lBytePosition = 0; 
119 |         var lByteCount = 0; 
120 |         while ( lByteCount < lMessageLength )
121 |         { 
122 |             lWordCount = (lByteCount-(lByteCount % 4))/4; 
123 |             lBytePosition = (lByteCount % 4)*8; 
124 |             lWordArray[lWordCount] = (lWordArray[lWordCount] | (sMessage.charCodeAt(lByteCount)<<lBytePosition)); 
125 |             lByteCount++; 
126 |         } 
127 |         lWordCount = (lByteCount-(lByteCount % 4))/4; 
128 |         lBytePosition = (lByteCount % 4)*8; 
129 |         lWordArray[lWordCount] = lWordArray[lWordCount] | (0x80<<lBytePosition); 
130 |         lWordArray[lNumberOfWords-2] = lMessageLength<<3; 
131 |         lWordArray[lNumberOfWords-1] = lMessageLength>>>29; 
132 |         return lWordArray; 
133 |     } 
134 |     function WordToHex(lValue)
135 |     { 
136 |         var WordToHexValue="",WordToHexValue_temp="",lByte,lCount; 
137 |         for (lCount = 0;lCount<=3;lCount++)
138 |         { 
139 |             lByte = (lValue>>>(lCount*8)) & 255; 
140 |             WordToHexValue_temp = "0" + lByte.toString(16); 
141 |             WordToHexValue = WordToHexValue + WordToHexValue_temp.substr(WordToHexValue_temp.length-2,2); 
142 |         } 
143 |         return WordToHexValue; 
144 |     } 
145 |     var x=Array(); 
146 |     var k,AA,BB,CC,DD,a,b,c,d 
147 |     var S11=7, S12=12, S13=17, S14=22; 
148 |     var S21=5, S22=9 , S23=14, S24=20; 
149 |     var S31=4, S32=11, S33=16, S34=23; 
150 |     var S41=6, S42=10, S43=15, S44=21; 
151 |     // Steps 1 and 2. Append padding bits and length and convert to words 
152 |     x = ConvertToWordArray(sMessage); 
153 |     // Step 3. Initialise 
154 |     a = 0x67452301; b = 0xEFCDAB89; c = 0x98BADCFE; d = 0x10325476; 
155 |     // Step 4. Process the message in 16-word blocks 
156 |     for (k=0;k<x.length;k+=16)
157 |     { 
158 |         AA=a; BB=b; CC=c; DD=d; 
159 |         a=FF(a,b,c,d,x[k+0], S11,0xD76AA478); 
160 |         d=FF(d,a,b,c,x[k+1], S12,0xE8C7B756); 
161 |         c=FF(c,d,a,b,x[k+2], S13,0x242070DB); 
162 |         b=FF(b,c,d,a,x[k+3], S14,0xC1BDCEEE); 
163 |         a=FF(a,b,c,d,x[k+4], S11,0xF57C0FAF); 
164 |         d=FF(d,a,b,c,x[k+5], S12,0x4787C62A); 
165 |         c=FF(c,d,a,b,x[k+6], S13,0xA8304613); 
166 |         b=FF(b,c,d,a,x[k+7], S14,0xFD469501); 
167 |         a=FF(a,b,c,d,x[k+8], S11,0x698098D8); 
168 |         d=FF(d,a,b,c,x[k+9], S12,0x8B44F7AF); 
169 |         c=FF(c,d,a,b,x[k+10],S13,0xFFFF5BB1); 
170 |         b=FF(b,c,d,a,x[k+11],S14,0x895CD7BE); 
171 |         a=FF(a,b,c,d,x[k+12],S11,0x6B901122); 
172 |         d=FF(d,a,b,c,x[k+13],S12,0xFD987193); 
173 |         c=FF(c,d,a,b,x[k+14],S13,0xA679438E); 
174 |         b=FF(b,c,d,a,x[k+15],S14,0x49B40821); 
175 |         a=GG(a,b,c,d,x[k+1], S21,0xF61E2562); 
176 |         d=GG(d,a,b,c,x[k+6], S22,0xC040B340); 
177 |         c=GG(c,d,a,b,x[k+11],S23,0x265E5A51); 
178 |         b=GG(b,c,d,a,x[k+0], S24,0xE9B6C7AA); 
179 |         a=GG(a,b,c,d,x[k+5], S21,0xD62F105D); 
180 |         d=GG(d,a,b,c,x[k+10],S22,0x2441453); 
181 |         c=GG(c,d,a,b,x[k+15],S23,0xD8A1E681); 
182 |         b=GG(b,c,d,a,x[k+4], S24,0xE7D3FBC8); 
183 |         a=GG(a,b,c,d,x[k+9], S21,0x21E1CDE6); 
184 |         d=GG(d,a,b,c,x[k+14],S22,0xC33707D6); 
185 |         c=GG(c,d,a,b,x[k+3], S23,0xF4D50D87); 
186 |         b=GG(b,c,d,a,x[k+8], S24,0x455A14ED); 
187 |         a=GG(a,b,c,d,x[k+13],S21,0xA9E3E905); 
188 |         d=GG(d,a,b,c,x[k+2], S22,0xFCEFA3F8); 
189 |         c=GG(c,d,a,b,x[k+7], S23,0x676F02D9); 
190 |         b=GG(b,c,d,a,x[k+12],S24,0x8D2A4C8A); 
191 |         a=HH(a,b,c,d,x[k+5], S31,0xFFFA3942); 
192 |         d=HH(d,a,b,c,x[k+8], S32,0x8771F681); 
193 |         c=HH(c,d,a,b,x[k+11],S33,0x6D9D6122); 
194 |         b=HH(b,c,d,a,x[k+14],S34,0xFDE5380C); 
195 |         a=HH(a,b,c,d,x[k+1], S31,0xA4BEEA44); 
196 |         d=HH(d,a,b,c,x[k+4], S32,0x4BDECFA9); 
197 |         c=HH(c,d,a,b,x[k+7], S33,0xF6BB4B60); 
198 |         b=HH(b,c,d,a,x[k+10],S34,0xBEBFBC70); 
199 |         a=HH(a,b,c,d,x[k+13],S31,0x289B7EC6); 
200 |         d=HH(d,a,b,c,x[k+0], S32,0xEAA127FA); 
201 |         c=HH(c,d,a,b,x[k+3], S33,0xD4EF3085); 
202 |         b=HH(b,c,d,a,x[k+6], S34,0x4881D05); 
203 |         a=HH(a,b,c,d,x[k+9], S31,0xD9D4D039); 
204 |         d=HH(d,a,b,c,x[k+12],S32,0xE6DB99E5); 
205 |         c=HH(c,d,a,b,x[k+15],S33,0x1FA27CF8); 
206 |         b=HH(b,c,d,a,x[k+2], S34,0xC4AC5665); 
207 |         a=II(a,b,c,d,x[k+0], S41,0xF4292244); 
208 |         d=II(d,a,b,c,x[k+7], S42,0x432AFF97); 
209 |         c=II(c,d,a,b,x[k+14],S43,0xAB9423A7); 
210 |         b=II(b,c,d,a,x[k+5], S44,0xFC93A039); 
211 |         a=II(a,b,c,d,x[k+12],S41,0x655B59C3); 
212 |         d=II(d,a,b,c,x[k+3], S42,0x8F0CCC92); 
213 |         c=II(c,d,a,b,x[k+10],S43,0xFFEFF47D); 
214 |         b=II(b,c,d,a,x[k+1], S44,0x85845DD1); 
215 |         a=II(a,b,c,d,x[k+8], S41,0x6FA87E4F); 
216 |         d=II(d,a,b,c,x[k+15],S42,0xFE2CE6E0); 
217 |         c=II(c,d,a,b,x[k+6], S43,0xA3014314); 
218 |         b=II(b,c,d,a,x[k+13],S44,0x4E0811A1); 
219 |         a=II(a,b,c,d,x[k+4], S41,0xF7537E82); 
220 |         d=II(d,a,b,c,x[k+11],S42,0xBD3AF235); 
221 |         c=II(c,d,a,b,x[k+2], S43,0x2AD7D2BB); 
222 |         b=II(b,c,d,a,x[k+9], S44,0xEB86D391); 
223 |         a=AddUnsigned(a,AA); b=AddUnsigned(b,BB); c=AddUnsigned(c,CC); d=AddUnsigned(d,DD); 
224 |     }
225 |     if(bit==32)
226 |     {
227 |         return WordToHex(a)+WordToHex(b)+WordToHex(c)+WordToHex(d);
228 |     }
229 |     else
230 |     {
231 |         return WordToHex(b)+WordToHex(c);
232 |     }
233 | }


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
  1 | The GNU General Public License (GPL)
  2 | Version 2, June 1991
  3 | 
  4 | Copyright (C) 1989, 1991 Free Software Foundation, Inc.
  5 | 
  6 | 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
  7 | 
  8 | Everyone is permitted to copy and distribute verbatim copies
  9 | 
 10 | of this license document, but changing it is not allowed.
 11 | 
 12 | Preamble
 13 | 
 14 | The licenses for most software are designed to take away your
 15 | freedom to share and change it. By contrast, the GNU General Public
 16 | License is intended to guarantee your freedom to share and change free
 17 | software--to make sure the software is free for all its users. This
 18 | General Public License applies to most of the Free Software
 19 | Foundation's software and to any other program whose authors commit to
 20 | using it. (Some other Free Software Foundation software is covered by
 21 | the GNU Library General Public License instead.) You can apply it to
 22 | your programs, too.
 23 | 
 24 | When we speak of free software, we are referring to freedom, not
 25 | price. Our General Public Licenses are designed to make sure that you
 26 | have the freedom to distribute copies of free software (and charge for
 27 | this service if you wish), that you receive source code or can get it
 28 | if you want it, that you can change the software or use pieces of it
 29 | in new free programs; and that you know you can do these things.
 30 | 
 31 | To protect your rights, we need to make restrictions that forbid
 32 | anyone to deny you these rights or to ask you to surrender the rights.
 33 | These restrictions translate to certain responsibilities for you if you
 34 | distribute copies of the software, or if you modify it.
 35 | 
 36 | For example, if you distribute copies of such a program, whether
 37 | gratis or for a fee, you must give the recipients all the rights that
 38 | you have. You must make sure that they, too, receive or can get the
 39 | source code. And you must show them these terms so they know their
 40 | rights.
 41 | 
 42 | We protect your rights with two steps: (1) copyright the software, and
 43 | (2) offer you this license which gives you legal permission to copy,
 44 | distribute and/or modify the software.
 45 | 
 46 | Also, for each author's protection and ours, we want to make certain
 47 | that everyone understands that there is no warranty for this free
 48 | software. If the software is modified by someone else and passed on, we
 49 | want its recipients to know that what they have is not the original, so
 50 | that any problems introduced by others will not reflect on the original
 51 | authors' reputations.
 52 | 
 53 | Finally, any free program is threatened constantly by software
 54 | patents. We wish to avoid the danger that redistributors of a free
 55 | program will individually obtain patent licenses, in effect making the
 56 | program proprietary. To prevent this, we have made it clear that any
 57 | patent must be licensed for everyone's free use or not licensed at all.
 58 | 
 59 | The precise terms and conditions for copying, distribution and
 60 | modification follow.
 61 | 
 62 | TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
 63 | 
 64 | 0. This License applies to any program or other work which contains
 65 | a notice placed by the copyright holder saying it may be distributed
 66 | under the terms of this General Public License. The "Program", below,
 67 | refers to any such program or work, and a "work based on the Program"
 68 | means either the Program or any derivative work under copyright law:
 69 | that is to say, a work containing the Program or a portion of it,
 70 | either verbatim or with modifications and/or translated into another
 71 | language. (Hereinafter, translation is included without limitation in
 72 | the term "modification".) Each licensee is addressed as "you".
 73 | 
 74 | Activities other than copying, distribution and modification are not
 75 | covered by this License; they are outside its scope. The act of
 76 | running the Program is not restricted, and the output from the Program
 77 | is covered only if its contents constitute a work based on the
 78 | Program (independent of having been made by running the Program).
 79 | Whether that is true depends on what the Program does.
 80 | 
 81 | 1. You may copy and distribute verbatim copies of the Program's
 82 | source code as you receive it, in any medium, provided that you
 83 | conspicuously and appropriately publish on each copy an appropriate
 84 | copyright notice and disclaimer of warranty; keep intact all the
 85 | notices that refer to this License and to the absence of any warranty;
 86 | and give any other recipients of the Program a copy of this License
 87 | along with the Program.
 88 | 
 89 | You may charge a fee for the physical act of transferring a copy, and
 90 | you may at your option offer warranty protection in exchange for a fee.
 91 | 
 92 | 2. You may modify your copy or copies of the Program or any portion
 93 | of it, thus forming a work based on the Program, and copy and
 94 | distribute such modifications or work under the terms of Section 1
 95 | above, provided that you also meet all of these conditions:
 96 | 
 97 |     a) You must cause the modified files to carry prominent notices
 98 |     stating that you changed the files and the date of any change.
 99 | 
100 |     b) You must cause any work that you distribute or publish, that in
101 |     whole or in part contains or is derived from the Program or any
102 |     part thereof, to be licensed as a whole at no charge to all third
103 |     parties under the terms of this License.
104 | 
105 |     c) If the modified program normally reads commands interactively
106 |     when run, you must cause it, when started running for such
107 |     interactive use in the most ordinary way, to print or display an
108 |     announcement including an appropriate copyright notice and a
109 |     notice that there is no warranty (or else, saying that you provide
110 |     a warranty) and that users may redistribute the program under
111 |     these conditions, and telling the user how to view a copy of this
112 |     License. (Exception: if the Program itself is interactive but
113 |     does not normally print such an announcement, your work based on
114 |     the Program is not required to print an announcement.)
115 | 
116 | These requirements apply to the modified work as a whole. If
117 | identifiable sections of that work are not derived from the Program,
118 | and can be reasonably considered independent and separate works in
119 | themselves, then this License, and its terms, do not apply to those
120 | sections when you distribute them as separate works. But when you
121 | distribute the same sections as part of a whole which is a work based
122 | on the Program, the distribution of the whole must be on the terms of
123 | this License, whose permissions for other licensees extend to the
124 | entire whole, and thus to each and every part regardless of who wrote it.
125 | 
126 | Thus, it is not the intent of this section to claim rights or contest
127 | your rights to work written entirely by you; rather, the intent is to
128 | exercise the right to control the distribution of derivative or
129 | collective works based on the Program.
130 | 
131 | In addition, mere aggregation of another work not based on the Program
132 | with the Program (or with a work based on the Program) on a volume of
133 | a storage or distribution medium does not bring the other work under
134 | the scope of this License.
135 | 
136 | 3. You may copy and distribute the Program (or a work based on it,
137 | under Section 2) in object code or executable form under the terms of
138 | Sections 1 and 2 above provided that you also do one of the following:
139 | 
140 |     a) Accompany it with the complete corresponding machine-readable
141 |     source code, which must be distributed under the terms of Sections
142 |     1 and 2 above on a medium customarily used for software interchange; or,
143 | 
144 |     b) Accompany it with a written offer, valid for at least three
145 |     years, to give any third party, for a charge no more than your
146 |     cost of physically performing source distribution, a complete
147 |     machine-readable copy of the corresponding source code, to be
148 |     distributed under the terms of Sections 1 and 2 above on a medium
149 |     customarily used for software interchange; or,
150 | 
151 |     c) Accompany it with the information you received as to the offer
152 |     to distribute corresponding source code. (This alternative is
153 |     allowed only for noncommercial distribution and only if you
154 |     received the program in object code or executable form with such
155 |     an offer, in accord with Subsection b above.)
156 | 
157 | The source code for a work means the preferred form of the work for
158 | making modifications to it. For an executable work, complete source
159 | code means all the source code for all modules it contains, plus any
160 | associated interface definition files, plus the scripts used to
161 | control compilation and installation of the executable. However, as a
162 | special exception, the source code distributed need not include
163 | anything that is normally distributed (in either source or binary
164 | form) with the major components (compiler, kernel, and so on) of the
165 | operating system on which the executable runs, unless that component
166 | itself accompanies the executable.
167 | 
168 | If distribution of executable or object code is made by offering
169 | access to copy from a designated place, then offering equivalent
170 | access to copy the source code from the same place counts as
171 | distribution of the source code, even though third parties are not
172 | compelled to copy the source along with the object code.
173 | 
174 | 4. You may not copy, modify, sublicense, or distribute the Program
175 | except as expressly provided under this License. Any attempt
176 | otherwise to copy, modify, sublicense or distribute the Program is
177 | void, and will automatically terminate your rights under this License.
178 | However, parties who have received copies, or rights, from you under
179 | this License will not have their licenses terminated so long as such
180 | parties remain in full compliance.
181 | 
182 | 5. You are not required to accept this License, since you have not
183 | signed it. However, nothing else grants you permission to modify or
184 | distribute the Program or its derivative works. These actions are
185 | prohibited by law if you do not accept this License. Therefore, by
186 | modifying or distributing the Program (or any work based on the
187 | Program), you indicate your acceptance of this License to do so, and
188 | all its terms and conditions for copying, distributing or modifying
189 | the Program or works based on it.
190 | 
191 | 6. Each time you redistribute the Program (or any work based on the
192 | Program), the recipient automatically receives a license from the
193 | original licensor to copy, distribute or modify the Program subject to
194 | these terms and conditions. You may not impose any further
195 | restrictions on the recipients' exercise of the rights granted herein.
196 | You are not responsible for enforcing compliance by third parties to
197 | this License.
198 | 
199 | 7. If, as a consequence of a court judgment or allegation of patent
200 | infringement or for any other reason (not limited to patent issues),
201 | conditions are imposed on you (whether by court order, agreement or
202 | otherwise) that contradict the conditions of this License, they do not
203 | excuse you from the conditions of this License. If you cannot
204 | distribute so as to satisfy simultaneously your obligations under this
205 | License and any other pertinent obligations, then as a consequence you
206 | may not distribute the Program at all. For example, if a patent
207 | license would not permit royalty-free redistribution of the Program by
208 | all those who receive copies directly or indirectly through you, then
209 | the only way you could satisfy both it and this License would be to
210 | refrain entirely from distribution of the Program.
211 | 
212 | If any portion of this section is held invalid or unenforceable under
213 | any particular circumstance, the balance of the section is intended to
214 | apply and the section as a whole is intended to apply in other
215 | circumstances.
216 | 
217 | It is not the purpose of this section to induce you to infringe any
218 | patents or other property right claims or to contest validity of any
219 | such claims; this section has the sole purpose of protecting the
220 | integrity of the free software distribution system, which is
221 | implemented by public license practices. Many people have made
222 | generous contributions to the wide range of software distributed
223 | through that system in reliance on consistent application of that
224 | system; it is up to the author/donor to decide if he or she is willing
225 | to distribute software through any other system and a licensee cannot
226 | impose that choice.
227 | 
228 | This section is intended to make thoroughly clear what is believed to
229 | be a consequence of the rest of this License.
230 | 
231 | 8. If the distribution and/or use of the Program is restricted in
232 | certain countries either by patents or by copyrighted interfaces, the
233 | original copyright holder who places the Program under this License
234 | may add an explicit geographical distribution limitation excluding
235 | those countries, so that distribution is permitted only in or among
236 | countries not thus excluded. In such case, this License incorporates
237 | the limitation as if written in the body of this License.
238 | 
239 | 9. The Free Software Foundation may publish revised and/or new versions
240 | of the General Public License from time to time. Such new versions will
241 | be similar in spirit to the present version, but may differ in detail to
242 | address new problems or concerns.
243 | 
244 | Each version is given a distinguishing version number. If the Program
245 | specifies a version number of this License which applies to it and "any
246 | later version", you have the option of following the terms and conditions
247 | either of that version or of any later version published by the Free
248 | Software Foundation. If the Program does not specify a version number of
249 | this License, you may choose any version ever published by the Free Software
250 | Foundation.
251 | 
252 | 10. If you wish to incorporate parts of the Program into other free
253 | programs whose distribution conditions are different, write to the author
254 | to ask for permission. For software which is copyrighted by the Free
255 | Software Foundation, write to the Free Software Foundation; we sometimes
256 | make exceptions for this. Our decision will be guided by the two goals
257 | of preserving the free status of all derivatives of our free software and
258 | of promoting the sharing and reuse of software generally.
259 | 
260 | NO WARRANTY
261 | 
262 | 11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY
263 | FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW. EXCEPT WHEN
264 | OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES
265 | PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED
266 | OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
267 | MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE. THE ENTIRE RISK AS
268 | TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU. SHOULD THE
269 | PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING,
270 | REPAIR OR CORRECTION.
271 | 
272 | 12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
273 | WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR
274 | REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES,
275 | INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING
276 | OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED
277 | TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY
278 | YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER
279 | PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE
280 | POSSIBILITY OF SUCH DAMAGES.
281 | 
282 | END OF TERMS AND CONDITIONS
283 | 


--------------------------------------------------------------------------------
/style.css:
--------------------------------------------------------------------------------
   1 | body {
   2 | 	background-color: #fafafa;
   3 | 	color: #444;
   4 | 	font-family:"Times New Roman","Microsoft Yahei","WenQuanYi Micro Hei",serif;
   5 | 	font-size: 87.5%;
   6 | 	margin:0;
   7 | }
   8 | 
   9 | a {
  10 | 	color: #3354AA;
  11 | 	text-decoration: none;
  12 | }
  13 | 
  14 | a:hover,a:active {
  15 | 	color: #444;
  16 | }
  17 | 
  18 | pre,code {
  19 | 	background: #F3F3F3;
  20 | 	font-family: Menlo,Monaco,Consolas,"Lucida Console","Courier New",monospace;
  21 | 	font-size: .92857em;
  22 | }
  23 | 
  24 | code {
  25 | 	padding: 2px 4px;
  26 | 	color: #B94A48;
  27 | }
  28 | 
  29 | pre {
  30 | 	padding: 8px;
  31 | 	overflow: auto;
  32 | 	max-height: 400px;
  33 | }
  34 | 
  35 | pre code {
  36 | 	padding: 3px;
  37 | 	color: #444;
  38 | }
  39 | 
  40 | blockquote {
  41 | 	margin: 1em 0;
  42 | 	padding-left: 1.5em;
  43 | 	border-left: 4px solid #eee;
  44 | 	color: #666;
  45 | }
  46 | 
  47 | table {
  48 | 	border: 1px solid #ddd;
  49 | 	width: 100%;
  50 | }
  51 | 
  52 | table th,table td {
  53 | 	padding: 5px 10px;
  54 | 	border: 1px solid #eee;
  55 | }
  56 | 
  57 | table th {
  58 | 	background: #f3f3f3;
  59 | }
  60 | 
  61 | h1,h2,h3,h4,h5,h6 {
  62 | 	font-family: "Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","WenQuanYi Micro Hei","Microsoft Yahei",sans-serif;
  63 | }
  64 | 
  65 | input[type="text"],input[type="email"],input[type="url"],input[type="password"],textarea {
  66 | 	padding: 5px;
  67 | 	border: 1px solid #E9E9E9;
  68 | 	width: 100%;
  69 | 	border-radius: 2px;
  70 | 	-webkit-box-sizing: border-box;
  71 | 	-moz-box-sizing: border-box;
  72 | 	box-sizing: border-box;
  73 | }
  74 | 
  75 | textarea {
  76 | 	resize: vertical;
  77 | }
  78 | 
  79 | .post-meta a,.post-content a,.widget a,.comment-content a {
  80 | 	border-bottom: 1px solid #EEE;
  81 | }
  82 | 
  83 | .post-meta a:hover,.post-content a:hover,.widget a:hover,.comment-content a:hover {
  84 | 	border-bottom-color: transparent;
  85 | }
  86 | 
  87 | .browsehappy {
  88 | 	padding: 8px 0;
  89 | 	background: #FBE3E4;
  90 | 	color: #8A1F11;
  91 | 	text-align: center;
  92 | }
  93 | 
  94 | .browsehappy a {
  95 | 	color: #8A1F11;
  96 | 	text-decoration: underline;
  97 | 	font-weight: bold;
  98 | }
  99 | 
 100 | #header {
 101 |     height: 100vh;
 102 |     display: flex;
 103 |     box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.15);
 104 |     flex-direction: column-reverse;
 105 |     background-image: url(img/cover.jpg);
 106 |     background-position: center;
 107 |     background-size: cover;
 108 |     background-attachment: fixed;
 109 | }
 110 | #header>.pr-container{
 111 |     background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.55));
 112 |     width:100%;
 113 |     padding:50px 0 0 0;
 114 | }
 115 | .index-clear{
 116 |     display:inherit!important;
 117 |     height:inherit!important;
 118 | }
 119 | #logo {
 120 | 	color: white;
 121 | 	text-shadow: 1px 1px 8px #555;
 122 | 	font-size: 2.5em;
 123 | }
 124 | 
 125 | #logo img {
 126 | 	max-height: 64px;
 127 | }
 128 | 
 129 | #header .description {
 130 |     margin: .5em 0 0;
 131 |     color: #efefef;
 132 | }
 133 | 
 134 | #nav-menu {
 135 | 	margin: 15px 0 0;
 136 | 	padding: 0;
 137 | }
 138 | 
 139 | #nav-menu a {
 140 | 	display: block;
 141 | 	transition:border-color 0.3s;
 142 | 	color: #efefef;
 143 | 	text-shadow: 1px 1px 8px #000;
 144 | 	padding: 0 20px;
 145 | 	border-bottom: 2px solid transparent;
 146 | 	height: 32px;
 147 | 	line-height: 32px;
 148 | 	float: left;
 149 | }
 150 | 
 151 | #nav-menu a:hover,#nav-menu .current {
 152 | 	border-color: white;
 153 | 	color:white;
 154 | }
 155 | .nav-tools{
 156 |     display: flex;
 157 |     flex-direction: row;
 158 |     align-items: flex-end;
 159 |     justify-content: space-between;
 160 | }
 161 | #search {
 162 | 	position: relative;
 163 | 	margin-top: 15px;
 164 | }
 165 | 
 166 | #search input {
 167 |     outline: none;
 168 |     border: none;
 169 |     transition: all 0.3s;
 170 |     padding: 7px 5px;
 171 |     font-size:13px;
 172 |     border-bottom: 1px solid transparent;
 173 |     background: transparent;
 174 |     color: white;
 175 | }
 176 | #search input:hover {
 177 |     border-color: white;
 178 | }
 179 | #search input::-moz-placeholder { color: #cfcfcf; } 
 180 | #search input::-webkit-input-placeholder { color:#cfcfcf; }
 181 | #search button {
 182 | 	position: absolute;
 183 | 	right: 4px;
 184 | 	top: 2px;
 185 | 	border: none;
 186 | 	padding: 0;
 187 | 	width: 24px;
 188 | 	height: 24px;
 189 | 	background:transparent;
 190 | 	direction: ltr;
 191 | }
 192 | 
 193 | @media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
 194 | 	#search button {
 195 | 		background-image: url(img/icon-search@2x.png);
 196 | 		-webkit-background-size: 24px 24px;
 197 | 		-moz-background-size: 24px 24px;
 198 | 		-o-background-size: 24px 24px;
 199 | 		background-size: 24px 24px;
 200 | 	}
 201 | }
 202 | #main{
 203 |     padding-top:20px;
 204 | }
 205 | .announcement{
 206 |     padding: 10px 20px;
 207 |     background-color: #ff7272;
 208 |     color: white;
 209 |     box-shadow: 0 0 15px rgba(0,0,0,0.1);
 210 |     font-size: 15px;
 211 |     margin: 20px 10px 0;
 212 |     display:flex;
 213 |     align-items: center;
 214 | }
 215 | article .cover {
 216 |   height: 400px;
 217 |   margin:-10px -25px 25px;
 218 |   overflow: hidden;
 219 | }
 220 | article .cover .cover-image {
 221 |   transition: all 0.25s;
 222 |   border-top-left-radius: 0px;
 223 |   border-top-right-radius: 0px;
 224 |   transform: scale(1.02);
 225 |   background-size: cover;
 226 |   height: 100%;
 227 |   width: 100%;
 228 | }
 229 | article .cover .cover-image:active {
 230 |   transform: scale(1);
 231 | }
 232 | article .cover .title {
 233 |   transform: scale(1);
 234 |   margin-top: -42px;
 235 |   padding: 10px 15px;
 236 |   font-size: 1.4em;
 237 |   font-weight: normal;
 238 |   color: white;
 239 |   white-space: nowrap;
 240 |   background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.55));
 241 |   overflow: hidden;
 242 |   text-overflow: ellipsis;
 243 |   text-shadow: 1px 1px 8px #000;
 244 | }
 245 | .post {
 246 |     padding: 10px 25px;
 247 |     box-shadow:0px 0px 15px rgba(0,0,0,0.06);
 248 |     background-color: white;
 249 |     margin-bottom: 20px;
 250 |     border-bottom: 1px solid #EEE;
 251 | }
 252 | .post:hover .post-side-info{
 253 |     opacity:1;
 254 | }
 255 | 
 256 | .post-title {
 257 |     font-size: 1.4em;
 258 |     margin: -10px -25px 20px;
 259 |     padding: 15px 25px;
 260 |     font-weight:normal;
 261 |     background-color: #ffa8b7;
 262 | }
 263 | .post-title a{
 264 |     color:white;
 265 | }
 266 | .post-side-info {
 267 |     position: absolute;
 268 |     opacity:0;
 269 |     transition:all 0.3s;
 270 |     margin-left: -180px;
 271 |     display: flex;
 272 |     flex-direction: column;
 273 |     align-items: center;
 274 | }
 275 | .post-side-info .panel{
 276 |     background-color:white;
 277 |     z-index: 1;
 278 |     margin-top: -37px;
 279 |     padding: 40px 0 0;
 280 |     text-align: center;
 281 |     box-shadow: 0px 0px 15px rgba(0,0,0,0.06);
 282 |     width: 140px;
 283 |     font-size:13px;
 284 | }
 285 | .post-side-info .panel .author-name{
 286 |     font-size:14px;
 287 | }
 288 | .post-side-info .panel .item{
 289 |     padding:7px 0;
 290 |     border-bottom:1px dashed #ececec;
 291 |         display: flex;
 292 |     justify-content: center;
 293 | }
 294 | .post-side-info .panel .item:last-child{
 295 |     border:none;
 296 | }
 297 | .post-side-info .avatar {
 298 |     z-index: 2;
 299 |     border-radius: 50%;
 300 |     display:flex;
 301 |     border: 5px solid #fafafa;
 302 | }
 303 | .post-side-info .avatar a{
 304 |     height:64px;
 305 | }
 306 | .post-side-info .avatar img {
 307 |     border-radius: 50%;
 308 |     box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
 309 | }
 310 | .post-meta {
 311 | 	margin-top: -0.5em;
 312 | 	padding: 0;
 313 | 	color: #999;
 314 | 	display:none;
 315 | 	font-size: .92857em;
 316 | }
 317 | 
 318 | .post-meta li {
 319 | 	display: inline-block;
 320 | 	margin: 0 8px 0 0;
 321 | 	padding-left: 12px;
 322 | 	border-left: 1px solid #EEE;
 323 | }
 324 | 
 325 | .post-meta li:first-child {
 326 | 	margin-left: 0;
 327 | 	padding-left: 0;
 328 | 	border: none;
 329 | }
 330 | 
 331 | .post-content {
 332 | 	line-height: 1.5;
 333 | }
 334 | 
 335 | .post .tags {
 336 | 	clear: both;
 337 | }
 338 | 
 339 | .post-near {
 340 | 	list-style: none;
 341 | 	margin: 30px 0;
 342 | 	padding: 0;
 343 | 	color: #999;
 344 | }
 345 | 
 346 | .post-near li {
 347 | 	margin: 10px 0;
 348 | }
 349 | 
 350 | .archive-title {
 351 |     padding: 8px 14px 10px;
 352 |     border-left: 2px solid #6495ed;
 353 |     background-color:white;
 354 |     box-shadow:0 0 15px rgba(0,0,0,0.06);
 355 | 	color: #999;
 356 | 	font-size: 1em;
 357 | }
 358 | 
 359 | .more {
 360 | 	text-align: center;
 361 | }
 362 | 
 363 | .more a {
 364 | 	border: none;
 365 | }
 366 | 
 367 | .protected .text {
 368 | 	width: 50%;
 369 | }
 370 | 
 371 | .page-navigator {
 372 | 	list-style: none;
 373 | 	margin: 25px 0;
 374 | 	padding: 0;
 375 | 	text-align: center;
 376 | }
 377 | 
 378 | .page-navigator li {
 379 | 	display: inline-block;
 380 | 	margin: 0 4px;
 381 | }
 382 | 
 383 | .page-navigator a {
 384 | 	display: inline-block;
 385 | 	padding: 0 10px;
 386 | 	height: 30px;
 387 | 	
 388 | 	transition:all 0.2s;
 389 | 	line-height: 30px;
 390 | }
 391 | 
 392 | .page-navigator a:hover {
 393 | 	background: #EEE;
 394 | 	text-decoration: none;
 395 | 	box-shadow: 0px 0px 7px rgba(0,0,0,0.04);
 396 | }
 397 | 
 398 | .page-navigator .current a {
 399 | 	color: #444;
 400 | 	box-shadow: 0px 0px 7px rgba(0,0,0,0.04);
 401 | 	background: #EEE;
 402 | }
 403 | 
 404 | .comment-list,.comment-list ol {
 405 | 	list-style: none;
 406 | 	margin: 0;
 407 | 	padding: 0;
 408 | }
 409 | 
 410 | .comment-list li {
 411 | 	padding: 14px;
 412 | }
 413 | 
 414 | .comment-list li .comment-reply {
 415 | 	text-align: right;
 416 | 	font-size: .92857em;
 417 | }
 418 | 
 419 | .comment-meta a {
 420 | 	color: #999;
 421 | 	font-size: .92857em;
 422 | }
 423 | 
 424 | .comment-author {
 425 | 	display: block;
 426 | 	margin-bottom: 3px;
 427 | 	color: #444;
 428 | }
 429 | 
 430 | .comment-author .avatar {
 431 | 	float: left;
 432 | 	margin-right: 10px;
 433 | }
 434 | 
 435 | .comment-author cite {
 436 | 	font-weight: bold;
 437 | 	font-style: normal;
 438 | }
 439 | 
 440 | .comment-list .respond {
 441 | 	margin-top: 15px;
 442 | 	border-top: 1px solid #EEE;
 443 | }
 444 | 
 445 | .respond .cancel-comment-reply {
 446 | 	float: right;
 447 | 	margin-top: 15px;
 448 | 	font-size: .92857em;
 449 | }
 450 | 
 451 | #comment-form label {
 452 | 	display: block;
 453 | 	margin-bottom: .5em;
 454 | 	font-weight: bold;
 455 | }
 456 | 
 457 | #comment-form .required:after {
 458 | 	content: " *";
 459 | 	color: #C00;
 460 | }
 461 | 
 462 | #secondary {
 463 | 	padding-top: 5px;
 464 | 	word-wrap: break-word;
 465 | }
 466 | 
 467 | .widget {
 468 | 	margin-bottom: 30px;
 469 | }
 470 | .widget-title {
 471 |     
 472 |     display:flex;
 473 |     align-items: center;
 474 |     font-weight: normal;
 475 |     box-shadow: 0px 0px 15px rgba(0,0,0,0.08);
 476 |     background-color: #b3baff;
 477 | }
 478 | .widget-title span{
 479 |     padding: 10px 12px;
 480 |     font-size: 14px;
 481 |     color: white;
 482 | }
 483 | .widget-title svg{
 484 |     box-shadow: inset 0px 0px 15px rgba(0,0,0,0.03);
 485 |     padding: 10px;
 486 |     background-color: #bda8e8;
 487 | }
 488 | .widget-list {
 489 | 	list-style: none;
 490 | 	padding: 0 0 0 7px;
 491 | }
 492 | 
 493 | .widget-list li {
 494 | 	margin: 5px 0;
 495 | 	line-height: 1.6;
 496 | }
 497 | 
 498 | .widget-list li ul {
 499 | 	margin-left: 15px;
 500 | }
 501 | 
 502 | #footer {
 503 | 	padding: 3em 0;
 504 | 	line-height: 1.5;
 505 | 	text-align: center;
 506 | 	color: #999;
 507 | }
 508 | 
 509 | .error-page {
 510 | 	margin-top: 100px;
 511 | 	margin-bottom: 100px;
 512 | }
 513 | 
 514 | .post-content,.comment-content {
 515 | 	line-height: 1.5;
 516 | 	word-wrap: break-word;
 517 | }
 518 | 
 519 | .post-content h2,.comment-content h2 {
 520 | 	font-size: 1.28571em;
 521 | }
 522 | 
 523 | .post-content img,.comment-content img,.post-content video,.comment-content video {
 524 | 	max-width: 100%;
 525 | }
 526 | 
 527 | .post-content a img,.comment-content a img {
 528 | 	background: #FFF;
 529 | 	position: relative;
 530 | 	bottom: -4px;
 531 | }
 532 | 
 533 | .post-content hr,.comment-content hr {
 534 | 	margin: 2em auto;
 535 | 	width: 100px;
 536 | 	border: 1px solid #E9E9E9;
 537 | 	border-width: 2px 0 0 0;
 538 | }
 539 | 
 540 | .aligncenter,div.aligncenter {
 541 | 	display: block;
 542 | 	margin-left: auto;
 543 | 	margin-right: auto;
 544 | }
 545 | 
 546 | .alignleft {
 547 | 	float: left;
 548 | }
 549 | 
 550 | .alignright {
 551 | 	float: right;
 552 | }
 553 | 
 554 | img.alignleft {
 555 | 	margin: 0 15px 0 0;
 556 | }
 557 | 
 558 | img.alignright {
 559 | 	margin: 0 0 0 15px;
 560 | }
 561 | 
 562 | @media(max-width:767px) {
 563 | 	body {
 564 | 		font-size: 81.25%;
 565 | 	}
 566 | 
 567 | 	#nav-menu a {
 568 | 		float: none;
 569 | 		display: inline-block;
 570 | 		margin: 0 -2px;
 571 | 	}
 572 | }
 573 | 
 574 | @media(max-width:768px) {
 575 | 	#header,.post-title,.post-meta {
 576 | 		text-align: center;
 577 | 	}
 578 | 	
 579 | }
 580 | @media(max-width:991px) {
 581 |     .nav-tools{
 582 |         justify-content: center;
 583 |     }
 584 |     #header{
 585 |         background-image:url(https://ero.ink/usr/uploads/2018/03/725573202.png);
 586 |         background-attachment: inherit;
 587 |     }
 588 |     article .cover{
 589 |         height:250px;
 590 |     }
 591 |     article .cover .title{
 592 |         margin-top:-40px;
 593 |     }
 594 |     #comment-form .extra{
 595 |         flex-direction: column;
 596 |     }
 597 |     #comment-form .extra input{
 598 |         margin:5px 0!important;
 599 |     }
 600 |     #comment-form .extra svg{
 601 |         display:none;
 602 |     }
 603 |     #comments .avatar,#comments .comment-reply{
 604 |         transform:scale(0.8);
 605 |     }
 606 |     #comments .comment-element{
 607 |         padding:5px 20px!important;
 608 |     }
 609 | }
 610 | @media(min-width:1200px) {
 611 | 	.container {
 612 | 		max-width: 952px;
 613 | 	}
 614 | }
 615 | @media(max-width:1295px){
 616 |     .post-meta{
 617 |         display:inherit;
 618 |     }
 619 | }
 620 | .hidden {
 621 | 	display: none!important;
 622 | 	visibility: hidden;
 623 | }
 624 | 
 625 | .sr-only {
 626 | 	border: 0;
 627 | 	height: 1px;
 628 | 	margin: -1px;
 629 | 	overflow: hidden;
 630 | 	padding: 0;
 631 | 	position: absolute;
 632 | 	width: 1px;
 633 | }
 634 | 
 635 | .sr-only.focusable:active,.sr-only.focusable:focus {
 636 | 	clip: auto;
 637 | 	height: auto;
 638 | 	margin: 0;
 639 | 	overflow: visible;
 640 | 	position: static;
 641 | 	width: auto;
 642 | }
 643 | 
 644 | .invisible {
 645 | 	visibility: hidden;
 646 | }
 647 | .appstylebody {
 648 | 	font-size:100%;
 649 | 	font-weight:bold;
 650 | 	text-align:center;
 651 | }
 652 | .appcenterf {
 653 | }
 654 | .appcenter {
 655 | 	transform:translate(0,-45%);
 656 | }
 657 | 
 658 | #comments {
 659 |   transition: opacity 0.3s;
 660 |   
 661 | }
 662 | #comments{
 663 |     box-shadow: 0px 0px 15px rgba(0,0,0,0.06);
 664 | }
 665 | #comments *{
 666 |     font-family:"microsoft yahei";!important;
 667 | }
 668 | #comments > li {
 669 |   display: none;
 670 | }
 671 | #comments .comment-author span .avatar {
 672 |   border-radius: 50%;
 673 |   margin-bottom: -10px;
 674 | }
 675 | #comments .comment-container {
 676 |   display: flex;
 677 | }
 678 | #comments .comment-child .comment-author-info{
 679 |     margin-top:0!important;
 680 | }
 681 | #comments .comment-author-info {
 682 |     margin-top:4px;
 683 |   margin-left: 10px;
 684 |   width: 100%;
 685 | }
 686 | #comments .comment-author-name {
 687 |   font-size: 15px;
 688 | }
 689 | #comments .comment-time {
 690 |   font-size: 13px;
 691 |   margin-left: 5px;
 692 |   color: transparent;
 693 |   transition: all 0.25s;
 694 | }
 695 | #comments .comment-reply {
 696 |   background-color: #efefef;
 697 |   margin-right:10px;
 698 |   display: flex;
 699 |   height:50px;
 700 |   width: 50px;
 701 |   border-radius: 50%;
 702 |   flex-direction: column;
 703 |   padding: 0;
 704 |   align-items: center;
 705 |   justify-content: center;
 706 |   opacity:0;
 707 |   color: #5d5c5c;
 708 |   transition: all 0.25s;
 709 | }
 710 | #comments .comment-reply .mdi {
 711 |   color: inherit;
 712 |   transition: all 0.25s;
 713 | }
 714 | #comments .comment-reply:hover {
 715 |   background-color: #e0e0e0;
 716 |   box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1), inset 0px 0px 0px rgba(0, 0, 0, 0.1);
 717 |   color: #000;
 718 | }
 719 | #comments .comment-reply:active {
 720 |   background-color: #cecece;
 721 |   box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1), inset 0px 0px 15px rgba(0, 0, 0, 0.1);
 722 |   color: #000;
 723 | }
 724 | #comments .comment-reply:active .mdi {
 725 |   margin-left: -2px;
 726 |   margin-right: 2px;
 727 | }
 728 | #comments .comment-content {
 729 |   font-size: 13px;
 730 |   margin-top:10px;
 731 |   word-break: break-all;
 732 |   padding-right: 40px;
 733 |   transition: all 0.25s;
 734 | }
 735 | #comments .comment-content p {
 736 |   margin: 5px 0;
 737 | }
 738 | #comments .comment-list {
 739 |   padding: 0;
 740 |   margin: 0;
 741 |   overflow: hidden;
 742 |       
 743 | }
 744 | #comments > .comment-list > li {
 745 |   border-top: solid 1px #f7f7f7;
 746 |   padding: 0;
 747 |   margin: 0;
 748 |   overflow: hidden;
 749 |   background-color: rgba(255, 255, 255, 0.7);
 750 |   list-style: none;
 751 | }
 752 | #comments > .comment-list > li:nth-child(2n) {
 753 |   background-color: #fcfcfc;
 754 | }
 755 | #comments .a-comment {
 756 |   display: flex;
 757 |     align-items: center;
 758 | }
 759 | #comments .a-comment:hover .comment-reply {
 760 |   opacity:1;
 761 |   animation: roll 0.3s;
 762 | }
 763 | #comments .a-comment:hover .comment-time {
 764 |   color: #929292;
 765 | }
 766 | #comments .a-comment:hover .comment-content {
 767 |   padding-right: 0;
 768 | }
 769 | #comments .comment-children li {
 770 |   padding: 0 0 0 0px!important;
 771 | }
 772 | #comments .comment-element {
 773 |   padding: 15px 20px;
 774 |   width: 100%;
 775 | }
 776 | #comments > .comment-list > li > .comment-children > .comment-list > li {
 777 |   list-style: none;
 778 |   padding: 0 0 0 40px!important;
 779 | }
 780 | #comments > .comment-list > li > .comment-children > .comment-list > li > .comment-children > .comment-list > li {
 781 |   list-style: none;
 782 |   padding: 0 0 0 40px!important;
 783 | }
 784 | #comments .comment-info {
 785 |   display: flex;
 786 | }
 787 | #comments .comment-info input {
 788 |   width: 100%;
 789 |   border: none;
 790 |   -webkit-appearance: none;
 791 |   outline: none;
 792 |   font-size: 14px;
 793 |   padding: 5px;
 794 |   background-color: transparent;
 795 |   color: rgba(212, 212, 212, 0.8);
 796 |   transition: background-color 0.5s, border-bottom 0.5s, color 0.5s;
 797 |   border-bottom: solid 1px rgba(212, 212, 212, 0.4);
 798 | }
 799 | #comments .avatar {
 800 |   border-radius: 50%;
 801 |   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
 802 | }
 803 | #comments .comments-head {
 804 |   display: flex;
 805 |   font-size: 1.1em;
 806 |     padding: 12px 25px;
 807 |     font-weight: normal;
 808 |     background-color: #6f6f6f; 
 809 |     color:white;
 810 | }
 811 | #comments .comment-child img.avatar {
 812 |   width: 45px;
 813 |   height: 45px;
 814 | }
 815 | #comments .comment-child .comment-content p {
 816 |   margin: 0;
 817 | }
 818 | #comments .comment-child .comment-author-name {
 819 |   font-size: 14px;
 820 | }
 821 | #comments .comment-child .comment-time {
 822 |   font-size: 12px;
 823 | }
 824 | #comments a {
 825 |   color: #8384ea;
 826 | }
 827 | #comment-form{
 828 |     margin-top:20px;
 829 | }
 830 | #comment-form form {
 831 |   margin-bottom: 0;
 832 | }
 833 | #comment-form .send-comment .reply-info {
 834 |     transition: all 0.25s;
 835 |     height: 34px;
 836 |     padding: 0 20px;
 837 |     justify-content: space-between;
 838 |     background-color: #9cdf7f;
 839 |     color: white;
 840 |     box-shadow: 0 0 15px rgba(0,0,0,0.1);
 841 |     font-size: 13px;
 842 |     display: flex;
 843 |     align-items: center;
 844 | }
 845 | #comment-form .send-comment .reply-info a {
 846 |   color: #575F53;
 847 |   cursor: pointer;
 848 | }
 849 | #comment-form .send-comment .reply-info-closed {
 850 |   height: 0;
 851 |   opacity: 0;
 852 |   padding: 0 45px;
 853 | }
 854 | #comment-form .send-comment .respond {
 855 |   display: flex;
 856 |       align-items: flex-end;
 857 |       flex-direction: column;
 858 |   padding: 0;
 859 |   margin: 0;
 860 | }
 861 | 
 862 | #comment-form:hover .extra {
 863 |     margin-right:80px;
 864 | }
 865 | #comment-form .send-comment textarea {
 866 |   width: 100%;
 867 |   resize: none;
 868 |   max-width: 100%;
 869 |   box-sizing: border-box;
 870 |   border: none;
 871 |   -webkit-appearance: none;
 872 |   padding: 15px 20px;
 873 |   outline: none;
 874 |   box-shadow: 0px 0px 15px rgba(0,0,0,0.04);
 875 |   font-size: 13px;
 876 |   background-color: white;
 877 |   color: #222;
 878 |   background-size:135px;
 879 |   transition: all 0.5s,background-position 0.3s,background-size 0.3s;
 880 |   background-image:url(./img/kongou.png);
 881 |             background-repeat: no-repeat;
 882 |             background-position: right bottom;
 883 | }
 884 | #comment-form:hover .send-comment textarea {
 885 |     background-position: right 70px bottom;
 886 |     background-size: 100px;
 887 | }
 888 | #comment-form .send-comment .send {
 889 |   background-color: #bdeaff;
 890 |   margin-right:10px;
 891 |   cursor:pointer;
 892 |   display: flex;
 893 |   height:50px;
 894 |   width: 50px;
 895 |   border-radius: 50%;
 896 |   flex-direction: column;
 897 |   box-shadow: 0px 0px 15px rgba(0,0,0,0.06);
 898 |       margin: -25px 15px;
 899 |     z-index: 1;
 900 |   padding: 0;
 901 |   align-items: center;
 902 |   animation:roll-out 0.3s;
 903 |   animation-fill-mode: forwards;
 904 |   justify-content: center;
 905 |   opacity:0;
 906 |   color: #5d5c5c;
 907 |   transition: all 0.25s;
 908 | }
 909 | #comment-form:hover .send {
 910 |   animation:roll-in 0.3s;
 911 |   animation-fill-mode: forwards!important;
 912 | }
 913 | #comment-form .send-comment .send .mdi {
 914 |   color: inherit;
 915 |   transition: all 0.25s;
 916 | }
 917 | #comment-form .send-comment .send:hover {
 918 |  background-color: #abe4ff;
 919 |   box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1), inset 0px 0px 0px rgba(0, 0, 0, 0.1);
 920 |   color: #000;
 921 | }
 922 | #comment-form .send-comment .send:active {
 923 |   background-color: #abe4ff;
 924 |   box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1), inset 0px 0px 15px rgba(0, 0, 0, 0.1);
 925 |   color: #000;
 926 | }
 927 | #comment-form .send-comment .send:active .mdi {
 928 |   margin-left: 2px;
 929 |   margin-right: -2px;
 930 | }
 931 | #comment-form .extra {
 932 |   display: flex;
 933 |   transition:all 0.3s;
 934 |   margin-top:10px;
 935 |   padding-bottom:30px;
 936 |   align-items: center;
 937 |   
 938 | }
 939 | #comment-form .extra input {
 940 |     margin:0 10px;
 941 |     box-shadow: 0px 0px 15px rgba(0,0,0,0.04);
 942 |   width: 100%;
 943 |   border: none;
 944 |   -webkit-appearance: none;
 945 |   outline: none;
 946 |   font-size: 12px;
 947 |   color: #222;
 948 |   padding: 6px 8px;
 949 |   background-color: white;
 950 |   transition: all 0.5s;
 951 | }
 952 | #comment-form .extra input:hover,#comment-form .extra input:focus,#comment-form textarea:hover,#comment-form textarea:focus {
 953 |     box-shadow: 0px 0px 15px rgba(0,0,0,0.03), 0px 0px 15px rgba(0,0,0,0.08);
 954 | }
 955 | @keyframes roll-in
 956 | {
 957 | from {opacity:0;transform:scale(0.5);}
 958 | to {opacity:1;transform:scale(1);}
 959 | }
 960 | @keyframes roll-out
 961 | {
 962 | from {opacity:1;transform:scale(1);}
 963 | to {opacity:0;transform:scale(0.5);}
 964 | 
 965 | }
 966 | .friends {
 967 |   display: flex;
 968 |   flex-wrap: wrap;
 969 |   font-family:"microsoft yahei";
 970 | }
 971 | .friends .a-friend {
 972 |   display: flex;
 973 |   margin: 10px 10px 0 0;
 974 |   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
 975 |   padding: 10px 10px 14px;
 976 |   transition: all 0.3s;
 977 | }
 978 | .friends .a-friend:hover {
 979 |   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
 980 | }
 981 | .friends .a-friend:active {
 982 |   transform: scale(0.97);
 983 | }
 984 | .friends .a-friend .blog-avatar {
 985 |   background-color: white;
 986 |   margin-top:-4px;
 987 |   border-radius: 50%;
 988 |   width: 50px;
 989 |   height: 50px;
 990 | }
 991 | .friends .a-friend .text-container {
 992 |   margin-left: 10px;
 993 | }
 994 | .friends .a-friend .text-container .name {
 995 |   font-size: 15px;
 996 | }
 997 | .friends .a-friend .text-container .description {
 998 |     margin-top:5px;
 999 |   font-size: 12.5px;
1000 | }


--------------------------------------------------------------------------------