├── .DS_Store
├── 404.php
├── README.md
├── aplayer.php
├── archive.php
├── category
    ├── gallery.php
    └── timeline.php
├── comments.php
├── copyright.php
├── css
    └── style.css
├── footer.php
├── functions.php
├── header.php
├── images
    └── videobg.jpg
├── index.php
├── js
    ├── pageSwitch.min.js
    ├── practice01.js
    └── theia-sticky-sidebar.min.js
├── layer
    ├── layer.js
    ├── mobile
    │   ├── layer.js
    │   └── need
    │   │   └── layer.css
    └── theme
    │   └── default
    │       ├── icon-ext.png
    │       ├── icon.png
    │       ├── layer.css
    │       ├── loading-0.gif
    │       ├── loading-1.gif
    │       └── loading-2.gif
├── page-links.php
├── page-message-board.php
├── page-status.php
├── page.php
├── post.php
├── post_common.php
├── post_gallery.php
├── post_timeline.php
├── screenshot.png
├── search.php
├── show_avatar.php
├── sidebar.php
├── simplehome.php
├── theme_config.php
├── typeword.php
└── videoplayer.php


/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/crazystear/Practice01/c002e0d76b179c572a85ae58bcc929a02896890d/.DS_Store


--------------------------------------------------------------------------------
/404.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | if (!defined('__TYPECHO_ROOT_DIR__')) exit;
 3 |     $this->need('header.php');
 4 | ?>
 5 | <div class="site-wrap">
 6 |     <div class="flex-left">
 7 |         <div class="left-side">
 8 |             <div class="inside">
 9 |                 <div id="content" class="content">
10 |                     <?php while($this->next()): ?>
11 |                         <?php include("post_common.php"); ?>
12 |                     <?php endwhile; ?>
13 |                 </div>
14 |                 <div id="ajaxloadpost" style="padding: 0 10px;">
15 |                     <?php $this->pageLink('下一页','next'); ?>
16 |                 </div>
17 |                     <div id="showtext"></div>
18 |                 </div>                
19 |             </div>
20 |         </div>
21 |         <?php $this->need('sidebar.php'); ?>
22 |         <?php $this->need('footer.php'); ?>


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | 这是我工作之余每天抽一点点时间来制作的一个瀑布流布局无限加载主题，本人不是专业码农，制作这个主题纯属兴趣爱好，现分享出来，希望你们能够喜欢！
  2 | 
  3 | [record]摘要
  4 | 拖延症拖了这么久时间，终于下决心写一下关于这个主题的说明，然后发布提供给大家使用了，当然，完全免费，你可以在此基础上进行任何个性化修改，希望能保留源码中的版权信息，谢谢！[/record]
  5 | 
  6 | 主题使用中有任何问题都可以在此提问，基本上都可以得到回复：）
  7 | 
  8 | ## 主题在线演示
  9 | 
 10 | https://kisxy.com
 11 | 
 12 | ## 关于Practice01
 13 | 
 14 | 正如之前所说，这款主题是因练习而作的，主题名字Practice01也来源于此，同时也表示这是我写的第一个主题，那么当然在使用中可能会有一些问题存在，欢迎各位提出，我将在后续更新中修复！
 15 | 
 16 | 这是一个自适应瀑布流布局，整合了文章列表无限加载，以及图片懒加载的适用于个人博客或者图片相册站的主题。
 17 | 
 18 | ## 主题功能及特点简要介绍
 19 | 
 20 | 主题特点是瀑布流布局，自适应屏幕宽度以及手机端界面
 21 | 
 22 | 支持图片延时加载（图片懒加载）
 23 | 
 24 | 文章列表无限滚动加载
 25 | 
 26 | 页面左侧内容区和右侧边栏自动根据内容长度滚动时固定
 27 | 
 28 | 页面滚动时菜单导航顶部固定
 29 | 
 30 | 自由设置首页及分类页头部轮播图和链接地址
 31 | 
 32 | 自由设置文章页头部大图及文字内容
 33 | 
 34 | 以打字效果随机显示收藏短句
 35 | 
 36 | 支持设置网站公告及查看以往公告
 37 | 
 38 | 自由设置文章缩略图
 39 | 
 40 | 文章列表页中的文章标题前会根据文章内容显示不同图标
 41 | 
 42 | 可自定义每篇文章的标题颜色
 43 | 
 44 | 主题支持独立相册功能，具有特定的展现形式
 45 | 
 46 | 文章中支持通过短代码插入音乐、视频、相册
 47 | 
 48 | 集成了代码高亮
 49 | 
 50 | 支持友情链接，可分别设置在首页或内页显示的友链，支持链接分类，无需插件
 51 | 
 52 | 主题设置中可填写备案号
 53 | 
 54 | 重写了评论模块，评论回复自动添加回复字样，类似于@
 55 | 
 56 | 添加留言页面模板，集成读者墙
 57 | 
 58 | 侧栏底部添加返回顶部按钮
 59 | 
 60 | 其他小细节我也记不清了...
 61 | 
 62 | ## 主题下载
 63 | 
 64 | 提供两种方式免费获取本主题：
 65 | 
 66 | 1.项目地址：[Practice01 v1.0][2]
 67 | 
 68 | ## 主题使用说明
 69 | 
 70 | 由于本人水平有限，要熟练使用本主题或许需要一定的学习时间成本，毕竟连我自己现在有时候发布特定帖子还要回头看看格式规则，囧！但我已尽量将常用的设置都写在了主题设置外观的选项以及发布文章里的选项当中。
 71 | 
 72 | #### 1.安装启用主题
 73 | 
 74 | 下载并解压主题文件，确保主题文件夹名称为：practice01，将文件夹上传至/usr/themes/目录下，然后登陆typecho后台，在**控制台->外观**中启用本主题。
 75 | 
 76 | #### 2.主题选项
 77 | 
 78 | 在**控制台->外观（网站外观）->设置外观**中可以看到主题的设置选项，主题大部份功能都通过这里进行设置。
 79 | 
 80 | 一些基本的设置只要看描述就能明白，这里就不再赘述。在设置中需要了解的是网站头部全屏轮播的设置方法、以及友情链接的设置方法。
 81 | 
 82 | #### 3.头部轮播图设置
 83 | 
 84 | 首先勾选中显示轮播图前面的框，然后在轮播图列表的输入框中设置轮播的各项参数，**设置轮播需要四个参数，1标题,2链接地址,3图片地址,4轮播分类**，参数之间使用英文标点符号,隔开，一行表示一条记录，支持多条轮播。
 85 | 
 86 | 示例：
 87 | 
 88 |     Be water my friend,https://sunxyu.cn,https://sunxyu.cn/usr/uploads/2018/12/1888809987.jpg,home
 89 | 
 90 | 通过轮播图列表中的第四个参数（轮播分类），可以设置让首页和文章分类页面显示不同的轮播内容，只需要在**首页轮播分类**和**分类页面轮播分类**中分别填入要显示的轮播分类名，也就是第四个参数值。留空表示显示列表中的所有轮播。
 91 | 
 92 | 首页和分类页面的轮播图数量，此处按照列表中实际输入的数量填写即可！
 93 | 
 94 | #### 4.首页友链设置
 95 | 
 96 | 勾选显示首页友链链接前面的框，然后在首页链接列表的输入框中设置友链的各项参数，**包含四个参数，1链接分类*,2链接名称*,3链接地址*,4链接描述**，参数之间使用英文标点符号,隔开，一行表示一条记录，支持多条记录。
 97 | 
 98 | 示例：
 99 | 
100 |     myself,小宇博客,https://sunxyu.cn,没有什么会永垂不朽
101 | 
102 | #### 5.内页友链设置
103 | 
104 | 内页友链的设置需要先在选项上指定链接分类，只有指定的链接分类才会显示在内页链接页面中。
105 | 
106 | 指定好分类之后，在内页链接列表的输入框中输入链接参数，此处于设置首页链接方法相同，也是四个参数。
107 | 
108 | 若需要添加rel="nofollow"属性，则需要添加第五个参数，值为0。
109 | 
110 | 示例：
111 | 
112 |     myself,小宇博客,https://sunxyu.cn,没有什么会永垂不朽,0
113 | 
114 | 设置好链接内容后，前往管理->独立页面，创建一个新页面，自定义模板选择links，然后发布即可！
115 | 
116 | #### 6.关于文章页和独立页面的头部大图设置
117 | 
118 | 文章或页面的头部预留一块内容用来显示头部大图，默认图片地址为空，显示为黑色背景，可以在选项中设置一个默认的图片地址。
119 | 
120 | 如需要每篇文章使用不同的图片，可以在文章发布页进行设置，可分别设置图片及文字内容。
121 | 
122 | #### 7.发布文章时常用的设置选项
123 | 
124 | **自定义缩略图设置：**顾名思义就是文章缩略图，在文章列表页显示的。
125 | 
126 | **文章置顶标记：**此项是为配合sticky插件来使用的，因为sticky插件的置顶添加的标记只有在文章列表页才会有，该选项是在文章内容页的标题后也添加置顶二字，当然你如果不用置顶插件则忽略此选项，默认就是关闭的。
127 | 
128 | **标题文字颜色：**可单独设置每篇文章的字体颜色。输入颜色代码即可，如#000000;
129 | 
130 | #### 8.主题文章缩略图说明
131 | 
132 | 关于文章的缩略图，当你没有设置自定义缩略图时，会自动将文章中的第一张插入的图片将为缩略图。
133 | 
134 | 如果既没有设置自定义缩略图，文章中又不包含图片时，则不显示缩略图，直接从标题开始显示。
135 | 
136 | 当文章中插入的图片达到4张或以上时，列表中该篇文章将以图片封面形式显示。
137 | 
138 | #### 9.文章中插入mp3音乐
139 | 
140 | 直接在发布文章时进行设置，分别在对应字段中填入歌曲MP3地址，歌名，歌手，歌曲封面即可。
141 | 
142 | #### 10.读者墙
143 | 
144 | 这一块内容采用了现成的代码修改而来，可以按留言次数显示前40位访客的头像。
145 | 
146 | 设置方法：创建一个新的独立页面，模板选择：message-board，发布即可。
147 | 
148 | #### 11.创建近期动态或网站公告
149 | 
150 | 同样通过页面的方式来创建，将在侧栏第一个位置显示。
151 | 
152 | 设置方法：创建一个新的页面，模板选择status，然后填写标题：动态或公告按需填写，然后在内容中输入要显示的内容。
153 | 
154 | 此处要注意，需要按照一定的格式填写，每一条内容需要包含在record短代码中，新的内容写在前面，旧的内容往后推。格式如下：
155 | 
156 |     [record]此处写日期或小标题后换行
157 |     这一行开始写内容，内容可以换行。
158 |     像这样...，然后再换行，输入结束的短代码。
159 |     [/record]
160 | 
161 | 然后发布即可！
162 | 
163 | #### 12.创建独立相册
164 | 
165 | 在管理->分类中创建一个新的分类，取名为相册，分类缩略名设置为gallery。
166 | 
167 | 然后正常发布文章，选择发布到相册分类下，并且在文章发布选项中将该篇文章设置为相册形式，默认不勾选则是普通文章形式。文章的内容请按照以下形式来填写：
168 | 
169 | 发布相册内容方法：一个反斜杠后面加图片地址，一行一条记录
170 | 
171 | 示例：
172 | 
173 |     \https://sunxyu.cn/usr/uploads/2018/12/347705932.jpg
174 |     \https://sunxyu.cn/usr/uploads/2018/12/1927513038.jpg
175 |     \https://sunxyu.cn/usr/uploads/2018/12/2129023047.jpg
176 | 
177 | 然后发布即可！
178 | 
179 | #### 13.文章中插入视频
180 | 
181 | 直接在文章内容中通过短代码插入视频，有三种方式可以操作，具体如下：
182 | 
183 | **三种方式都支持以.mp4为结尾的视频地址，或者是youtube在线视频页面地址，暂不支持国内优酷、爱奇艺等视频网站地址！**
184 | 
185 | 话说国内主流在线视频网站的视频如果要插入文章根本不需要短代码，直接引用视频网站产生的embed标签代码粘贴过来就可以了
186 | 
187 | **第一种形式（无封面）：**
188 | 
189 |     [addvideo]\视频url地址,视频名称或描述,视频宽度,视频高度[/addvideo]
190 | 
191 | 说明：每个参数中间用英文逗号“,”隔开；注意视频地址前需要添加一个反斜杠；
192 | 
193 | **第二种形式（插入typecho附件图片作为视频封面）：**
194 | 
195 |     [addvideo2]\视频url地址,此位置直接插入typecho附件图片,视频宽度,视频高度[/addvideo2] 
196 | 
197 | 每个参数中间用英文逗号“,”隔开；注意视频地址前需要添加一个反斜杠；注意不是图片地址，而是用typecho文章发布右侧的附件直接插入
198 | 
199 | **第三种形式（使用外链图片地址作为封面）：**
200 | 
201 |     [addvideo3]\视频url地址,视频名称或描述,封面图片url,视频宽度,视频高度[/addvideo3]
202 | 
203 | 每个参数中间用英文逗号“,”隔开；注意视频地址前需要添加一个反斜杠；
204 | 
205 | 演示地址请查看本页面：[文章插入视频][4]
206 | 
207 | #### 14.文章内容中插入相册
208 | 
209 | 这个首先说明一下，文章中普通方式插入的单张图片是没有灯箱效果的，我也没有添加灯箱效果，暂时感觉没有必要，后续可能会考虑。
210 | 
211 | 但是文章内容中插入的相册，均是带有灯箱效果的，且可以在一篇文章中插入多个相册，同样是通过短代码的方式来添加。可以在文章内任何位置插入相册。相册提供一张预览图，点击触发灯箱，显示相册内的多张图片，可以自由切换。
212 | 
213 | 方法如下：
214 | 
215 |     [group]\https://sunxyu.cn/usr/uploads/2018/12/2674333389.jpg,这是第一个相册的描述，包含了6张图片,1[/group]
216 |     [album]\https://sunxyu.cn/usr/uploads/2018/12/553765828.jpg,1[/album]
217 |     [album]\https://sunxyu.cn/usr/uploads/2018/12/3026050646.jpg,1[/album]
218 |     [album]\https://sunxyu.cn/usr/uploads/2018/12/3933651579.jpg,1[/album]
219 |     [album]\https://sunxyu.cn/usr/uploads/2018/12/1998758631.jpg,1[/album]
220 |     [album]\https://sunxyu.cn/usr/uploads/2018/12/3437516934.jpg,1[/album]
221 | 
222 | 如需要添加第二个相册，那么只需要将以上代码中的1改成2，第三个就是3，以此类推...
223 | 
224 | 演示地址请查看此页面：[文章插入相册][5]
225 | 
226 | #### 15.插入一个点击文字触发灯箱显示图片的短代码
227 | 
228 | 好吧，这个我也不知道该怎么描述，总之这个是为了避免当一张图片高度太大时，直接显示出来会占用很大的篇幅而采取的一个方法，通过这个方法可以将图片隐藏在起来，提供一个文字链接，当需要查看图片时，只击该文字就会以灯箱效果弹出图片。
229 | 
230 | 说明一下方法：
231 | 
232 |     [addimg]\图片地址,文字描述[/addimg] //注意地址前加一个反斜杠，中间是用英文逗号“,”隔开的！
233 | 
234 | 
235 | 好了，大概的内容就这么多了，如果有漏掉的说明，可以在此提问，我会添加上去的：）
236 | 
237 | 接下来主题会进入缓慢的更新状态！！！
238 | 
239 | 
240 | 
241 |   [2]: https://github.com/crazystear/Practice01
242 |   [3]: https://sunxyu.cn/usr/uploads/2019/01/1243850090.zip
243 |   [4]: https://sunxyu.cn/faketech/431.html
244 |   [5]: https://sunxyu.cn/faketech/494.html
245 | 


--------------------------------------------------------------------------------
/aplayer.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 |     $test666 = mt_rand(10000000,99999999);
 3 | ?>
 4 | <div class="aplayerdemo">
 5 |     <div id="<?php echo $test666; ?>">
 6 |         <pre class="aplayer-lrc-content">
 7 |     </pre>
 8 | </div>
 9 | </div>
10 | <script>
11 |     var ap = new APlayer
12 |         ({
13 |             element: document.getElementById('<?php echo $test666; ?>'),
14 |             narrow: false,
15 |             autoplay: false,
16 |             showlrc: false,
17 |             loop: 'none',
18 |             music: {
19 |                 title: '<span style="font-size:12px;"><?php $this->fields->aplayername(); ?></span>',
20 |                 author: '<?php $this->fields->aplayerauthor(); ?>',
21 |                 url: '<?php $this->fields->aplayerurl(); ?>',
22 |                 pic: '<?php $this->fields->aplayerthumb(); ?>'
23 |             }
24 |         });
25 | </script>


--------------------------------------------------------------------------------
/archive.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | if (!defined('__TYPECHO_ROOT_DIR__')) exit;
 3 |     $this->need('header.php');
 4 | ?>
 5 | <div class="site-wrap">
 6 |     <div class="flex-left">
 7 |         <div class="left-side">
 8 |             <div class="inside">
 9 |                 <div id="content" class="content">
10 |                     <?php while($this->next()): ?>
11 |                         <?php include("post_common.php"); ?>
12 |                     <?php endwhile; ?>
13 |                 </div>
14 |                 <div id="ajaxloadpost" style="padding: 0 10px;">
15 |                     <?php $this->pageLink('下一页','next'); ?>
16 |                 </div>
17 |                     <div id="showtext"></div>
18 |                 </div>                
19 |             </div>
20 |         </div>
21 |         <?php $this->need('sidebar.php'); ?>
22 |         <?php $this->need('footer.php'); ?>


--------------------------------------------------------------------------------
/category/gallery.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | if (!defined('__TYPECHO_ROOT_DIR__')) exit;
  3 |     $this->need('header.php');
  4 | ?>
  5 | <style>
  6 | .box{
  7 |     text-align: center;
  8 |     position: relative;
  9 |     overflow: hidden;
 10 |     cursor: pointer;
 11 | }
 12 | .box:before,
 13 | .box:after,
 14 | .box-content:before,
 15 | .box-content:after{
 16 |     content: '';
 17 |     background: linear-gradient(transparent,rgba(0,0,0,0.9));
 18 |     height: 100%;
 19 |     width: 25%;
 20 |     transform: translateY(-101%);
 21 |     position: absolute;
 22 |     left: 0;
 23 |     top: 0;
 24 |     z-index: 1;
 25 |     transition: all 0.3s;
 26 | }
 27 | .box:hover:before,
 28 | .box:hover:after,
 29 | .box:hover .box-content:before,
 30 | .box:hover .box-content:after{
 31 |     transform: translateY(0);
 32 | }
 33 | .box:after{ left: 25%; }
 34 | .box .box-content:before{ left: 50%; }
 35 | .box .box-content:after{ left: 75%; }
 36 | .box:hover:before{ transition-delay: 0.225s; }
 37 | .box:hover:after{ transition-delay: 0.075s; }
 38 | .box:hover .box-content:before{ transition-delay: 0.15s; }
 39 | .box:hover .box-content:after{ transition-delay: 0s; }
 40 | .box img{
 41 |     width: 100%;
 42 |     height: auto;
 43 |     transition: all 0.3s ease 0s;
 44 | }
 45 | .box:hover img{ filter: grayscale(100%); }
 46 | .box .box-content{
 47 |     width: 100%;
 48 |     height: 100%;
 49 |     position: absolute;
 50 |     bottom: 0;
 51 |     left: 0;
 52 |     transition: all 0.2s;
 53 | }
 54 | .content1{
 55 |     width: 100%;
 56 |     opacity: 1;
 57 |     position: absolute;
 58 |     left: 0;
 59 |     bottom: -30px;
 60 |     z-index: 2;
 61 |     transition: all 0.3s ease 0.1s;
 62 | }
 63 | .box:hover .content1{
 64 |     opacity: 1;
 65 |     bottom: 0px;
 66 | }
 67 | .content2{
 68 |     width: 100%;
 69 |     opacity: 1;
 70 |     position: absolute;
 71 |     left: 0;
 72 |     bottom: 0;
 73 |     z-index: 2;
 74 |     transition: all 0.3s ease 0.1s;
 75 | }
 76 | .box:hover .content2{
 77 |     opacity: 1;
 78 |     bottom: -30px;
 79 | }
 80 | .author3 {
 81 |     display: flex;
 82 |     height: 22px;
 83 |     align-items: center;
 84 |     justify-content: space-between;
 85 | }
 86 | .author3 > div {
 87 |     display: flex;
 88 |     align-items: flex-end;
 89 |     padding: 0px 10px;
 90 | }
 91 | .author3 p {
 92 |     padding: 3px 0px;
 93 |     font-size: 12px;
 94 |     color: #fff;
 95 | }
 96 | .box .post{
 97 |     font-size: 13px;
 98 |     letter-spacing: 1px;
 99 |     display: block;
100 |     color:#fff;
101 |     padding: 3px;
102 |     text-shadow: 0 1px 3px rgba(88,88,88,.6);
103 | }
104 | /*random gallery color*/
105 | .randomlinkscg0 { background: rgba(244,124,37,.6); }
106 | .randomlinkscg1 { background: rgba(37,185,244,.6); }
107 | .randomlinkscg2 { background: rgba(244,37,37,.6); }
108 | .randomlinkscg3 { background: rgba(233,37,244,.6); }
109 | .randomlinkscg4 { background: rgba(137,37,244,.6); }
110 | .randomlinkscg5 { background: rgba(37,80,244,.6); }
111 | .randomlinkscg6 { background: rgba(31,175,14,.6); }
112 | .randomlinkscg7 { background: rgba(158,13,126,.6); }
113 | .randomlinkscg8 { background: rgba(244,191,37,.6); }
114 | .randomlinkscg9 { background: rgba(244,144,37,.6); }
115 | .randomlinkscg10 { background: rgba(6,133,183,.6); }
116 | .randomlinkscg11 { background: rgba(247,105,170,.6); }
117 | .randomlinkscg12 { background: rgba(14,183,169,.6); }
118 | .randomlinkscg13 { background: rgba(52,53,48,.6); }
119 | .randomlinkscg14 { background: rgba(24,167,97,.6); }
120 | .randomlinkscg15 { background: rgba(0,127,255,.6); }
121 | .randomlinkscg16 { background: rgba(127,0,255,.6); }
122 | .randomlinkscg17 { background: rgba(191,0,255,.6); }
123 | .randomlinkscg18 { background: rgba(147,108,108,.6); }
124 | .randomlinkscg19 { background: rgba(179,77,77,.6); }
125 | .randomlinkscg20 { background: rgba(191,64,64,.6); }
126 | </style>
127 | <div class="site-wrap">
128 |     <div class="flex_cate_gallery">
129 |         <div class="left-side">
130 |             <div class="inside">
131 |                 <div id="content" class="content">
132 |                     <?php while($this->next()): ?>
133 |                         <?php
134 |                             preg_match_all('/(http:|https:)(.*?)(.jpg|.png|.gif|.jpeg)/i', $this->content, $inpostImgMatch);
135 |                             $countInnerImg = count($inpostImgMatch[0]);
136 |                         ?>
137 |                         <div class="main_gallery main2">
138 |                             <div class="act act_gallery">
139 |                                 <article class="main-act">
140 |                                     <div onclick="window.open('<?php $this->permalink() ?>','_self')" class="box">
141 |                                         <a class="header" href="<?php $this->permalink() ?>">
142 |                                             <img class="lazyload" src="<?php $this->options->loadingPic(); ?>" data-original="<?php 
143 |                                             if(!($this->fields->thumbimg == '')) { $this->fields->thumbimg(); }else{ echo $inpostImgMatch[0][0]; } ?>">
144 |                                         </a>
145 |                                         <div class="box-content">
146 |                                             <div class="content1 setback">
147 |                                                 <div class="author3">
148 |                                                     <div>
149 |                                                         <p><i style="font-size:12px;" class="fa fa-eye" aria-hidden="true"></i>&nbsp;<?php get_post_view($this) ?>&nbsp;&nbsp;</p>
150 |                                                         <p><i style="font-size:12px;" class="fa fa-comment" aria-hidden="true"></i>&nbsp;<?php $this->commentsNum('0','1','%d'); ?></p>
151 |                                                     </div>
152 |                                                     <div><p><i style="font-size:12px;" class="fa fa-clock-o" aria-hidden="true"></i>&nbsp;<time style="font-size: 12px;" datetime="<?php $this->date('Y-m-d'); ?>"><?php $this->date('Y-m-d'); ?></time></p></div>
153 |                                                 </div>
154 |                                             </div>
155 |                                             <div class="content2">
156 |                                                 <span class="post"><?php $this->title() ?><span style="font-size: 12px;">【
157 |                                                     <?php echo $countInnerImg.'P'; ?>】
158 |                                                 </span></span>
159 |                                             </div>
160 |                                         </div>
161 |                                     </div>
162 |                                 </article>
163 |                             </div>
164 |                         </div>
165 |                     <?php endwhile; ?>
166 |                 </div>
167 |                 <div id="ajaxloadpost" style="padding: 0 10px;">
168 |                     <?php $this->pageLink('下一页','next'); ?>
169 |                 </div>
170 |                     <div id="showtext"></div>
171 |                 </div>                
172 |             </div>
173 |         </div>
174 |         <?php $this->need('footer.php'); ?>


--------------------------------------------------------------------------------
/category/timeline.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | if (!defined('__TYPECHO_ROOT_DIR__')) exit;
  3 |     $this->need('header.php');
  4 | ?>
  5 | <script type="text/javascript" src="https://cdn.staticfile.org/jquery/2.2.1/jquery.min.js"></script>
  6 | <script type="text/javascript" src="<?php $this->options->themeUrl('/layer/layer.js'); ?>"></script>
  7 | <link href="https://cdn.staticfile.org/aplayer/1.10.1/APlayer.min.css" rel="stylesheet">
  8 | <script src="https://cdn.staticfile.org/aplayer/1.10.1/APlayer.min.js"></script>
  9 | <style type="text/css">
 10 |     .timeline_center:before {
 11 |         background: rgb(141, 175, 243);
 12 |         content: '';
 13 |         width: 1px;
 14 |         height: 100%;
 15 |         position: absolute;
 16 |         left: 50%;
 17 |         margin-left: -1px;
 18 |     }
 19 |     .mark_left:before, .mark_right:before {
 20 |         position: absolute;
 21 |         width: 16px;
 22 |         height: 8px;
 23 |         content: '';
 24 |         border-radius: 20px;
 25 |         box-shadow: 0 0px 10px rgba(0, 0, 0, 0.05);
 26 |         top: 5px;
 27 |         border: 1px solid #fff;
 28 |         z-index: 99;
 29 |     }
 30 |     .mark_left:before {
 31 |         background: #6fc1fb;
 32 |         right: -6px;
 33 |     }
 34 |     .mark_right:before {
 35 |         background: #f97878;
 36 |         left: -6px;
 37 |     }
 38 |     .t_title {
 39 |         background: #fff;
 40 |         padding: 5px 10px;
 41 |         text-shadow: 0 1px 3px rgba(88,88,88,.1);
 42 |         font-size: 12px;
 43 |     }
 44 |     .t_title:hover {
 45 |         color: rgb(160, 36, 15);
 46 |         font-weight: bold;
 47 |     }
 48 |     .tCom p {
 49 |         cursor: pointer;
 50 |         transition: all .4s;
 51 |         -webkit-transition: all .4s;
 52 |         -moz-transition: all .4s;
 53 |         -ms-transition: all .4s;
 54 |         -o-transition: all .4s;
 55 |     }
 56 |     .tCom p:hover {
 57 |         color: #5a63f5;
 58 |     }
 59 |     .aplayerdemo {
 60 |         width: 100%;
 61 |         margin: 0 0 -12px 0;
 62 |         padding: 5px;
 63 |     }
 64 |     .aplayerdemo>div {
 65 |         box-shadow: none;
 66 |     }
 67 |     .tl_left {
 68 |         padding: 0px 20px 0px 10px;
 69 |         margin-bottom: 70px;
 70 |     }
 71 |     .tl_right {
 72 |         padding: 0px 10px 0px 20px;
 73 |         margin-top: 40px;
 74 |         margin-bottom: 30px;
 75 |     }
 76 |     .post_comments {
 77 |         padding: 20px 10px;
 78 |     }
 79 |     .respond {
 80 |         display: none;
 81 |     }
 82 |     .tl_title_l {
 83 |         text-align: right;
 84 |     }
 85 |     .timeline_content > p > a {
 86 |         margin-bottom: -12px;
 87 |     }
 88 |     .timeline_content img {
 89 |         max-width: 100%;
 90 |     }
 91 |     @media screen and (max-width: 767px) {
 92 |         .timeline_center:before {
 93 |             left: 20px;
 94 |             margin-left: 0;
 95 |         }
 96 |         .tl_left {
 97 |             padding: 0 30px 0 40px;
 98 |             margin-bottom: 40px;
 99 |         }
100 |         .tl_right {
101 |             padding: 0 30px 0 40px;
102 |             margin-top: 0px;
103 |             margin-bottom: 40px;
104 |         }
105 |         .mark_left:before {
106 |             right: 0;
107 |             left: 13px;
108 |         }
109 |         .mark_right:before {
110 |             left: 13px;
111 |         }
112 |         .tl_title_l {
113 |             text-align: left;
114 |         }
115 |     }
116 | </style>
117 | <div class="site-wrap">
118 |     <div class="flex_cate_timeline">
119 |         <div class="left-side">
120 |             <div class="inside">
121 |                 <div id="content" class="content timeline_center">
122 |                     <?php $tCount = 0; while($this->next()): ?>
123 |                     <?php if($tCount%2 == 0): ?>
124 |                         <div class="main_timeline main2 tl_left">
125 |                         <div class="tl_title_l" style="padding: 10px 0;">
126 |                             <!-- <a style="display: inline;color: #666;" href="<?php $this->permalink() ?>" target="_blank"> -->
127 |                                 <span class="t_title"><i class="fa fa-fire" aria-hidden="true"></i>&nbsp;<?php $this->title() ?></span>
128 |                             <!-- </a> -->
129 |                         </div>
130 |                     <?php else: ?>
131 |                         <div class="main_timeline main2 tl_right">
132 |                         <div style="padding: 10px 0;">
133 |                             <!-- <a style="display: inline;color: #666;" href="<?php $this->permalink() ?>" target="_blank"> -->
134 |                                 <span class="t_title"><i class="fa fa-fire" aria-hidden="true"></i>&nbsp;<?php $this->title() ?></span>
135 |                             <!-- </a> -->
136 |                         </div>
137 |                     <?php endif; ?>
138 |                             <div class="act_timeline">
139 |                                 <article class="main-act">
140 |                                     <?php if($tCount%2 == 0): ?>
141 |                                         <div class="timeline_content mark_left">
142 |                                     <?php else: ?>
143 |                                         <div class="timeline_content mark_right">
144 |                                     <?php endif; ?>
145 |                                         <?php if(!($this->fields->aplayerurl == '' && $this->fields->aplayerthumb == '')): ?>
146 |                                             <?php $this->need('aplayer.php'); ?>
147 |                                         <?php endif; ?>
148 |                                         <?php if(!($this->fields->videorurl == '' && $this->fields->videoname == '')): ?>
149 |                                             <?php $this->need('videoplayer.php'); ?>
150 |                                         <?php endif; ?>
151 |                                         <?php
152 |                                             $t_content = $this->content;
153 |                                             $t_content = preg_replace('/<img src="(http:|https:)(.*?)(.jpg|.png|.gif|.jpeg)" alt="(.*?)"(.*?)>/i','<a href="$1$2$3" data-fancybox="images" data-caption="$4"><img src="$1$2$3" alt="$4" title="$4"></a>', $t_content);
154 |                                             echo $t_content; 
155 |                                         ?>
156 |                                     </div>
157 |                                     <div class="author" style="margin-top: 0;justify-content: flex-end;">
158 |                                         <div style="padding: 0 10px;border-right: 1px solid #f1f1f1;"><p>Posted on&nbsp;<time style="font-size: 12px;" datetime="<?php $this->date('Y-m-d'); ?>"><?php $this->date('Y-m-d'); ?></time></p></div>
159 |                                         <div class="tCom" id="<?php $this->cid(); ?>" style="padding: 0 10px;">
160 |                                             <p><?php $this->commentsNum('0','1','%d'); ?>&nbsp;Comments</p>
161 |                                         </div>
162 |                                     </div>
163 |                                     <!-- <div id="<?php echo $this->cid.'Practice01'; ?>" class="tlcombody"></div> -->
164 |                                     <!-- <script type="text/javascript">
165 |                                         $(document).ready(function(){
166 |                                           $("#<?php $this->cid(); ?>").click(function(){
167 |                                             if (!($('div').is('.<?php $this->cid(); ?>'))) {
168 |                                                 $.ajax({url:"<?php $this->permalink() ?>",success:function(result){
169 |                                                     var res2 = $(result).find(".post_comments");
170 |                                                     $("#<?php echo $this->cid.'Practice01'; ?>").append(res2);
171 |                                                     $("#<?php $this->cid(); ?>").addClass("<?php $this->cid(); ?>");
172 |                                                     f_masonry();
173 |                                                 }});
174 |                                             }else {
175 |                                                 $("#<?php echo $this->cid.'Practice01'; ?>").html("");
176 |                                                 $("#<?php $this->cid(); ?>").removeClass("<?php $this->cid(); ?>");
177 |                                                 f_masonry();
178 |                                             }
179 |                                           });
180 |                                           $(document).click(function(event){
181 |                                             var _con = $("#<?php $this->cid(); ?>");
182 |                                             var _con1 = $("#<?php echo $this->cid.'Practice01'; ?>");
183 |                                             if(!_con.is(event.target) && !_con1.is(event.target) && _con.has(event.target).length === 0 && _con1.has(event.target).length === 0){
184 |                                                 $("#<?php echo $this->cid.'Practice01'; ?>").html("");
185 |                                                 $("#<?php $this->cid(); ?>").removeClass("<?php $this->cid(); ?>");
186 |                                                 f_masonry();
187 |                                             }
188 |                                         });
189 |                                         }); 
190 |                                     </script> -->
191 |                                     <script>
192 |                                         var wd = document.body.clientWidth;
193 |                                         var wd2 = '800';
194 |                                             if (parseInt(wd) < parseInt(wd2)) {
195 |                                             ;!function(){
196 |                                             $('#<?php $this->cid(); ?>').on('click', function(){
197 |                                                 layer.open({
198 |                                                   type: 2,
199 |                                                   title: '<i class="fa fa-fire" aria-hidden="true"></i>&nbsp;<?php $this->title() ?>',
200 |                                                   maxmin: true,
201 |                                                   area: ['95%', '500px'],
202 |                                                   content: '<?php $this->permalink() ?>',
203 |                                                   shade: 0.5,
204 |                                                   shadeClose: true,
205 |                                                 });
206 |                                               });
207 |                                             }();
208 |                                         } else {
209 |                                             ;!function(){
210 |                                             $('#<?php $this->cid(); ?>').on('click', function(){
211 |                                                 layer.open({
212 |                                                   type: 2,
213 |                                                   title: '<i class="fa fa-fire" aria-hidden="true"></i>&nbsp;<?php $this->title() ?>',
214 |                                                   maxmin: true,
215 |                                                   area: ['800px', '500px'],
216 |                                                   content: '<?php $this->permalink() ?>',
217 |                                                   shade: 0.5,
218 |                                                   shadeClose: true,
219 |                                                 });
220 |                                               });
221 |                                             }();
222 |                                         }
223 |                                         $('#<?php $this->cid(); ?>').mouseover(function(){
224 |                                             layer.tips('有话说？请点我吧！', '#<?php $this->cid(); ?>', {
225 |                                               tips: [1, '#000'],
226 |                                               time: 1000
227 |                                             });
228 |                                         });
229 |                                     </script>
230 |                                 </article>
231 |                             </div>
232 |                         </div>
233 |                     <?php $tCount++; endwhile; ?>
234 |                 </div>
235 |                 <div id="ajaxloadpost" style="padding: 0 10px;">
236 |                     <?php $this->pageLink('下一页','next'); ?>
237 |                 </div>
238 |                 <div id="showtext"></div>
239 |                 </div>                
240 |             </div>
241 |         </div>
242 |         <?php $this->need('footer.php'); ?>


--------------------------------------------------------------------------------
/comments.php:
--------------------------------------------------------------------------------
  1 | <?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
  2 | <?php
  3 |     function threadedComments($comments, $options) {
  4 |         $commentClass = '';
  5 |         if ($comments->authorId) {
  6 |             if ($comments->authorId == $comments->ownerId) {
  7 |                 $commentClass .= ' comment-by-author';
  8 |             } else {
  9 |                 $commentClass .= ' comment-by-user';
 10 |             }
 11 |         }
 12 |         $commentLevelClass = $comments->levels > 0 ? ' comment-child' : ' comment-parent';
 13 |         if ($comments->url) {
 14 |             $author = '<a href="' . $comments->url . '" target="_blank" rel="external nofollow">' . $comments->author . '</a>';
 15 |         } else {
 16 |             $author = $comments->author;
 17 |         }
 18 | ?>
 19 | <li id="li-<?php $comments->theId(); ?>" class="comment-body<?php
 20 | if ($comments->levels > 0) {
 21 |     echo ' comment-child';
 22 |     $comments->levelsAlt(' comment-level-odd', ' comment-level-even');
 23 | } else {
 24 |     echo ' comment-parent';
 25 | }
 26 | $comments->alt(' comment-odd', ' comment-even');
 27 | echo $commentClass;
 28 | ?>">
 29 | <div id="<?php $comments->theId(); ?>">
 30 | <?php
 31 |     $host = 'https://cdn.v2ex.com';
 32 |     $url = '/gravatar/';
 33 |     $size = '40';
 34 |     $rating = Helper::options()->commentsAvatarRating;
 35 |     $cusAva = Helper::options()->commentAuthorAvatar;
 36 |     $hash = md5(strtolower($comments->mail));
 37 |     $email = strtolower($comments->mail);
 38 |     $sjtx = Typecho_Widget::widget('Widget_Options')->motx;    
 39 |     $qqnumber = str_replace('@qq.com', '', $email);
 40 |     if (!($cusAva == '') && $comments->authorId == $comments->ownerId) {
 41 |         $avatar = $cusAva;
 42 |     }elseif (strstr($email,"qq.com") && is_numeric($qqnumber) && strlen($qqnumber) > 4 && strlen($qqnumber) < 12) {
 43 |         $avatar = 'https://q2.qlogo.cn/g?b=qq&nk='.$qqnumber.'&s='.$size.'';
 44 |     }else {
 45 |         $avatar = $host . $url . $hash . '?s=' . $size . '&r=' . $rating . '&d='.$sjtx;
 46 |     }
 47 | ?>
 48 |     <div class="comment-author">
 49 |             <img class="avatar"
 50 |      src="<?php echo $avatar; ?>" alt="<?php echo $comments->author; ?>" width="<?php echo $size ?>" height="<?php echo $size ?>" />
 51 |             <cite class="fn"><?php echo $author; ?></cite>
 52 |         </div>
 53 |         <div class="comment-meta">
 54 |             <a href="<?php $comments->permalink(); ?>"><?php $comments->date('F jS\, Y \a\t h:i:s A'); ?></a>
 55 |             <span class="comment-reply"><?php $comments->reply(); ?></span>
 56 |         </div>
 57 |         <div class="comment-content">
 58 |             <span>
 59 |                 <?php get_commentReply_at($comments->coid); ?>
 60 |                 <?php $cos = preg_replace('#</?[p|P][^>]*>#','',$comments->content);echo $cos;?>
 61 |             </span>
 62 |         </div>
 63 |     </div>
 64 | <?php if ($comments->children) { ?>
 65 |     <div class="comment-children">
 66 |         <?php $comments->threadedComments($options); ?>
 67 |     </div>
 68 | <?php } ?>
 69 | </li>
 70 | <?php } ?>
 71 | <div id="comments">
 72 |     <?php $this->comments()->to($comments); ?>
 73 |     <?php if ($comments->have()): ?>
 74 |     <h3><?php $this->commentsNum(_t('暂无评论'), _t('仅有一条评论'), _t('已有 %d 条评论')); ?></h3>
 75 |     
 76 |     <?php $comments->listComments(); ?>
 77 | 
 78 |     <?php $comments->pageNav('&laquo; 前一页', '后一页 &raquo;'); ?>
 79 |     
 80 |     <?php endif; ?>
 81 | 
 82 |     <?php if($this->allow('comment')): ?>
 83 |     <?php if($this->commentsNum === '0'): ?>
 84 |     <div id="<?php $this->respondId(); ?>" class="respond" style="margin-top: 0px;">
 85 |     <?php else: ?>
 86 |     <div id="<?php $this->respondId(); ?>" class="respond">
 87 |     <?php endif; ?>
 88 |         <div class="cancel-comment-reply">
 89 |         <?php $comments->cancelReply(); ?>
 90 |         </div>
 91 |     
 92 |         <h3 id="response"><?php _e('添加新评论'); ?><?php if($this->user->hasLogin()): ?>（已登陆：<?php $this->user->screenName(); ?>）<a style="display: inline;font-size: 12px;" href="<?php $this->options->logoutUrl(); ?>" title="Logout"><?php _e('退出'); ?></a><?php endif; ?></h3>
 93 |         <form method="post" action="<?php $this->commentUrl() ?>" id="comment-form" role="form">
 94 |             <div class="post_comment_area">
 95 |                 <p>
 96 |                     <textarea placeholder="来都来了，说两句吧！" rows="8" cols="50" name="text" id="textarea" class="textarea" required ><?php $this->remember('text'); ?></textarea>
 97 |                 </p>
 98 |             </div>
 99 |                 <?php if($this->user->hasLogin()): ?>
100 |                     <div class="post_comment_meta" style="flex: 0;padding-right: 0;">
101 |                 <?php else: ?>
102 |                     <div class="post_comment_meta">
103 |                 <p>
104 |                     <input placeholder="昵称 *" type="text" name="author" id="author" class="text" value="<?php $this->remember('author'); ?>" required />
105 |                 </p>
106 |                 <p>
107 |                     <input onblur="showAva()" placeholder="邮箱 *" type="email" name="mail" id="mail" class="text" value="<?php $this->remember('mail'); ?>"<?php if ($this->options->commentsRequireMail): ?> required<?php endif; ?> />
108 |                 </p>
109 |                 <p>
110 |                     <input placeholder="http://" type="url" name="url" id="url" class="text" placeholder="<?php _e('http://'); ?>" onfocus="getUrl()" value="<?php $this->remember('url'); ?>"<?php if ($this->options->commentsRequireURL): ?> required<?php endif; ?> />
111 |                 </p>
112 |                 <?php endif; ?>
113 |             </div>
114 |             <div class="post_comment_submit">
115 |                 <p id="showAvatar">
116 |                     <?php if($this->user->hasLogin()): ?>
117 |                         <?php
118 |                             $masterMail = $this->user->mail;
119 |                             $cusAvatar = $this->options->commentAuthorAvatar;
120 |                             $mdmdmd5 = md5(strtolower(trim($masterMail)));
121 |                             $qnum = str_replace('@qq.com', '', $masterMail);
122 |                             if (!($cusAvatar == '')) {
123 |                                 $avatarLoged = $cusAvatar;
124 |                             }elseif (strstr($masterMail,"qq.com") && is_numeric($qnum) && strlen($qnum) > 4 && strlen($qnum) < 12) {
125 |                                 $avatarLoged = 'https://q2.qlogo.cn/g?b=qq&nk='.$qnum.'&s=100';
126 |                             }else {
127 |                                 $avatarLoged = 'https://cdn.v2ex.com/gravatar/' . $mdmdmd5 . '?s=80';
128 |                             }
129 |                         ?>
130 |                         <img style="width: 80px;height: 80px;" src="<?php echo $avatarLoged; ?>">    
131 |                     <?php else: ?>
132 |                         <img style="width: 80px;height: 80px;" src="https://cdn.v2ex.com/gravatar/?s=80">
133 |                     <?php endif; ?>
134 |                 </p>
135 |                 <p>
136 |                     <button type="submit" class="submit"><?php _e('提交评论'); ?></button>
137 |                 </p>
138 |             </div>   
139 |         </form>
140 |     </div>
141 |     <?php else: ?>
142 |     <h3><?php _e('评论已关闭'); ?></h3>
143 |     <?php endif; ?>
144 | </div>
145 | <!-- gravatar头像 -->
146 | <script type="text/javascript">
147 |     function showAva() {
148 |         var mailVa = document.getElementById("mail").value;
149 |         if(window.XMLHttpRequest){
150 |             var xhr = new XMLHttpRequest();
151 |         }else{
152 |             var xhr = new ActiveXobject('Microsoft.XMLHTTP');
153 |         }
154 |         xhr.onreadystatechange = function(){
155 |             //console.log(xhr.readyState);
156 |             if(xhr.status == 200 && xhr.readyState == 4){
157 |                 document.getElementById('showAvatar').innerHTML = xhr.responseText;
158 |             }
159 |         }
160 |         //进行请求的初始化
161 |         xhr.open('get', '<?php $this->options->themeUrl('./show_avatar.php?n1='); ?>'+mailVa, true);
162 |         //正式发送请求
163 |         xhr.send();
164 |     }
165 |     function getUrl() {
166 |         var getUrl = document.getElementById("url").value;
167 |         if (getUrl == "") {
168 |             document.getElementById("url").value = "http://";
169 |         }
170 |     }
171 |     window.onload = function() {
172 |         if ($('#mail').length > 0) {
173 |             showAva();
174 |         }
175 |     }
176 | </script>
177 | 


--------------------------------------------------------------------------------
/copyright.php:
--------------------------------------------------------------------------------
 1 | <?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
 2 | <?php if (!empty($this->options->posCopy) && in_array('closeCopy', $this->options->posCopy)): ?><?php else: ?>
 3 |     <p class="post_copyright">
 4 |         <?php if(!empty($this->options->postCopyright)): ?>
 5 |             <?php $this->options->postCopyright(); ?>
 6 |         <?php else: ?>
 7 |             <span>所有原创文章采用 <a href="https://creativecommons.org/licenses/by-nc/4.0/deed.zh" rel="external nofollow" target="_blank">知识共享署名-非商业性使用 4.0 国际许可协议</a> 进行许可。</span><br/>
 8 |             <span>您可以自由的转载和修改，但请务必注明文章来源并且不可用于商业目的。</span><br/>
 9 |             <span>本站部分内容收集于互联网，如果有侵权内容、不妥之处，请联系我们删除。敬请谅解！</span><br/>
10 |         <?php endif; ?>
11 |     </p>
12 | <?php endif; ?>


--------------------------------------------------------------------------------
/footer.php:
--------------------------------------------------------------------------------
  1 | <?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
  2 | </div>
  3 | <script type="text/javascript" src="https://cdn.staticfile.org/jquery/2.2.1/jquery.min.js"></script>
  4 | <script type="text/javascript" src="https://cdn.staticfile.org/masonry/4.2.2/masonry.pkgd.min.js"></script>
  5 | <script type="text/javascript" src="https://cdn.staticfile.org/jquery_lazyload/1.9.7/jquery.lazyload.min.js"></script>
  6 | <script src="https://cdn.staticfile.org/fancybox/3.5.2/jquery.fancybox.min.js"></script>
  7 | <script src="https://cdn.staticfile.org/highlight.js/9.13.1/highlight.min.js"></script>
  8 | <script>hljs.initHighlightingOnLoad();</script>
  9 | <!-- 图片懒加载结合masonry -->
 10 | <script type="text/javascript">
 11 | $(function() {    
 12 |     $(".lazyload").lazyload({
 13 |         effect: 'fadeIn',
 14 |         load : f_masonry,
 15 |     });
 16 | });
 17 | window.onload = function() {
 18 |         f_masonry();
 19 |     }
 20 | </script>
 21 | <!-- 瀑布流方法 -->
 22 | <?php if($this->category == 'timeline' && !$this->is('index')): ?>
 23 | <script type="text/javascript">
 24 | function f_masonry() {
 25 |     $('#content').masonry({
 26 |         itemSelector: '.main2',
 27 |         isAnimated: true,
 28 |         horizontalOrder: true,
 29 |         });
 30 |     }
 31 | </script>
 32 | <?php else: ?>
 33 | <script type="text/javascript">
 34 | function f_masonry() {
 35 |     $('#content').masonry({
 36 |         itemSelector: '.main2',
 37 |         isAnimated: true,
 38 |         });
 39 |     }
 40 | </script>
 41 | <?php endif; ?>
 42 | <!-- 边栏打字效果调用 -->
 43 | <script src="https://cdn.staticfile.org/typed.js/1.1.7/typed.min.js"></script>
 44 | <script type="text/javascript">
 45 | 	document.addEventListener('DOMContentLoaded', function(){
 46 |         Typed.new("#typed", {
 47 |             stringsElement: document.getElementById('typed-strings'),
 48 |             typeSpeed: 30,
 49 |             backDelay: 10000,
 50 |             loop: true,
 51 |             contentType: 'html', // or text
 52 |             // defaults to null for infinite loop
 53 |             loopCount: null,
 54 |             // callback: function(){ foo(); },
 55 |             // resetCallback: function() { newTyped(); }
 56 |         });
 57 |     });
 58 | </script>
 59 | <?php include("typeword.php"); ?>
 60 | <!-- 边栏固定 -->
 61 | <?php if (!empty($this->options->fixedSidebar) && in_array('fSidebar', $this->options->fixedSidebar)): ?>
 62 | <script type="text/javascript" src="<?php $this->options->themeUrl('/js/theia-sticky-sidebar.min.js'); ?>"></script>
 63 | <script>
 64 |   $(document).ready(function() {
 65 |     $('.flex-left, .flex-right')
 66 |       .theiaStickySidebar({
 67 |         additionalMarginTop: 56
 68 |       });
 69 |   });
 70 | </script>
 71 | <?php endif; ?>
 72 | <!-- 头部全屏轮播调用 -->
 73 | <?php if(!($this->is('post') || $this->is('page'))): ?>
 74 | <?php if (!empty($this->options->slideImages) && in_array('ShowSlideOn', $this->options->slideImages)): ?>
 75 | <script type="text/javascript" src="<?php $this->options->themeUrl('/js/pageSwitch.min.js'); ?>"></script>
 76 | <script>
 77 |     a=new pageSwitch('sections',{
 78 |     duration:1500,
 79 |     start:0,
 80 |     direction:1,
 81 |     loop:true,
 82 |     ease:'ease-out',
 83 |     transition:'fade',
 84 |     autoplay:true,
 85 |     mouse:false,
 86 |     mousewheel:false,
 87 |     arrowkey:true,
 88 |     interval:3000
 89 | });
 90 | navs=document.getElementById('navs').getElementsByTagName('a');
 91 | a.on('before',function(m,n){
 92 |     navs[m].className='';
 93 |     navs[n].className='active';
 94 | });
 95 | i=0;
 96 | for(;i<navs.length;i++){
 97 |     !function(i){
 98 |         navs[i].onclick=function(){
 99 |             a.slide(i);
100 |         }
101 |     }(i);
102 | }
103 | </script>
104 | <?php endif; ?>
105 | <?php endif; ?>
106 | <div class="footer">
107 |     <div class="infoot">
108 |         <?php if (!empty($this->options->themeCopy) && in_array('closeThemeCopy', $this->options->themeCopy)): ?><?php else: ?>
109 |         <p id="testme">Theme <strong style="color: rgba(77, 136, 255,.9);">practice01</strong> Made by kisxy.com</p><?php endif; ?>
110 |         <p>Copyright © 2020 <a href="http://beian.miit.gov.cn" target="_blank" rel="noopener noreferrer"><?php $this->options->beianno(); ?></a></p>
111 |         <p>Published with Typecho</p>
112 |     </div>
113 | </div></div>
114 | <?php $this->footer(); ?>
115 | <!-- 无限加载文章列表 -->
116 | <?php if(!($this->is('post') || $this->is('page'))): ?>
117 | <script src="https://cdn.staticfile.org/jquery-infinitescroll/3.0.5/infinite-scroll.pkgd.min.js"></script>
118 | <script type="text/javascript">
119 |     if ($('a').is('.next')) {
120 |         var $grid = $('.content').masonry({
121 |         itemSelector: '.main2',
122 |         isAnimated: true,
123 |         // columnWidth: 5
124 |         });
125 |         var msnry = $grid.data('masonry');
126 |         $grid.infiniteScroll({
127 |           path: '.next',
128 |           append: '.main2',
129 |           hideNav: '#ajaxloadpost',
130 |           history: false,
131 |           prefill: true,
132 |           outlayer: msnry,
133 |         });
134 |         $grid.on('append.infiniteScroll', function( event, response, path) {
135 |           $(".lazyload").lazyload({
136 |             load : f_masonry,
137 |         });
138 |         var randomlinkcolor2 = $(".box .post");
139 |         randomlinkcolor2.each(function() {
140 |             var x2 = 20;
141 |             var y2 = 0;
142 |             var randcolor2 = parseInt(Math.random() * (x2 - y2 + 1) +y2);
143 |             $(this).addClass("randomlinkscg" + randcolor2);
144 |         });
145 |         var randomlinkcolor3 = $(".setback");
146 |         randomlinkcolor3.each(function() {
147 |             var x3 = 20;
148 |             var y3 = 0;
149 |             var randcolor3 = parseInt(Math.random() * (x3 - y3 + 1) +y3);
150 |             $(this).addClass("randomlinkscg" + randcolor3);
151 |         });
152 |         });
153 |         $grid.on( 'last.infiniteScroll', function( event, response, path ) {
154 |           document.getElementById('showtext').innerHTML = '<p>已经到底啦！</p>';
155 |         });
156 |     }
157 | </script>
158 | <?php endif; ?>
159 | <script type="text/javascript" src="<?php $this->options->themeUrl('/js/practice01.js'); ?>"></script>
160 | <?php if(!($this->options->bdAutoPush == '')): ?><?php $this->options->bdAutoPush(); ?><?php endif; ?>
161 | </body>
162 | </html>
163 | 


--------------------------------------------------------------------------------
/functions.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | if (!defined('__TYPECHO_ROOT_DIR__')) exit;
  3 | function themeConfig($form) {
  4 |     $siteicon = new Typecho_Widget_Helper_Form_Element_Text('siteicon', NULL, NULL, _t('<span style="color:#ff0000;margin-right:0px;">1.</span>站点favicon.ico图标地址'), _t(''));
  5 |     $form->addInput($siteicon);
  6 | 
  7 |     $cusTitle = new Typecho_Widget_Helper_Form_Element_Text('cusTitle', NULL, NULL, _t('<span style="color:#ff0000;margin-right:0px;">2.</span>站点名称'), _t(''));
  8 |     $form->addInput($cusTitle);
  9 | 
 10 |     $desc = new Typecho_Widget_Helper_Form_Element_Text('desc', NULL, NULL, _t('<span style="color:#ff0000;margin-right:0px;">3.</span>站点副标题，将显示在标题栏上！'), _t(''));
 11 |     $form->addInput($desc);
 12 | 
 13 |     $logoUrl = new Typecho_Widget_Helper_Form_Element_Text('logoUrl', NULL, NULL, _t('<span style="color:#ff0000;margin-right:0px;">4.</span>侧栏关于博主头像，填入头像图片地址！'), _t(''));
 14 |     $form->addInput($logoUrl);
 15 | 
 16 |     $cusAboutme = new Typecho_Widget_Helper_Form_Element_Textarea('cusAboutme', NULL, NULL, _t('<span style="color:#ff0000;margin-right:0px;">5.</span>侧栏关于博主的文字说明！支持html代码。'), _t(''));
 17 |     $cusAboutme->input->setAttribute('style', 'height:80px;resize:both;');
 18 |     $form->addInput($cusAboutme);
 19 | 
 20 |     $wechatqrcode = new Typecho_Widget_Helper_Form_Element_Text('wechatqrcode', NULL, NULL, _t('<span style="color:#ff0000;margin-right:0px;">6.</span>第一个图标位：微信或公众号二维码图片地址'), _t('显示在侧栏关于博客下方的图标'));
 21 |     $form->addInput($wechatqrcode);
 22 | 
 23 |     $githubaddr = new Typecho_Widget_Helper_Form_Element_Text('githubaddr', NULL, NULL, _t('<span style="color:#ff0000;margin-right:0px;">7.</span>第二个图标位链接地址'), _t(''));
 24 |     $form->addInput($githubaddr);
 25 |     $secIcon = new Typecho_Widget_Helper_Form_Element_Text('secIcon', NULL, NULL, _t('<span style="color:#ff0000;margin-right:0px;">8.</span>第二个图标，需引用fontawesome图标，引用方法参考http://www.fontawesome.com.cn/faicons/'), _t('显示在侧栏关于博客下方的图标'));
 26 |     $form->addInput($secIcon);
 27 | 
 28 |     $contactbyqq = new Typecho_Widget_Helper_Form_Element_Text('contactbyqq', NULL, NULL, _t('<span style="color:#ff0000;margin-right:0px;">9.</span>第三个图标位链接地址'), _t(''));
 29 |     $form->addInput($contactbyqq);
 30 |     $thrIcon = new Typecho_Widget_Helper_Form_Element_Text('thrIcon', NULL, NULL, _t('<span style="color:#ff0000;margin-right:0px;">10.</span>第三个图标，需引用fontawesome图标，引用方法参考http://www.fontawesome.com.cn/faicons/'), _t('显示在侧栏关于博客下方的图标'));
 31 |     $form->addInput($thrIcon);
 32 | 
 33 |     $meonweibo = new Typecho_Widget_Helper_Form_Element_Text('meonweibo', NULL, NULL, _t('<span style="color:#ff0000;margin-right:0px;">11.</span>第四个图标位链接地址'), _t(''));
 34 |     $form->addInput($meonweibo);
 35 |     $forIcon = new Typecho_Widget_Helper_Form_Element_Text('forIcon', NULL, NULL, _t('<span style="color:#ff0000;margin-right:0px;">12.</span>第四个图标，需引用fontawesome图标，引用方法参考http://www.fontawesome.com.cn/faicons/'), _t('显示在侧栏关于博客下方的图标'));
 36 |     $form->addInput($forIcon);
 37 | 
 38 |     $slideImages = new Typecho_Widget_Helper_Form_Element_Checkbox('slideImages', 
 39 |     array('ShowSlideOn' => _t('显示轮播图（开启后将在首页及分类页显示轮播）<br/><mark>【建议至少设置一条轮播内容后再开启，若无内容直接开启将显示空白占位影响美观！】</mark>')),
 40 |     array(), _t('<span style="color:#ff0000;margin-right:0px;">13.</span>轮播图显示设置，默认关闭，勾选表示开启！'));
 41 |     $form->addInput($slideImages->multiMode());
 42 | 
 43 |     $SlideImg = new Typecho_Widget_Helper_Form_Element_Textarea('SlideImg', NULL, NULL, _t('<span style="color:#ff0000;margin-right:0px;">14.</span>轮播图列表（注意：切换主题会被清空，注意备份！使用方法看下方描述！）'), _t('按照格式输入轮播图信息，格式：<strong>1-标题,2-URL地址,3-轮播图片地址,4-要在哪个分类中显示，填写你分类目录的缩略名</strong><br>不同信息之间用英文逗号“,”分隔，例如：<br><strong><mark>venom,https://kisxy.com/life/240.html,https://kisxy.com/usr/uploads/2018/11/894101175.jpg,home</mark></strong><br>home表示显示在首页显示的轮播<br><strong><mark>venom,https://kisxy.com/life/240.html,https://kisxy.com/usr/uploads/2018/11/894101175.jpg,timeline</mark></strong><br>timeline表示要在时间轴分类显示的轮播<br><strong><mark>venom,https://kisxy.com/life/240.html,https://kisxy.com/usr/uploads/2018/11/894101175.jpg,all</mark></strong><br>all表示要在首页及每个分类页面显示的轮播'));
 44 |     $SlideImg->input->setAttribute('style', 'height:150px;resize:both;');
 45 |     $form->addInput($SlideImg);
 46 | 
 47 |     $fixedSidebar = new Typecho_Widget_Helper_Form_Element_Checkbox('fixedSidebar', 
 48 |     array('fSidebar' => _t('开启页面滚动边栏固定')),
 49 |     array(), _t('<span style="color:#ff0000;margin-right:0px;">15.</span>边栏固定，默认关闭！'));
 50 |     $form->addInput($fixedSidebar->multiMode());
 51 | 
 52 |     $ShowLinks = new Typecho_Widget_Helper_Form_Element_Checkbox('ShowLinks', array('sidebar' => _t('显示首页友情链接（在首页侧边栏显示）')), NULL, _t('<span style="color:#ff0000;margin-right:0px;">16.</span>显示友链，勾选后请在链接列表中按格式输入链接信息即可'));
 53 |     $form->addInput($ShowLinks->multiMode());
 54 | 
 55 |     $IndexLinksSort = new Typecho_Widget_Helper_Form_Element_Text('IndexLinksSort', NULL, NULL, _t('<span style="color:#ff0000;margin-right:0px;">17.</span>要显示在首页侧边栏的链接分类（支持多分类，请用英文逗号“,”分隔）'), _t('若只需显示某分类下的链接，请输入链接分类名（建议使用字母形式的分类名），<mark>留空则默认显示全部链接列表中的链接</mark>'));
 56 |     $form->addInput($IndexLinksSort);
 57 | 
 58 |     $Links = new Typecho_Widget_Helper_Form_Element_Textarea('Links', NULL, NULL, _t('<span style="color:#ff0000;margin-right:0px;">18.</span>首页链接列表（注意：切换主题会被清空，注意备份！）'), _t('按照格式输入链接信息，格式：<strong>1链接分类*,2链接名称*,3链接地址*,4链接描述</strong><br>不同信息之间用英文逗号“,”分隔，例如：<br><strong><mark>myself,小宇博客,https://kisxy.com,没有什么会永垂不朽</mark></strong><br>链接分类用于过滤要显示的链接，建议使用英文！'));
 59 |     $Links->input->setAttribute('style', 'height:100px;resize:both;');
 60 |     $form->addInput($Links);
 61 | 
 62 |     $innerlinkshow = new Typecho_Widget_Helper_Form_Element_Textarea('innerlinkshow', NULL, NULL, _t('<span style="color:#ff0000;margin-right:0px;">19.</span>要在内页（链接页面）显示的链接分类（支持多分类，一行一个）【 必填 】'), _t(''));
 63 |     $innerlinkshow->input->setAttribute('style', 'height:100px;resize:both;');
 64 |     $form->addInput($innerlinkshow);
 65 | 
 66 |     $innerlinks = new Typecho_Widget_Helper_Form_Element_Textarea('innerlinks', NULL, NULL, _t('<span style="color:#ff0000;margin-right:0px;">20.</span>内页页面链接列表，一行一个（注意：切换主题会被清空，注意备份！）'), _t('按照格式输入链接信息，格式：<strong>1链接分类*,2链接名称*,3链接地址*,4链接描述,5可选参数0</strong><br>不同信息之间用英文逗号“,”分隔，例如：<br><strong><mark>myself,小宇博客,https://kisxy.com,没有什么会永垂不朽</mark></strong><br>若要使用rel="external nofollow"属性，第五个参数请输入0！例如：<br><strong><mark>myself,小宇博客,https://kisxy.com,没有什么会永垂不朽,0</mark></strong>'));
 67 |     $innerlinks->input->setAttribute('style', 'height:500px;resize:both;');
 68 |     $form->addInput($innerlinks);
 69 | 
 70 |     $postdefaultimg = new Typecho_Widget_Helper_Form_Element_Text('postdefaultimg', NULL, NULL, _t('<span style="color:#ff0000;margin-right:0px;">21.</span>文章头部默认图片'), _t('填写图片地址，推荐分辨率2000*500px'));
 71 |     $form->addInput($postdefaultimg);
 72 |     $postdefaultword = new Typecho_Widget_Helper_Form_Element_Text('postdefaultword', NULL, NULL, _t('<span style="color:#ff0000;margin-right:0px;">22.</span>文章头部默认文字'), _t(''));
 73 |     $form->addInput($postdefaultword);
 74 | 
 75 |     $loadingPic = new Typecho_Widget_Helper_Form_Element_Text('loadingPic', NULL, NULL, _t('<span style="color:#ff0000;margin-right:0px;">23.</span>懒加载动态loading.gif图片地址！'), _t(''));
 76 |     $form->addInput($loadingPic);
 77 | 
 78 |     $commentAuthorAvatar = new Typecho_Widget_Helper_Form_Element_Text('commentAuthorAvatar', NULL, NULL, _t('<span style="color:#ff0000;margin-right:0px;">24.</span>自定义博主评论头像地址'), _t(''));
 79 |     $form->addInput($commentAuthorAvatar);
 80 | 
 81 |     $beianno = new Typecho_Widget_Helper_Form_Element_Text('beianno', NULL, NULL, _t('<span style="color:#ff0000;margin-right:0px;">25.</span>网站底部备案号填写'), _t(''));
 82 |     $form->addInput($beianno);
 83 | 
 84 |     $posCopy = new Typecho_Widget_Helper_Form_Element_Checkbox('posCopy', 
 85 |     array('closeCopy' => _t('关闭文章底部版权信息说明！')),
 86 |     array(''), _t('<span style="color:#ff0000;margin-right:0px;">26.</span>文章版权说明'));
 87 |     $form->addInput($posCopy->multiMode());
 88 | 
 89 |     $postCopyright = new Typecho_Widget_Helper_Form_Element_Textarea('postCopyright', NULL, NULL, _t('<span style="color:#ff0000;margin-right:0px;">27.</span>文章底部自定义版权信息（支持HTML代码）'), _t('留空则显示主题定义的默认版权信息！'));
 90 |     $postCopyright->input->setAttribute('style', 'height:100px;resize:both;');
 91 |     $form->addInput($postCopyright);
 92 | 
 93 |     $themeCopy = new Typecho_Widget_Helper_Form_Element_Checkbox('themeCopy', 
 94 |     array('closeThemeCopy' => _t('关闭网站底部的主题版权说明！')),
 95 |     array(''), _t('<span style="color:#ff0000;margin-right:0px;">28.</span>主题版权说明'));
 96 |     $form->addInput($themeCopy->multiMode());
 97 | 
 98 |     $tongji = new Typecho_Widget_Helper_Form_Element_Textarea('tongji', NULL, NULL, _t('<span style="color:#ff0000;margin-right:0px;">29.</span>网站统计代码'), _t(''));
 99 |     $tongji->input->setAttribute('style', 'height:100px;resize:both;');
100 |     $form->addInput($tongji);
101 | 
102 |     $bdAutoPush = new Typecho_Widget_Helper_Form_Element_Textarea('bdAutoPush', NULL, NULL, _t('<span style="color:#ff0000;margin-right:0px;">30.</span>百度自动推送工具代码'), _t('使用方式请查阅：https://ziyuan.baidu.com/linksubmit/index'));
103 |     $bdAutoPush->input->setAttribute('style', 'height:100px;resize:both;');
104 |     $form->addInput($bdAutoPush);
105 | 
106 |     $sidebarCategory = new Typecho_Widget_Helper_Form_Element_Checkbox('sidebarCategory', 
107 |     array('onTopNav' => _t('在顶部菜单栏显示（PC端）'),
108 |     'onSidebar' => _t('在侧边栏显示')),
109 |     array(''), _t('<span style="color:#ff0000;margin-right:0px;">31.</span>分类目录'));
110 |     $form->addInput($sidebarCategory->multiMode());
111 | 
112 |     $highlightColor = new Typecho_Widget_Helper_Form_Element_Radio('highlightColor', 
113 |     array('default' => _t('default'),
114 |     'mono-blue' => _t('mono-blue'),
115 |     'tomorrow' => _t('tomorrow'),
116 |     'zenburn' => _t('zenburn'),
117 |     'purebasic' => _t('purebasic'),
118 |     'dracula' => _t('dracula'),
119 |     'xcode' => _t('xcode'),
120 |     'foundation' => _t('foundation'),
121 |     'vs2015' => _t('vs2015'),
122 |     'monokai-sublime' => _t('monokai-sublime'),
123 |     'routeros' => _t('routeros'),
124 |     'grayscale' => _t('grayscale'),
125 |     'vs' => _t('vs'),
126 |     'github' => _t('github'),
127 |     'atom-one-light' => _t('atom-one-light')),
128 |     'default', _t('<span style="color:#ff0000;margin-right:0px;">32.</span>选择代码高亮配色方案，默认为default方案！'), _t('配色效果参考：https://highlightjs.org/static/demo/'));
129 |     $form->addInput($highlightColor);
130 | 
131 |     $showPostAlbum = new Typecho_Widget_Helper_Form_Element_Checkbox('showPostAlbum',
132 |     array('close' => _t('关闭文章列表的封面形式！')),
133 |     array(''), _t('<span style="color:#ff0000;margin-right:0px;">33.</span>文章中图片若超过3张时，在列表中将会以封面形式显示该篇文章，勾选此项则关闭，将以正常缩略图方式显示！'));
134 |     $form->addInput($showPostAlbum->multiMode());
135 | 
136 |     $ShowTimeline = new Typecho_Widget_Helper_Form_Element_Checkbox('ShowTimeline', array('sidebarTimeline' => _t('侧边栏调用时间轴第一篇文章')), NULL, _t('<span style="color:#ff0000;margin-right:0px;">34.</span>勾选后侧边栏第一个位置将显示时间轴第一篇文章内容'));
137 |     $form->addInput($ShowTimeline->multiMode());
138 | 
139 |     $SimpleHomeOn = new Typecho_Widget_Helper_Form_Element_Checkbox('SimpleHomeOn', array('simpleHome' => _t('开启首页简洁模式')), NULL, _t('<span style="color:#ff0000;margin-right:0px;">35.</span>勾选后首页将只显示时间轴的最新一篇文章的内容，作为简洁模式！勾选前请确认已添加了时间轴分类并已经有发布了相应的内容！'));
140 |     $form->addInput($SimpleHomeOn->multiMode());
141 | 
142 |     include("theme_config.php");
143 | }
144 | //get_post_view($this)
145 | function get_post_view($archive)
146 | {
147 |     $cid    = $archive->cid;
148 |     $db     = Typecho_Db::get();
149 |     $prefix = $db->getPrefix();
150 |     if (!array_key_exists('views', $db->fetchRow($db->select()->from('table.contents')))) {
151 |         $db->query('ALTER TABLE `' . $prefix . 'contents` ADD `views` INT(10) DEFAULT 0;');
152 |         echo 0;
153 |         return;
154 |     }
155 |     $row = $db->fetchRow($db->select('views')->from('table.contents')->where('cid = ?', $cid));
156 |     if ($archive->is('single')) {
157 |         $views = Typecho_Cookie::get('extend_contents_views');
158 |         if(empty($views)){
159 |             $views = array();
160 |         }else{
161 |             $views = explode(',', $views);
162 |         }
163 |     if(!in_array($cid,$views)){
164 |         $db->query($db->update('table.contents')->rows(array('views' => (int) $row['views'] + 1))->where('cid = ?', $cid));
165 |             array_push($views, $cid);
166 |             $views = implode(',', $views);
167 |             Typecho_Cookie::set('extend_contents_views', $views);
168 |         }
169 |     }
170 |     echo $row['views'];
171 | }
172 | //设置文章自定义字段
173 | function themeFields($layout)
174 |     {
175 |         $thumbImg = new Typecho_Widget_Helper_Form_Element_Text('thumbimg', NULL, NULL, _t('自定义缩略图'), _t('将要显示在瀑布流中的缩略图URL地址，建议图片宽度500px，高度不限！【只针对文章，页面请忽略】'));
176 |         $thumbImg->input->setAttribute('class', 'w-100');
177 |         $layout->addItem($thumbImg); 
178 | 
179 |         $postTop = new Typecho_Widget_Helper_Form_Element_Radio('postTop', 
180 |         array('keeptop' => _t('添加文章页置顶标记'),
181 |         'removetop' => _t('关闭文章页置顶标记')),
182 |         'removetop', _t('文章置顶Sticky插件辅助'), _t('默认关闭【只针对文章，页面请忽略】<br/>说明：此处选项是配合sticky插件使用的，若你没有使用sticky插件则直接忽略此处设置。<br/>若有使用sticky插件置顶文章时，勾选此处会使文章内容页的标题后也出现置顶的标记！'));
183 |         $layout->addItem($postTop);
184 | 
185 |         $headbigimg = new Typecho_Widget_Helper_Form_Element_Text('headbigimg', NULL, NULL, _t('文章页顶部大图'), _t('将要显示在文章页顶部的图片地址，建议图片分辨率2000*500px！'));
186 |         $headbigimg->input->setAttribute('class', 'w-100');
187 |         $layout->addItem($headbigimg);
188 | 
189 |         $headpostdesc = new Typecho_Widget_Helper_Form_Element_Text('headpostdesc', NULL, NULL, _t('文章页顶部大图文字'), _t('图片配文，可以不填写！'));
190 |         $headpostdesc->input->setAttribute('class', 'w-100');
191 |         $layout->addItem($headpostdesc);
192 | 
193 |         $posttitlecolor = new Typecho_Widget_Helper_Form_Element_Text('posttitlecolor', NULL, NULL, _t('标题字体颜色'), _t('输入颜色代码，如：#ff0000;'));
194 |         $posttitlecolor->input->setAttribute('class', 'w-100');
195 |         $layout->addItem($posttitlecolor);
196 | 
197 |         // $postGallery = new Typecho_Widget_Helper_Form_Element_Radio('postGallery', array('isGallery' => _t('文章设置为相册'), 'noGallery' => _t('普通文章形式')), 'noGallery', _t('设置为相册形式'), _t('默认为普通文章形式。相册模式直接文章中输入图片地址，每行地址前需要添加一个反斜杠“\”，一行一个地址。'));
198 |         // $layout->addItem($postGallery);
199 | 
200 |         $aplayerurl = new Typecho_Widget_Helper_Form_Element_Text('aplayerurl', NULL, NULL, _t('歌曲URL地址'), _t('输入可以在线播放的音乐URL地址'));
201 |         $aplayerurl->input->setAttribute('class', 'w-100');
202 |         $layout->addItem($aplayerurl);
203 | 
204 |         $aplayername = new Typecho_Widget_Helper_Form_Element_Text('aplayername', NULL, NULL, _t('歌名'), _t(''));
205 |         $aplayername->input->setAttribute('class', 'w-100');
206 |         $layout->addItem($aplayername);
207 | 
208 |         $aplayerauthor = new Typecho_Widget_Helper_Form_Element_Text('aplayerauthor', NULL, NULL, _t('歌手'), _t(''));
209 |         $aplayerauthor->input->setAttribute('class', 'w-100');
210 |         $layout->addItem($aplayerauthor);
211 | 
212 |         $aplayerthumb = new Typecho_Widget_Helper_Form_Element_Text('aplayerthumb', NULL, NULL, _t('歌曲封面'), _t(''));
213 |         $aplayerthumb->input->setAttribute('class', 'w-100');
214 |         $layout->addItem($aplayerthumb);
215 | 
216 |         $videorurl = new Typecho_Widget_Helper_Form_Element_Text('videorurl', NULL, NULL, _t('视频URL地址（仅适用时间轴分类）'), _t('输入可以在线播放的视频URL地址'));
217 |         $videorurl->input->setAttribute('class', 'w-100');
218 |         $layout->addItem($videorurl);
219 | 
220 |         $videoname = new Typecho_Widget_Helper_Form_Element_Text('videoname', NULL, NULL, _t('视频标题（仅适用时间轴分类）'), _t(''));
221 |         $videoname->input->setAttribute('class', 'w-100');
222 |         $layout->addItem($videoname);
223 |     }
224 | //调用首页友情链接
225 | function Links($sorts = NULL) {
226 |         $options = Typecho_Widget::widget('Widget_Options');
227 |         if ($options->Links) {
228 |             $list = explode("\r\n", $options->Links);
229 |             foreach ($list as $tmp) {
230 |                 list($sort, $name, $url, $description) = explode(',', $tmp);
231 |                 if (!isset($sorts) || $sorts == "") {
232 |                     echo '<li><a class="innerlinksa" href="'.$url.'" title="'.$description.'" target="_blank">'.$name.'</a></li>';
233 |                 } else {
234 |                     $arr = explode(",", $sorts);
235 |                     for($i = 0; $i < count($arr); $i++) {
236 |                         if($arr[$i] === $sort) {
237 |                             echo '<li><a class="innerlinksa" href="'.$url.'" title="'.$description.'" target="_blank">'.$name.'</a></li>';
238 |                         }
239 |                     }
240 |                 }
241 |             }
242 |         } else {
243 |             echo '<li>暂无链接</li>';
244 |         }
245 |     }
246 | //调用内页页面友情链接
247 | function innerLinks($innersorts = NULL) {
248 |         $options = Typecho_Widget::widget('Widget_Options');
249 |         if ($options->innerlinks) {
250 |             $list = explode("\r\n", $options->innerlinks);
251 |             $innerlinkcate = explode("\r\n", $innersorts);
252 |             for ($i=0; $i < count($innerlinkcate); $i++) { 
253 |                 echo '<span class="innerlinkcat">'.$innerlinkcate[$i].'</span><ul class="innerlinks_items">';
254 |                 foreach ($list as $eachlist) {
255 |                     list($sort, $name, $url, $description, $type) = explode(',', $eachlist);
256 |                     if (isset($innersorts) && !$innersorts == "") {
257 |                         if ($innerlinkcate[$i] === $sort) {
258 |                             if ($type === '0') {
259 |                                 echo '<li><a class="innerlinksa" href="'.$url.'" title="'.$description.'" target="_blank" rel="external nofollow">'.$name.'</a></li>';
260 |                             }else{
261 |                                 echo '<li><a class="innerlinksa" href="'.$url.'" title="'.$description.'" target="_blank">'.$name.'</a></li>';
262 |                             }
263 |                         }
264 |                     }
265 |                 }
266 |                 echo '</ul>';
267 |             }
268 |         } else {
269 |             echo '<li>暂无链接</li>';
270 |         }
271 |     }
272 | // 调用轮播图
273 | // <p><a>'.$catname.'</a></p>
274 | function SlideImg($classifys = NULL) {
275 |         $options = Typecho_Widget::widget('Widget_Options');
276 |         if ($options->SlideImg) {
277 |             $list2 = explode("\r\n", $options->SlideImg);
278 |             foreach ($list2 as $tmp) {
279 |                 list($title, $posturl, $imgurl, $classify) = explode(',', $tmp);
280 |                 if (!isset($classifys) || $classifys == "") {
281 |                     echo '<div class="section" style="background-image: url('.$imgurl.');">
282 |                                 <h3><a href="'.$posturl.'">'.$title.'</a></h3>
283 |                             </div>';
284 |                 } else {
285 |                     if ($classify == "all") {
286 |                         echo '<div class="section" style="background-image: url('.$imgurl.');">
287 |                                 <h3><a href="'.$posturl.'">'.$title.'</a></h3>
288 |                             </div>';
289 |                     }
290 |                     $arr2 = explode(",", $classifys);
291 |                     for($i = 0; $i < count($arr2); $i++) {
292 |                         if($arr2[$i] === $classify) {
293 |                             echo '<div class="section" style="background-image: url('.$imgurl.');">
294 |                                 <h3><a href="'.$posturl.'">'.$title.'</a></h3>
295 |                             </div>';
296 | 
297 |                         }
298 |                     }
299 |                 }
300 |             }
301 |         } else {
302 |             echo '<div class="section" style="background:#000;">
303 |                                 <h3><a>&nbsp;-&nbsp;未设置轮播图，请先设置&nbsp;-&nbsp;</a></h3>
304 |                             </div>';
305 |         }
306 |     }
307 | //评论添加回复标记
308 | function get_commentReply_at($coid)
309 | {
310 |     $db   = Typecho_Db::get();
311 |     $prow = $db->fetchRow($db->select('parent')->from('table.comments')
312 |                                  ->where('coid = ? AND status = ?', $coid, 'approved'));
313 |     $parent = $prow['parent'];
314 |     if ($parent != "0") {
315 |         $arow = $db->fetchRow($db->select('author')->from('table.comments')
316 |                                      ->where('coid = ? AND status = ?', $parent, 'approved'));
317 |         $author = $arow['author'];
318 |         $href   = '回复 <span style="color:#ff8300;">' . $author . '</span>：';
319 |         echo $href;
320 |     } else {
321 |         echo '';
322 |     }
323 | }
324 | // 替换文章内容方法
325 | function themeInit($archive)
326 |     {
327 |         Helper::options()->commentsMaxNestingLevels = 99;
328 |         if ($archive->is('single'))
329 |         {
330 |             $archive->content = image_class_replace($archive->content);
331 |         }
332 |     }
333 | function image_class_replace($content)
334 |     {
335 |         $options = Typecho_Widget::widget('Widget_Options');
336 |         if ($options->loadingPic) {
337 |             $loadingPicAddr = $options->loadingPic;
338 |         }else{
339 |             $loadingPicAddr = "#";
340 |         }
341 |         $content = preg_replace('#<img(.*?) src="([^"]*/)?(([^"/]*)\.[^"]*)"(.*?)>#',
342 |             '<img$1 data-original="$2$3"$5 class="lazyload" src="'.$loadingPicAddr.'">', $content);
343 |         $content = preg_replace('#<a(.*?) href="([^"]*/)?(([^"/]*)\.[^"]*)"(.*?)>#',
344 |             '<a$1 href="$2$3"$5 rel="external nofollow" target="_blank">', $content);
345 |         $content = preg_replace('/\[addimg\](http:|https:)(.*?)(.jpg|.png|.jpeg|.png),(.*?)\[\/addimg\]/i','<a data-fancybox="gallery" href="$1$2$3" data-caption="$4">$4</a>', $content);
346 |         $content = preg_replace('/(\[addvideo\])(http:|https:)(.*?),(.*?),(.*?),(.*?)(\[\/addvideo\])/i','<a data-fancybox data-width="$5" data-height="$6" href="$2$3" data-caption="$4">$4</a>', $content);
347 |         $content = preg_replace('/(\[addvideo2\])(http:|https:)(.*?),<img data-original="(http:|https:)(.*?)" alt="(.*?)" (.*?),(.*?),(.*?)(\[\/addvideo2\])/i','<a data-fancybox data-width="$8" data-height="$9" href="$2$3" data-caption="$6"><img data-original="$4$5" class="lazyload" src="'.$loadingPicAddr.'" alt="$6" title="$6"></a>', $content);
348 |         $content = preg_replace('/(\[addvideo3\])(http:|https:)(.*?),(.*?),<a href="(http:|https:)(.*?),(.*?),(.*?)" (.*?)(\[\/addvideo3\])/i','<a data-fancybox data-width="$7" data-height="$8" href="$2$3" data-caption="$4"><img data-original="$5$6" class="lazyload" src="'.$loadingPicAddr.'" alt="$4" title="$4"></a>', $content);
349 |         $content = preg_replace('/\[group\](http:|https:)(.*?)(.jpg|.jpeg|.gif|.png),(.*?),(.*?)\[\/group\]/i','<a data-thumbs={"autoStart":true} href="$1$2$3" data-fancybox="$5" alt="$4" title="$4"><img src="$1$2$3" /></a>',$content);
350 |         preg_match_all('/\[album\](http:|https:)(.*?)(.jpg|.jpeg|.gif|.png),(.*?)\[\/album\]/i', $content, $matches);
351 |         $ca = count($matches[0]);
352 |         $content = preg_replace('/\[album\](http:|https:)(.*?)(.jpg|.jpeg|.gif|.png),(.*?)\[\/album\]/i','<a href="$1$2$3" data-fancybox="$4" data-thumb="$1$2$3"></a>',$content);
353 |         if ($ca > 1) {
354 |             $content = preg_replace('/\<\/a\>\<br\>\<a/i', '</a><a', $content);
355 |         }
356 |         $content = preg_replace('/\[record\](.*?)\<br\>(.*?)\[\/record]/i','<span class="postRecord"><span style="background:#fff;padding:0 5px;">$1</span></span><span class="recordBody">$2</span>',$content);
357 |         return $content;
358 |     }
359 | ?>
360 | <!-- end -->


--------------------------------------------------------------------------------
/header.php:
--------------------------------------------------------------------------------
  1 | <!-- 
  2 | *********************************************
  3 |                    _ooOoo_
  4 |                   o8888888o
  5 |                   88" . "88
  6 |                   (| -_- |)
  7 |                   O\  =  /O
  8 |                ____/`---'\____
  9 |              .'  \\|     |//  `.
 10 |             /  \\|||  :  |||//  \
 11 |            /  _||||| -:- |||||-  \
 12 |            |   | \\\  -  /// |   |
 13 |            | \_|  ''\---/''  |   |
 14 |            \  .-\__  `-`  ___/-. /
 15 |          ___`. .'  /--.--\  `. . __
 16 |       ."" '<  `.___\_<|>_/___.'  >'"".
 17 |      | | :  `- \`.;`\ _ /`;.`/ - ` : | |
 18 |      \  \ `-.   \_ __\ /__ _/   .-` /  /
 19 | ======`-.____`-.___\_____/___.-`____.-'======
 20 |                    `=---='
 21 | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
 22 |             佛祖保佑       永无BUG
 23 | -->
 24 | <?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
 25 | <!DOCTYPE HTML>
 26 | <html class="no-js">
 27 | <head>
 28 |     <meta charset="UFT-8">
 29 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 30 |     <meta name="renderer" content="webkit">
 31 |     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 32 |     <meta name="keywords" content="<?php $this->options->cusTitle(); ?> - <?php $this->options->desc(); ?>">
 33 |     <meta name="description" content="<?php $this->options->cusAboutme(); ?>">
 34 |     <title><?php $this->archiveTitle(array(
 35 |             'category'  =>  _t('分类 %s 下的文章'),
 36 |             'search'    =>  _t('包含关键字 %s 的文章'),
 37 |             'tag'       =>  _t('标签 %s 下的文章'),
 38 |             'author'    =>  _t('%s 发布的文章')
 39 |         ), '', ' - '); ?><?php $this->options->cusTitle(); ?> - <?php $this->options->desc(); ?></title>
 40 |     <!-- 使用url函数转换相关路径 -->
 41 |     <?php if(!($this->options->siteicon == '')): ?>
 42 |     <link rel="icon" href="<?php $this->options->siteicon(); ?>" mce_href="<?php $this->options->siteicon(); ?>" type="image/x-icon">
 43 |     <link rel="shortcut icon" href="<?php $this->options->siteicon(); ?>" mce_href="<?php $this->options->siteicon(); ?>" type="image/x-icon">
 44 |     <?php endif; ?>
 45 |     <link rel="stylesheet" type="text/css" href="<?php $this->options->themeUrl('/css/style.css'); ?>">
 46 |     <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.min.css">
 47 |     <link rel="stylesheet" href="https://cdn.staticfile.org/fancybox/3.5.2/jquery.fancybox.min.css" />
 48 |     <link rel="stylesheet" href="https://cdn.staticfile.org/highlight.js/9.13.1/styles/<?php $this->options->highlightColor(); ?>.min.css" />
 49 |     <?php if(!($this->fields->aplayerurl == '' && $this->fields->aplayerthumb == '')): ?>
 50 |     <link href="https://cdn.staticfile.org/aplayer/1.10.1/APlayer.min.css" rel="stylesheet">
 51 |     <script src="https://cdn.staticfile.org/aplayer/1.10.1/APlayer.min.js"></script>
 52 |     <?php endif; ?>
 53 |     <!--[if lt IE 9]>
 54 |     <script src="//cdnjscn.b0.upaiyun.com/libs/html5shiv/r29/html5.min.js"></script>
 55 |     <script src="//cdnjscn.b0.upaiyun.com/libs/respond.js/1.3.0/respond.min.js"></script>
 56 |     <![endif]-->
 57 |     <!-- 通过自有函数输出HTML头部信息 -->
 58 |     <?php $this->header(); ?>
 59 |     <?php if(!($this->options->tongji == '')): ?><?php $this->options->tongji(); ?><?php endif; ?>
 60 | </head>
 61 | 
 62 | <?php if($this->is('index') && !empty($this->options->SimpleHomeOn) && in_array('simpleHome', $this->options->SimpleHomeOn)): ?>
 63 | <body style="background: #000;">
 64 | <?php elseif(($this->is('post') && $this->category == 'timeline')): ?>
 65 | <body>
 66 | <?php else: ?>
 67 | <body>
 68 | <!--[if lt IE 8]>
 69 |     <div class="browsehappy" role="dialog"><?php _e('当前网页 <strong>不支持</strong> 你正在使用的浏览器. 为了正常的访问, 请 <a href="http://browsehappy.com/">升级你的浏览器</a>'); ?>.</div>
 70 | <![endif]-->
 71 | <div id="headnav" class="headnav">
 72 |     <div class="inheadnav">
 73 |         <div id="headlogo" class="headlogo"><a class="navmla2 nav_menu_li_a2" style="padding: 0;" href="<?php $this->options->siteUrl(); ?>"><?php $this->options->cusTitle(); ?></a></div>
 74 |         <ul class="nav_menu">
 75 |             <li class="nav_menu_li"><a class="navmla nav_menu_li_a2" href="<?php $this->options->siteUrl(); ?>"><?php _e('Home'); ?></a></li>
 76 |             <?php if (!empty($this->options->sidebarCategory) && in_array('onTopNav', $this->options->sidebarCategory)): ?>
 77 |             <?php $this->widget('Widget_Metas_Category_List')->to($categorys); ?>
 78 |             <?php while($categorys->next()): ?>
 79 |             <li class="nav_menu_li"><a class="navmla nav_menu_li_a2" href="<?php $categorys->permalink(); ?>" title="<?php $categorys->description(); ?>"><?php $categorys->name(); ?></a></li>
 80 |             <?php endwhile; ?><?php endif; ?>
 81 |             <?php $this->widget('Widget_Contents_Page_List')->to($pages); ?>
 82 |             <?php while($pages->next()): ?><?php if(!($pages->template == 'page-status.php')): ?>
 83 |             <li class="nav_menu_li"><a class="navmla nav_menu_li_a2" href="<?php $pages->permalink(); ?>" title="<?php $pages->title(); ?>"><?php $pages->title(); ?></a></li>
 84 |             <?php endif; ?><?php endwhile; ?>
 85 |             <li id="controlSearch" class="nav_menu_li"><a id="switchicon" class="navmla2 nav_menu_li_a2"><i class="fa fa-search" aria-hidden="true"></i></a></li>
 86 |         </ul>
 87 |     </div>
 88 | </div>
 89 | <!-- --------------------------mobile-nav-start------------------------------------ -->
 90 | <div id="m_nav">
 91 |     <div class="m_innav">
 92 |         <div id="m_inheadnav" class="m_inheadnav">
 93 |             <i class="fa fa-bars" aria-hidden="true"></i>
 94 |         </div>
 95 |         <div id="m_menu_1" class="m_menu_1" style="visibility: hidden;opacity: 0;">
 96 |             <?php $this->widget('Widget_Metas_Category_List')->to($categorys); ?>
 97 |             <?php while($categorys->next()): ?>
 98 |             <li class="m_menu_1_li"><a class="m_menu_1_li_a" href="<?php $categorys->permalink(); ?>" title="<?php $categorys->name(); ?>"><?php $categorys->name(); ?></a></li>
 99 |             <?php endwhile; ?>
100 |             <?php $this->widget('Widget_Contents_Page_List')->to($pages); ?>
101 |             <?php while($pages->next()): ?><?php if(!($pages->template == 'page-status.php')): ?>
102 |             <li class="m_menu_1_li"><a class="m_menu_1_li_a" href="<?php $pages->permalink(); ?>" title="<?php $pages->title(); ?>"><?php $pages->title(); ?></a></li>
103 |             <?php endif; ?><?php endwhile; ?>
104 |         </div>
105 |         <div class="m_logo">
106 |             <a class="m_logo_a" href="<?php $this->options->siteUrl(); ?>"><?php $this->options->cusTitle(); ?></a>
107 |         </div>
108 |         <div id="m_controlSearch" class="m_search">
109 |             <a id="m_switchicon"><i class="fa fa-search" aria-hidden="true"></i></a>
110 |         </div>
111 |     </div>
112 | </div>
113 | <!-- --------------------------mobile-nav-end------------------------------------ -->
114 | <div id="topsearch" class="topsearch" style="visibility: hidden;opacity: 0;">
115 |     <div class="intopsearch">
116 |         <div class="mainsearch">
117 |             <form id="search" method="post" action="<?php $this->options->siteUrl(); ?>" role="search">
118 |                 <input type="text" id="s" name="s" class="text" placeholder="<?php _e('ENTER KEYWORDS...'); ?>" />
119 |                 <button type="submit" class="submit"><?php _e('Search'); ?></button>
120 |             </form>
121 |         </div>
122 |     </div>
123 | </div>
124 | <?php if (!empty($this->options->slideImages) && in_array('ShowSlideOn', $this->options->slideImages)): ?>
125 |     <?php if(!($this->is('post') || $this->is('page'))): ?>
126 |         <div class="imgslide-container" style="opacity: 0;">
127 |             <div id="container">
128 |                 <div class="sections" id="sections">
129 |             <?php if($this->is('index') || $this->is('search')): ?>
130 |                     <?php SlideImg('home'); ?>
131 |                 </div>
132 |             <?php endif; ?>
133 |             <?php if($this->is('category')): ?>
134 |                     <?php SlideImg($this->category); ?>
135 |                 </div>
136 |             <?php endif; ?>
137 |                 <div id="navs"></div>
138 |             <script>
139 |                 var getSlideCount = document.getElementsByClassName("section").length;
140 |                 var pullCon = "";
141 |                 var i9;
142 |                 for (i9 = 0; i9 < getSlideCount; i9++) {
143 |                     pullCon += '<a href="javascript:;"></a>';
144 |                 }
145 |                 document.getElementById("navs").innerHTML = pullCon;
146 |             </script>
147 |             </div>
148 |         </div>
149 |     <?php endif; ?>
150 | <?php endif; ?>
151 | <?php if($this->is('post') || $this->is('page')): ?>
152 |     <div class="imgslide-container" style="opacity: 0;">
153 |         <div id="container2">
154 |             <div class="sections2">
155 |                 <?php if (!($this->fields->headbigimg == '')): ?>
156 |                     <div class="section2 lazyload" data-original="<?php $this->fields->headbigimg(); ?>" style="background-image: url();">
157 |                 <?php else: ?>
158 |                     <div class="section2 lazyload" data-original="<?php $this->options->postdefaultimg(); ?>" style="background-image: url();">
159 |                 <?php endif; ?>
160 |                 <?php if (!($this->fields->headpostdesc == '')): ?>
161 |                     <h3><?php $this->fields->headpostdesc(); ?></h3>
162 |                 <?php else: ?>
163 |                     <h3><?php $this->options->postdefaultword(); ?></h3>
164 |                 <?php endif; ?>
165 |             </div> 
166 |         </div>
167 |     </div>
168 |     <div class="sentences">
169 |     <?php else: ?>
170 |     <?php if (!empty($this->options->slideImages) && in_array('ShowSlideOn', $this->options->slideImages)): ?>
171 |         <div class="sentences">
172 |     <?php else: ?>
173 |         <div class="sentences" style="margin-top: 76px;">
174 |     <?php endif; ?>   
175 |         <?php endif; ?>
176 |         <div id="testjs" style="position: fixed;top: 10px;left: 10px;z-index: 999;background: #000;color: #fff;"></div>
177 |         <div class="insentence">
178 |             <p><i style="color: #ff0000;" class="fa fa-heart" aria-hidden="true"></i>&nbsp;&nbsp;<span id="typed" style="word-wrap: break-word;word-break: break-all;overflow: hidden;font-size: 12px;"></span>&nbsp;&nbsp;<i style="color: #ff0000;" class="fa fa-heart" aria-hidden="true"></i></p>
179 |         </div>
180 |     </div>
181 | <?php endif; ?>


--------------------------------------------------------------------------------
/images/videobg.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/crazystear/Practice01/c002e0d76b179c572a85ae58bcc929a02896890d/images/videobg.jpg


--------------------------------------------------------------------------------
/index.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * 瀑布流布局的typecho主题practice01，这是我写的第一个typecho主题，纯属练习的作品，所以命名为practice01。主题功能请在使用中慢慢体会：）
 4 |  * 
 5 |  * @package practice01
 6 |  * @author 小宇
 7 |  * @version 20200515
 8 |  * @link https://kisxy.com
 9 |  */
10 | if (!defined('__TYPECHO_ROOT_DIR__')) exit;
11 |     $this->need('header.php');
12 | ?>
13 | <?php if($this->is('index') && !empty($this->options->SimpleHomeOn) && in_array('simpleHome', $this->options->SimpleHomeOn)): ?>
14 | <?php $this->need('simplehome.php'); ?>
15 | <?php else: ?>
16 | <div class="site-wrap">
17 |     <div class="flex-left">
18 |         <div class="left-side">
19 |             <div class="inside">
20 |                 <div id="content" class="content">
21 |                     <?php while($this->next()): ?>
22 |                         <?php
23 |                             $getCate = $this->category;
24 |                             if ($getCate != 'gallery' && $getCate != 'timeline') {
25 |                                 include("post_common.php");
26 |                             }
27 |                         ?>
28 |                     <?php endwhile; ?>
29 |                 </div>
30 |                 <div id="ajaxloadpost" style="padding: 0 10px;">
31 |                     <?php $this->pageLink('下一页','next'); ?>
32 |                 </div>
33 |                 <div id="showtext"></div>
34 |                 </div>                
35 |             </div>
36 |         </div>
37 |         <?php $this->need('sidebar.php'); ?>
38 |         <?php $this->need('footer.php'); ?>
39 | <?php endif; ?>


--------------------------------------------------------------------------------
/js/pageSwitch.min.js:
--------------------------------------------------------------------------------
1 | /**
2 |  * Minified by jsDelivr using UglifyJS v3.4.4.
3 |  * Original file: /npm/pageswitch@2.3.2/src/pageSwitch.js
4 |  * 
5 |  * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
6 |  */
7 | !function(r,t,e){"use strict";var a,n,i=0,f=r.requestAnimationFrame||r.webkitRequestAnimationFrame||r.mozRequestAnimationFrame||r.msRequestAnimationFrame||function(e){var t=+new Date,n=Math.max(1e3/60,1e3/60-(t-i));return i=t+n,setTimeout(e,n)},m=r.cancelAnimationFrame||r.webkitCancelAnimationFrame||r.webkitCancelRequestAnimationFrame||r.mozCancelRequestAnimationFrame||r.msCancelRequestAnimationFrame||clearTimeout,u=r.document,s=u.createElement("div").style,y=function(){for(var e,t="-webkit- -moz- -o- -ms-".split(" ");e=t.shift();)if(E(e+"transform")in s)return e;return""}(),o=D("opacity"),v=D("transform"),g=D("perspective"),b=D("transform-style"),x=D("transform-origin"),w=D("backface-visibility"),N=b&&(s[b]="preserve-3d")==s[b],l=Object.prototype.toString,h=[].slice,c={},p={},d={click:4,mousewheel:5,dommousescroll:5,keydown:6},T={2:"touch",3:"pen",4:"mouse",pen:"pen"},I=[],M=[],k=(a={},n={start:1,down:1,move:2,end:3,up:3,cancel:3},P("mouse touch pointer MSPointer-".split(" "),function(i){var s=/pointer/i.test(i)?"pointer":i;a[s]=a[s]||{},T[s]=s,P(n,function(e,t){var n=E(i+e);a[s][n]=t,p[n.toLowerCase()]=s,1==(d[n.toLowerCase()]=t)?I.push(n):M.push(n)})}),{touch:{},pointer:{},mouse:{}}),C={linear:function(e,t,n,i){return n*e/i+t},ease:function(e,t,n,i){return-n*((e=e/i-1)*e*e*e-1)+t},"ease-in":function(e,t,n,i){return n*(e/=i)*e*e+t},"ease-out":function(e,t,n,i){return n*((e=e/i-1)*e*e+1)+t},"ease-in-out":function(e,t,n,i){return(e/=i/2)<1?n/2*e*e*e+t:n/2*((e-=2)*e*e+2)+t},bounce:function(e,t,n,i){return(e/=i)<1/2.75?n*(7.5625*e*e)+t:e<2/2.75?n*(7.5625*(e-=1.5/2.75)*e+.75)+t:e<2.5/2.75?n*(7.5625*(e-=2.25/2.75)*e+.9375)+t:n*(7.5625*(e-=2.625/2.75)*e+.984375)+t}},z={fade:function(e,t,n,i){o?(e.style.opacity=1-Math.abs(t),n&&(n.style.opacity=Math.abs(t))):(e.style.filter="alpha(opacity="+100*(1-Math.abs(t))+")",n&&(n.style.filter="alpha(opacity="+100*Math.abs(t)+")"))}};function X(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?c[l.call(e)]||"object":typeof e}function E(e){return(e+"").replace(/^-ms-/,"ms-").replace(/-([a-z]|[0-9])/gi,function(e,t){return(t+"").toUpperCase()})}function D(e){var t=E(e),n=E(y+t);return t in s&&t||n in s&&n||""}function S(e){return"function"==X(e)}function P(e,t){if(o=X(a=e),a&&"function"!=o&&"string"!=o&&(0===a.length||a.length&&(1==a.nodeType||a.length-1 in a))){if("function"==X(e.forEach))return e.forEach(t);for(var n,i=0,s=e.length;i<s;i++)"undefined"!=X(n=e[i])&&t(n,i,e)}else{var r;for(r in e)t(r,e[r],e)}var a,o}function R(n,e,t){if("object"==X(e))return P(e,function(e,t){R(n,e,t)});P(e.split(" "),function(e){n.addEventListener?n.addEventListener(e,t,!1):n.attachEvent?n.attachEvent("on"+e,t):n["on"+e]=t})}function Y(n,e,t){if("object"==X(e))return P(e,function(e,t){Y(n,e,t)});P(e.split(" "),function(e){n.removeEventListener?n.removeEventListener(e,t,!1):n.detachEvent?n.detachEvent("on"+e,t):n["on"+e]=null})}function j(t){var e,n,i,s,r={},a=t.which,o=t.button;if(P("wheelDelta detail which keyCode".split(" "),function(e){r[e]=t[e]}),r.oldEvent=t,r.type=t.type.toLowerCase(),r.eventType=p[r.type]||r.type,r.eventCode=d[r.type]||0,r.pointerType=T[t.pointerType]||t.pointerType||r.eventType,r.target=t.target||t.srcElement||u.documentElement,3===r.target.nodeType&&(r.target=r.target.parentNode),r.preventDefault=function(){t.preventDefault&&t.preventDefault(),r.returnValue=t.returnValue=!1},e=k[r.eventType]){switch(r.eventType){case"mouse":case"pointer":var l=t.pointerId||0;3==r.eventCode?delete e[l]:e[l]=t;break;case"touch":k[r.eventType]=e=t.touches}s=0,(n="item"in(i=e)?i.item(s):function(){var e,t=0;for(e in this)if(t++==s)return this[e]}.call(i,s))&&(r.clientX=n.clientX,r.clientY=n.clientY),r.button=a<4?Math.max(0,a-1):4&o?1:2&o,r.length=function(e){var t,n=0;if("number"==X(e.length))n=e.length;else if("keys"in Object)n=Object.keys(e).length;else for(t in e)e.hasOwnProperty(t)&&n++;return n}(e)}return r}P("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(e){c["[object "+e+"]"]=e.toLowerCase()}),P("X Y ".split(" "),function(d){var p,l,f,o,h={X:"left",Y:"top"},c=g?" translateZ(0)":"";z["scroll"+d]=function(e,t,n,i){var s=d||["X","Y"][this.direction];v?e.style[v]="translate"+s+"("+100*t+"%)"+c:e.style[h[s]]=100*t+"%",n&&(v?n.style[v]="translate"+s+"("+100*i+"%)"+c:n.style[h[s]]=100*i+"%")},z["scroll3d"+d]=function(e,t,n,i){var s,r=d||["X","Y"][this.direction],a=t<0?-1:1,o=Math.abs(t);g?(o<.05?(s=1200*o,t=0,i=-1*a):o<.95?(s=60,t=(t-.05*a)/.9,i=(i+.05*a)/.9):(s=1200*(1-o),t=a,i=0),e.parentNode.style[v]="perspective(1000px) rotateX("+s+"deg)",e.style[v]="translate"+r+"("+100*t+"%)",n&&(n.style[v]="translate"+r+"("+100*i+"%)")):z["scroll"+d].apply(this,arguments)},z["slide"+d]=function(e,t,n,i){z["slideCoverReverse"+d].apply(this,arguments)},z["flow"+d]=function(e,t,n,i){z["flowCoverIn"+d].apply(this,arguments)},z["slice"+d]=(p=function(e,t){var n=u.createElement("div");n.style.cssText="position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;",n.appendChild(e),t.appendChild(n)},function(e,t,n,i){var s,r,a,o,l="X"==(d||["X","Y"][this.direction])?"width":"height",h=this.container[E("client-"+l)],c=(Math.abs(t),Math.abs(i),0==t||0==i);e.style[l]=c?"100%":h+"px",e.parentNode==this.container&&p(e,this.container),e.parentNode.style.zIndex=0<t?0:1,e.parentNode.style[l]=100*(Math.min(t,0)+1)+"%",n&&(n.style[l]=c?"100%":h+"px",n.parentNode==this.container&&p(n,this.container),n.parentNode.style.zIndex=0<t?1:0,n.parentNode.style[l]=100*(Math.min(i,0)+1)+"%"),s=e,r=n,a=this.pages,o=this.container,P(a,function(e){e.parentNode!=o&&(e.parentNode.style.display=s!=e&&r!=e?"none":"block")})}),z["flip"+d]=function(e,t,n,i){var s=d||["X","Y"][1-this.direction],r="X"==s?-1:1;g?(e.style[w]="hidden",e.style[v]="perspective(1000px) rotate"+s+"("+180*t*r+"deg)"+c,n&&(n.style[w]="hidden",n.style[v]="perspective(1000px) rotate"+s+"("+180*i*r+"deg)"+c)):z["scroll"+d].apply(this,arguments)},z["flip3d"+d]=function(e,t,n,i){var s=d||["X","Y"][1-this.direction],r="X"==s?-1:1,a=r*(t<0?1:-1),o=e["offset"+("X"==s?"Height":"Width")]/2;N?(l||(l=!0,e.parentNode.parentNode.style[g]="1000px",e.parentNode.style[b]="preserve-3d"),e.parentNode.style[v]="translateZ(-"+o+"px) rotate"+s+"("+90*t*r+"deg)",e.style[v]="rotate"+s+"(0) translateZ("+o+"px)",n&&(n.style[v]="rotate"+s+"("+90*a+"deg) translateZ("+o+"px)")):z["scroll"+d].apply(this,arguments)},z["flipClock"+d]=(f=function(e,t,n,i){var s=e.parentNode,r="X"==n?"height":"width",a="X"==n?"top":"left",o=["50%",(i?0:100)+"%"]["X"==n?"slice":"reverse"]().join(" ");return s&&s!=t||((s=u.createElement("div")).style.cssText="position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;display:none;",s.style[x]=o,s.style[w]="hidden",s.appendChild(e),t.appendChild(s)),s.style[r]="50%",s.style[a]=100*i+"%",e.style[r]="200%",e.style[a]=200*-i+"%",s},function(e,t,n,i){var s,r,a,o,l,h,c=d||["X","Y"][1-this.direction],p=(this.pages[this.current],Number(Math.abs(t)<.5)),u="X"==c?1:-1;g?(f(e,this.container,c,0),f(e._clone||(e._clone=e.cloneNode(!0)),this.container,c,.5),s=r=180*-t*u,0<t?r=0:s=0,e.parentNode.style.zIndex=e._clone.parentNode.style.zIndex=p,e.parentNode.style[v]="perspective(1000px) rotate"+c+"("+s+"deg)",e._clone.parentNode.style[v]="perspective(1000px) rotate"+c+"("+r+"deg)",n&&(f(n,this.container,c,0),f(n._clone||(n._clone=n.cloneNode(!0)),this.container,c,.5),s=r=180*-i*u,0<t?s=0:r=0,n.parentNode.style.zIndex=n._clone.parentNode.style.zIndex=1-p,n.parentNode.style[v]="perspective(1000px) rotate"+c+"("+s+"deg)",n._clone.parentNode.style[v]="perspective(1000px) rotate"+c+"("+r+"deg)"),a=e,o=n,l=this.pages,h=this.container,P(l,function(e){e.parentNode!=h&&(e.parentNode.style.display=e._clone.parentNode.style.display=a!=e&&o!=e?"none":"block")}),0!=t&&0!=i||((e=this.pages[this.current]).style.height=e.style.width=e.parentNode.style.height=e.parentNode.style.width="100%",e.style.top=e.style.left=e.parentNode.style.top=e.parentNode.style.left=0,e.parentNode.style.zIndex=2)):z["scroll"+d].apply(this,arguments)}),z["flipPaper"+d]=function(e,t,n,i){var s=d||["X","Y"][this.direction],r="X"==s?"width":"height",a=100*Math.abs(t);if(!o){(o=u.createElement("div")).style.cssText="position:absolute;z-index:2;top:0;left:0;height:0;width:0;background:no-repeat #fff;";try{o.style.backgroundImage=y+"linear-gradient("+("X"==s?"right":"bottom")+", #aaa 0,#fff 20px)"}catch(e){}this.container.appendChild(o)}z["slice"+d].apply(this,arguments),o.style.display=0==t||0==i?"none":"block",o.style.width=o.style.height="100%",o.style[r]=(t<0?a:100-a)+"%",o.style[h[s]]=(t<0?100-2*a:2*a-100)+"%"},z["zoom"+d]=function(e,t,n,i){var s=Number(Math.abs(t)<.5);v?(e.style[v]="scale"+d+"("+Math.abs(1-2*Math.abs(t))+")"+c,e.style.zIndex=s,n&&(n.style[v]="scale"+d+"("+Math.abs(1-2*Math.abs(t))+")"+c,n.style.zIndex=1-s)):z["scroll"+d].apply(this,arguments)},z["bomb"+d]=function(e,t,n,i){var s=Number(Math.abs(t)<.5),r=Math.abs(1-2*Math.abs(t));v?(e.style[v]="scale"+d+"("+(2-r)+")"+c,e.style.opacity=s?r:0,e.style.zIndex=s,n&&(n.style[v]="scale"+d+"("+(2-r)+")"+c,n.style.opacity=s?0:r,n.style.zIndex=1-s)):z["scroll"+d].apply(this,arguments)},z["skew"+d]=function(e,t,n,i){var s=Number(Math.abs(t)<.5);v?(e.style[v]="skew"+d+"("+180*t+"deg)"+c,e.style.zIndex=s,n&&(n.style[v]="skew"+d+"("+180*i+"deg)"+c,n.style.zIndex=1-s)):z["scroll"+d].apply(this,arguments)},P(" Reverse In Out".split(" "),function(l){z["scrollCover"+l+d]=function(e,t,n,i){var s=d||["X","Y"][this.direction],r=Number("In"==l||!l&&t<0||"Reverse"==l&&0<t),a=100,o=100;r?a=20:o=20,v?e.style[v]="translate"+s+"("+t*a+"%)"+c:e.style[h[s]]=t*a+"%",e.style.zIndex=1-r,n&&(v?n.style[v]="translate"+s+"("+i*o+"%)"+c:n.style[h[s]]=i*o+"%",n.style.zIndex=r)},z["slideCover"+l+d]=function(e,t,n,i){var s=d||["X","Y"][this.direction],r=Number("In"==l||!l&&t<0||"Reverse"==l&&0<t);v?(e.style[v]="translate"+s+"("+t*(100-100*r)+"%) scale("+(.2*(1-Math.abs(r&&t))+.8)+")"+c,e.style.zIndex=1-r,n&&(n.style[v]="translate"+s+"("+i*r*100+"%) scale("+(.2*(1-Math.abs(r?0:i))+.8)+")"+c,n.style.zIndex=r)):z["scrollCover"+l+d].apply(this,arguments)},z["flowCover"+l+d]=function(e,t,n,i){var s=d||["X","Y"][this.direction],r=Number("In"==l||!l&&t<0||"Reverse"==l&&0<t);v?(e.style[v]="translate"+s+"("+t*(100-50*r)+"%) scale("+(.5*(1-Math.abs(t))+.5)+")"+c,e.style.zIndex=1-r,n&&(n.style[v]="translate"+s+"("+i*(50+50*r)+"%) scale("+(.5*(1-Math.abs(i))+.5)+")"+c,n.style.zIndex=r)):z["scrollCover"+l+d].apply(this,arguments)},z["flipCover"+l+d]=function(e,t,n,i){var s=d||["X","Y"][1-this.direction],r=Number("In"==l||!l&&t<0||"Reverse"==l&&0<t);g?(r?t=0:i=0,e.style[v]="perspective(1000px) rotate"+s+"("+-90*t+"deg)"+c,e.style.zIndex=1-r,n&&(n.style[v]="perspective(1000px) rotate"+s+"("+-90*i+"deg)"+c,n.style.zIndex=r)):z["scroll"+d].apply(this,arguments)},z["skewCover"+l+d]=function(e,t,n,i){var s=Number("In"==l||!l&&t<0||"Reverse"==l&&0<t);v?(s?t=0:i=0,e.style[v]="skew"+d+"("+90*t+"deg)"+c,e.style.zIndex=1-s,n&&(n.style[v]="skew"+d+"("+90*i+"deg)"+c,n.style.zIndex=s)):z["scroll"+d].apply(this,arguments)},z["zoomCover"+l+d]=function(e,t,n,i){var s=Number("In"==l||!l&&t<0||"Reverse"==l&&0<t);v?(s?t=0:i=0,e.style[v]="scale"+d+"("+(1-Math.abs(t))+")"+c,e.style.zIndex=1-s,n&&(n.style[v]="scale"+d+"("+(1-Math.abs(i))+")"+c,n.style.zIndex=s)):z["scroll"+d].apply(this,arguments)},z["bombCover"+l+d]=function(e,t,n,i){var s=Number("In"==l||!l&&t<0||"Reverse"==l&&0<t);v?(s?t=0:i=0,e.style[v]="scale"+d+"("+(1+Math.abs(t))+")"+c,e.style.zIndex=1-s,n&&(n.style[v]="scale"+d+"("+(1+Math.abs(i))+")"+c,n.style.zIndex=s),z.fade.apply(this,arguments)):z["scroll"+d].apply(this,arguments)}})}),t.prototype={version:"2.3.2",constructor:t,latestTime:0,init:function(e){var t,n,i=this,s=this.handler=function(e){!i.frozen&&i.handleEvent(e)};this.events={},this.duration=isNaN(parseInt(e.duration))?600:parseInt(e.duration),this.direction=0==parseInt(e.direction)?0:1,this.current=parseInt(e.start)||0,this.loop=!!e.loop,this.mouse=null==e.mouse||!!e.mouse,this.mousewheel=!!e.mousewheel,this.interval=parseInt(e.interval)||5e3,this.playing=!!e.autoplay,this.arrowkey=!!e.arrowkey,this.frozen=!!e.freeze,this.pages=(t=this.container,n=[],P(t.children||t.childNodes,function(e){1==e.nodeType&&n.push(e)}),n),this.length=this.pages.length,this.pageData=[],R(this.container,I.join(" ")+" click"+(this.mousewheel?" mousewheel DOMMouseScroll":""),s),R(u,M.join(" ")+(this.arrowkey?" keydown":""),s),P(this.pages,function(e){i.pageData.push({percent:0,cssText:e.style.cssText||""}),i.initStyle(e)}),this.pages[this.current].style.display="block",this.on({before:function(){clearTimeout(this.playTimer)},dragStart:function(){var e;clearTimeout(this.playTimer),r.getSelection?"empty"in(e=getSelection())?e.empty():"removeAllRanges"in e&&e.removeAllRanges():u.selection.empty()},after:this.firePlay,update:null}).firePlay(),this.comment=document.createComment(" Powered by pageSwitch v"+this.version+"  https://github.com/qiqiboy/pageSwitch "),this.container.appendChild(this.comment),this.setEase(e.ease),this.setTransition(e.transition)},initStyle:function(e){var t,n=e.style;return P("position:absolute;top:0;left:0;width:100%;height:100%;display:none".split(";"),function(e){t=e.split(":"),n[t[0]]=t[1]}),e},setEase:function(e){return this.ease=S(e)?e:C[e]||C.ease,this},addEase:function(e,t){return S(t)&&(C[e]=t),this},setTransition:function(e){return this.events.update.splice(0,1,S(e)?e:z[e]||z.slide),this},addTransition:function(e,t){return S(t)&&(z[e]=t),this},isStatic:function(){return!this.timer&&!this.drag},on:function(e,t){var n=this;return"object"==X(e)?P(e,function(e,t){n.on(e,t)}):(this.events[e]||(this.events[e]=[]),this.events[e].push(t)),this},fire:function(e){var t=this,n=h.call(arguments,1);return P(this.events[e]||[],function(e){S(e)&&e.apply(t,n)}),this},freeze:function(e){return this.frozen=null==e||!!e,this},slide:function(e){var s=this,r=(this.direction,this.duration),a=+new Date,o=this.ease,l=this.current,h=Math.min(this.length-1,Math.max(0,this.fixIndex(e))),t=this.pages[l],c=this.getPercent(),p=this.fixIndex(h==l?l+(0<c?-1:1):h),n=this.pages[p],u=l<e?-1:1,d=t;return m(this.timer),h==l?(u=0,d=n):"none"==n.style.display&&(c=0),this.fixBlock(l,p),this.fire("before",l,h),this.current=h,r*=Math.abs(u-c),this.latestTime=a+r,function e(){var t=Math.min(r,+new Date-a),n=r?o(t,0,1,r):1,i=(u-c)*n+c;s.fixUpdate(i,l,p);t==r?(d&&(d.style.display="none"),delete s.timer,s.fire("after",h,l)):s.timer=f(e)}(),this},prev:function(){return this.slide(this.current-1)},next:function(){return this.slide(this.current+1)},play:function(){return this.playing=!0,this.firePlay()},firePlay:function(){var e=this;return this.playing&&(this.playTimer=setTimeout(function(){e.slide((e.current+1)%(e.loop?1/0:e.length))},this.interval)),this},pause:function(){return this.playing=!1,clearTimeout(this.playTimer),this},fixIndex:function(e){return 1<this.length&&this.loop?(this.length+e)%this.length:e},fixBlock:function(n,i){return P(this.pages,function(e,t){e.style.display=n!=t&&i!=t?"none":"block"}),this},fixUpdate:function(e,t,n){var i,s=this.pageData,r=this.pages[t],a=this.pages[n];return s[t].percent=e,a&&(i=s[n].percent=0<e?e-1:1+e),this.fire("update",r,e,a,i)},getPercent:function(e){var t=this.pageData[null==e?this.current:e];return t&&(t.percent||0)},getOffsetParent:function(){var e,t,n=(e=this.container,t="position",(r.getComputedStyle&&r.getComputedStyle(e,null)||e.currentStyle||e.style)[t]);return n&&"static"!=n?this.container:this.container.offsetParent||u.body},handleEvent:function(e){var t=j(e),n=t.button<1&&t.length<2&&(!this.pointerType||this.pointerType==t.eventType)&&(this.mouse||"mouse"!=t.pointerType);switch(t.eventCode){case 2:if(n&&this.rect){var i,s=this.current,r=this.direction,a=[t.clientX,t.clientY],o=this.rect,l=a[r]-o[r],h=(this.pages[s],this.offsetParent[r?"clientHeight":"clientWidth"]);null==this.drag&&o.toString()!=a.toString()&&(this.drag=Math.abs(l)>=Math.abs(a[1-r]-o[1-r]),this.drag&&this.fire("dragStart",t)),this.drag&&(f=this.percent+(h&&l/h),this.pages[i=this.fixIndex(s+(0<f?-1:1))]||(f/=Math.abs(l)/h+2),this.fixBlock(s,i),this.fire("dragMove",t),this.fixUpdate(f,s,i),this._offset=l,t.preventDefault())}break;case 1:case 3:if(n){var c,p,u=this,d=this.current,f=this.getPercent();t.length&&(1==t.eventCode||this.drag)?(v=t.target.nodeName.toLowerCase(),clearTimeout(this.eventTimer),this.pointerType||(this.pointerType=t.eventType),this.timer&&(m(this.timer),delete this.timer),this.rect=[t.clientX,t.clientY],this.percent=f,this.time=+new Date,this.offsetParent=this.getOffsetParent(),"touch"==t.eventType||"a"!=v&&"img"!=v||t.preventDefault()):(p=this.time)&&(l=this._offset,c=this.drag,P("rect drag time percent _offset offsetParent".split(" "),function(e){delete u[e]}),c&&((+new Date-p<500&&20<Math.abs(l)||.5<Math.abs(f))&&(d+=0<l?-1:1),this.fire("dragEnd",t),t.preventDefault()),f?this.slide(d):c&&this.firePlay(),this.eventTimer=setTimeout(function(){delete u.pointerType},400))}break;case 4:this.timer&&t.preventDefault();break;case 5:if(t.preventDefault(),this.isStatic()&&+new Date-this.latestTime>Math.max(1e3-this.duration,0)){var y=t.wheelDelta||-t.detail;3<=Math.abs(y)&&this[0<y?"prev":"next"]()}break;case 6:var v=t.target.nodeName.toLowerCase();if(this.isStatic()&&"input"!=v&&"textarea"!=v&&"select"!=v)switch(t.keyCode||t.which){case 33:case 37:case 38:this.prev();break;case 32:case 34:case 39:case 40:this.next();break;case 35:this.slide(this.length-1);break;case 36:this.slide(0)}}},destroy:function(){var n=this.pageData;return Y(this.container,I.join(" ")+" click"+(this.mousewheel?" mousewheel DOMMouseScroll":""),this.handler),Y(u,M.join(" ")+(this.arrowkey?" keydown":""),this.handler),P(this.pages,function(e,t){e.style.cssText=n[t].cssText}),this.container.removeChild(this.comment),this.length=0,this.pause()},append:function(e,t){return null==t&&(t=this.pages.length),this.pageData.splice(t,0,{percent:0,cssText:e.style.cssText}),this.pages.splice(t,0,e),this.container.appendChild(this.initStyle(e)),this.length=this.pages.length,t<=this.current&&this.current++,this},prepend:function(e){return this.append(e,0)},insertBefore:function(e,t){return this.append(e,t-1)},insertAfter:function(e,t){return this.append(e,t+1)},remove:function(e){return this.container.removeChild(this.pages[e]),this.pages.splice(e,1),this.pageData.splice(e,1),this.length=this.pages.length,e<=this.current&&this.slide(this.current=Math.max(0,this.current-1)),this}},P("Ease Transition".split(" "),function(e){t["add"+e]=t.prototype["add"+e]}),"object"==typeof exports?module.exports=t:"function"==typeof define&&define.amd?define("pageSwitch",function(){return t}):r.pageSwitch=t}(window,function(e,t){if(!(this instanceof arguments.callee))return new arguments.callee(e,t);this.container="string"==typeof e?document.getElementById(e):e,this.init(t||{})});
8 | //# sourceMappingURL=/sm/c234d156a0d8331c287ed6074833f48c24d616e978b21cb73d98b9f0734221dc.map


--------------------------------------------------------------------------------
/js/practice01.js:
--------------------------------------------------------------------------------
  1 | // fancybox3 options
  2 | $('[data-fancybox]').fancybox({
  3 |     transitionEffect: "zoom-in-out",
  4 |     transitionDuration: 366,
  5 |     protect: true,
  6 |     buttons: [
  7 |         "zoom",
  8 |         "slideShow",
  9 |         "fullScreen",
 10 |         "close"
 11 |     ],
 12 | });
 13 | // header opacity
 14 | $(function(){
 15 | function opc(){
 16 | $(".imgslide-container").animate({"opacity":1},500);
 17 | }
 18 | var ooo = setTimeout(opc,10);
 19 | });
 20 | //导航变化
 21 | window.addEventListener("scroll",function(e){
 22 | var t =document.documentElement.scrollTop||document.body.scrollTop;
 23 | if(t <= 50){
 24 |     $('#headnav').removeClass('headnav2').addClass('headnav');
 25 |     $('.navmla').removeClass('nav_menu_li_a').addClass('nav_menu_li_a2');
 26 |     $('.navmla2').removeClass('nav_menu_li_a3').addClass('nav_menu_li_a2');
 27 |     $('#topsearch').removeClass('topsearch2').addClass('topsearch');
 28 | }else{
 29 |     $('#headnav').removeClass('headnav').addClass('headnav2');
 30 |     $('.navmla').removeClass('nav_menu_li_a2').addClass('nav_menu_li_a');
 31 |     $('.navmla2').removeClass('nav_menu_li_a2').addClass('nav_menu_li_a3');
 32 |     $('#topsearch').removeClass('topsearch').addClass('topsearch2');
 33 | }
 34 | });
 35 | //返回顶部
 36 | jQuery(document).ready(function($){
 37 |     var offset = 300,
 38 |         offset_opacity = 1200,
 39 |         scroll_top_duration = 1000,
 40 |         $back_to_top = $('.cd-top');
 41 |     $back_to_top.on('click', function(event){
 42 |         event.preventDefault();
 43 |         $('body,html').animate({
 44 |             scrollTop: 0 ,
 45 |             }, scroll_top_duration
 46 |         );
 47 |     });
 48 | });
 49 | //搜索框
 50 | var controlSearch  = document.getElementById('controlSearch');
 51 | var searchForm = document.getElementById('topsearch');
 52 | var testmea = document.getElementById('testme');
 53 | if (testmea) {
 54 |     testmea.innerHTML = 'Theme <strong style="color: rgba(77, 136, 255,.9);">practice01</strong> Made by kisxy.com';
 55 | }
 56 | controlSearch.onclick = function(){
 57 |     var oop = searchForm.style.opacity;
 58 |     if(oop == '0'){
 59 |         searchForm.style.visibility = 'visible';
 60 |         searchForm.style.opacity = '1';
 61 |         document.getElementById('switchicon').innerHTML = '<i class="fa fa-times" aria-hidden="true"></i>';
 62 |     }else{
 63 |         searchForm.style.visibility = 'hidden';
 64 |         searchForm.style.opacity = '0';
 65 |         document.getElementById('switchicon').innerHTML = '<i class="fa fa-search" aria-hidden="true"></i>';
 66 |     }
 67 | }
 68 | var m_controlSearch  = document.getElementById('m_controlSearch');
 69 | m_controlSearch.onclick = function(){
 70 |     var oop2 = searchForm.style.opacity;
 71 |     if(oop2 == '0'){
 72 |         searchForm.style.visibility = 'visible';
 73 |         searchForm.style.opacity = '1';
 74 |         document.getElementById('m_switchicon').innerHTML = '<i class="fa fa-times" aria-hidden="true"></i>';
 75 |     }else{
 76 |         searchForm.style.visibility = 'hidden';
 77 |         searchForm.style.opacity = '0';
 78 |         document.getElementById('m_switchicon').innerHTML = '<i class="fa fa-search" aria-hidden="true"></i>';
 79 |     }
 80 | }
 81 | //移动端菜单
 82 | var inheadnav  = document.getElementById('m_inheadnav');
 83 | var mmenu = document.getElementById('m_menu_1');
 84 | inheadnav.onclick = function(){
 85 |     var oop3 = mmenu.style.opacity;
 86 |     if(oop3 == '0'){
 87 |         mmenu.style.visibility = 'visible';
 88 |         mmenu.style.opacity = '1';
 89 |         document.getElementById('m_inheadnav').innerHTML = '<i class="fa fa-times" aria-hidden="true"></i>';
 90 |     }else{
 91 |         mmenu.style.visibility = 'hidden';
 92 |         mmenu.style.opacity = '0';
 93 |         document.getElementById('m_inheadnav').innerHTML = '<i class="fa fa-bars" aria-hidden="true"></i>';
 94 |     }
 95 | }
 96 | console.log('%c 一支穿云箭，千军万马来相见！ %c 小宇博客：https://kisxy.com', 'color: #fadfa3; background: #030307; padding:5px', 'background: #fadfa3; padding:5px');
 97 | // random color
 98 | $(document).ready(function() {
 99 |     var randomlinkcolor = $(".innerlinks_items li");
100 |     randomlinkcolor.each(function() {
101 |         var x = 20;
102 |         var y = 0;
103 |         var randcolor = parseInt(Math.random() * (x - y + 1) +y);
104 |         $(this).addClass("randomlinksc" + randcolor);
105 |     });
106 |     var randomlinkcolor2 = $(".box .post");
107 |     randomlinkcolor2.each(function() {
108 |         var x2 = 20;
109 |         var y2 = 0;
110 |         var randcolor2 = parseInt(Math.random() * (x2 - y2 + 1) +y2);
111 |         $(this).addClass("randomlinkscg" + randcolor2);
112 |     });
113 |     var randomlinkcolor3 = $(".setback");
114 |     randomlinkcolor3.each(function() {
115 |         var x3 = 20;
116 |         var y3 = 0;
117 |         var randcolor3 = parseInt(Math.random() * (x3 - y3 + 1) +y3);
118 |         $(this).addClass("randomlinkscg" + randcolor3);
119 |     });
120 | 
121 |     var logoUrl = document.getElementById('logoUrl');
122 |     var wechatqrcode = document.getElementById('wechatqrcode');
123 |     // var wechatqrcode = document.getElementById('wechatqrcode');
124 |     $("#weixin").hover(function(){
125 |         logoUrl.style.opacity = '0';
126 |         wechatqrcode.style.opacity = '1';
127 |         },function(){
128 |             logoUrl.style.opacity = '1';
129 |             wechatqrcode.style.opacity = '0';
130 |       });
131 | });
132 | //end-------------------------------------------------------------------------------


--------------------------------------------------------------------------------
/js/theia-sticky-sidebar.min.js:
--------------------------------------------------------------------------------
1 | !function(i){i.fn.theiaStickySidebar=function(t){function e(t,e){var a=o(t,e);a||(console.log("TSS: Body width smaller than options.minWidth. Init is delayed."),i(document).on("scroll."+t.namespace,function(t,e){return function(a){var n=o(t,e);n&&i(this).unbind(a)}}(t,e)),i(window).on("resize."+t.namespace,function(t,e){return function(a){var n=o(t,e);n&&i(this).unbind(a)}}(t,e)))}function o(t,e){return t.initialized===!0||!(i("body").width()<t.minWidth)&&(a(t,e),!0)}function a(t,e){t.initialized=!0;var o=i("#theia-sticky-sidebar-stylesheet-"+t.namespace);0===o.length&&i("head").append(i('<style id="theia-sticky-sidebar-stylesheet-'+t.namespace+'">.theiaStickySidebar:after {content: ""; display: table; clear: both;}</style>')),e.each(function(){function e(){a.fixedScrollTop=0,a.sidebar.css({"min-height":"1px"}),a.stickySidebar.css({position:"static",width:"",transform:"none"})}function o(t){var e=t.height();return t.children().each(function(){e=Math.max(e,i(this).height())}),e}var a={};if(a.sidebar=i(this),a.options=t||{},a.container=i(a.options.containerSelector),0==a.container.length&&(a.container=a.sidebar.parent()),a.sidebar.parents().css("-webkit-transform","none"),a.sidebar.css({position:a.options.defaultPosition,overflow:"visible","-webkit-box-sizing":"border-box","-moz-box-sizing":"border-box","box-sizing":"border-box"}),a.stickySidebar=a.sidebar.find(".theiaStickySidebar"),0==a.stickySidebar.length){var s=/(?:text|application)\/(?:x-)?(?:javascript|ecmascript)/i;a.sidebar.find("script").filter(function(i,t){return 0===t.type.length||t.type.match(s)}).remove(),a.stickySidebar=i("<div>").addClass("theiaStickySidebar").append(a.sidebar.children()),a.sidebar.append(a.stickySidebar)}a.marginBottom=parseInt(a.sidebar.css("margin-bottom")),a.paddingTop=parseInt(a.sidebar.css("padding-top")),a.paddingBottom=parseInt(a.sidebar.css("padding-bottom"));var r=a.stickySidebar.offset().top,d=a.stickySidebar.outerHeight();a.stickySidebar.css("padding-top",1),a.stickySidebar.css("padding-bottom",1),r-=a.stickySidebar.offset().top,d=a.stickySidebar.outerHeight()-d-r,0==r?(a.stickySidebar.css("padding-top",0),a.stickySidebarPaddingTop=0):a.stickySidebarPaddingTop=1,0==d?(a.stickySidebar.css("padding-bottom",0),a.stickySidebarPaddingBottom=0):a.stickySidebarPaddingBottom=1,a.previousScrollTop=null,a.fixedScrollTop=0,e(),a.onScroll=function(a){if(a.stickySidebar.is(":visible")){if(i("body").width()<a.options.minWidth)return void e();if(a.options.disableOnResponsiveLayouts){var s=a.sidebar.outerWidth("none"==a.sidebar.css("float"));if(s+50>a.container.width())return void e()}var r=i(document).scrollTop(),d="static";if(r>=a.sidebar.offset().top+(a.paddingTop-a.options.additionalMarginTop)){var c,p=a.paddingTop+t.additionalMarginTop,b=a.paddingBottom+a.marginBottom+t.additionalMarginBottom,l=a.sidebar.offset().top,f=a.sidebar.offset().top+o(a.container),h=0+t.additionalMarginTop,g=a.stickySidebar.outerHeight()+p+b<i(window).height();c=g?h+a.stickySidebar.outerHeight():i(window).height()-a.marginBottom-a.paddingBottom-t.additionalMarginBottom;var u=l-r+a.paddingTop,S=f-r-a.paddingBottom-a.marginBottom,y=a.stickySidebar.offset().top-r,m=a.previousScrollTop-r;"fixed"==a.stickySidebar.css("position")&&"modern"==a.options.sidebarBehavior&&(y+=m),"stick-to-top"==a.options.sidebarBehavior&&(y=t.additionalMarginTop),"stick-to-bottom"==a.options.sidebarBehavior&&(y=c-a.stickySidebar.outerHeight()),y=m>0?Math.min(y,h):Math.max(y,c-a.stickySidebar.outerHeight()),y=Math.max(y,u),y=Math.min(y,S-a.stickySidebar.outerHeight());var k=a.container.height()==a.stickySidebar.outerHeight();d=(k||y!=h)&&(k||y!=c-a.stickySidebar.outerHeight())?r+y-a.sidebar.offset().top-a.paddingTop<=t.additionalMarginTop?"static":"absolute":"fixed"}if("fixed"==d){var v=i(document).scrollLeft();a.stickySidebar.css({position:"fixed",width:n(a.stickySidebar)+"px",transform:"translateY("+y+"px)",left:a.sidebar.offset().left+parseInt(a.sidebar.css("padding-left"))-v+"px",top:"0px"})}else if("absolute"==d){var x={};"absolute"!=a.stickySidebar.css("position")&&(x.position="absolute",x.transform="translateY("+(r+y-a.sidebar.offset().top-a.stickySidebarPaddingTop-a.stickySidebarPaddingBottom)+"px)",x.top="0px"),x.width=n(a.stickySidebar)+"px",x.left="",a.stickySidebar.css(x)}else"static"==d&&e();"static"!=d&&1==a.options.updateSidebarHeight&&a.sidebar.css({"min-height":a.stickySidebar.outerHeight()+a.stickySidebar.offset().top-a.sidebar.offset().top+a.paddingBottom}),a.previousScrollTop=r}},a.onScroll(a),i(document).on("scroll."+a.options.namespace,function(i){return function(){i.onScroll(i)}}(a)),i(window).on("resize."+a.options.namespace,function(i){return function(){i.stickySidebar.css({position:"static"}),i.onScroll(i)}}(a)),"undefined"!=typeof ResizeSensor&&new ResizeSensor(a.stickySidebar[0],function(i){return function(){i.onScroll(i)}}(a))})}function n(i){var t;try{t=i[0].getBoundingClientRect().width}catch(i){}return"undefined"==typeof t&&(t=i.width()),t}var s={containerSelector:"",additionalMarginTop:0,additionalMarginBottom:0,updateSidebarHeight:!0,minWidth:0,disableOnResponsiveLayouts:!0,sidebarBehavior:"modern",defaultPosition:"relative",namespace:"TSS"};return t=i.extend(s,t),t.additionalMarginTop=parseInt(t.additionalMarginTop)||0,t.additionalMarginBottom=parseInt(t.additionalMarginBottom)||0,e(t,this),this}}(jQuery);
2 | //# sourceMappingURL=maps/theia-sticky-sidebar.min.js.map
3 | 


--------------------------------------------------------------------------------
/layer/layer.js:
--------------------------------------------------------------------------------
1 | /*! layer-v3.1.1 Web弹层组件 MIT License  http://layer.layui.com/  By 贤心 */
2 |  ;!function(e,t){"use strict";var i,n,a=e.layui&&layui.define,o={getPath:function(){var e=document.currentScript?document.currentScript.src:function(){for(var e,t=document.scripts,i=t.length-1,n=i;n>0;n--)if("interactive"===t[n].readyState){e=t[n].src;break}return e||t[i].src}();return e.substring(0,e.lastIndexOf("/")+1)}(),config:{},end:{},minIndex:0,minLeft:[],btn:["&#x786E;&#x5B9A;","&#x53D6;&#x6D88;"],type:["dialog","page","iframe","loading","tips"],getStyle:function(t,i){var n=t.currentStyle?t.currentStyle:e.getComputedStyle(t,null);return n[n.getPropertyValue?"getPropertyValue":"getAttribute"](i)},link:function(t,i,n){if(r.path){var a=document.getElementsByTagName("head")[0],s=document.createElement("link");"string"==typeof i&&(n=i);var l=(n||t).replace(/\.|\//g,""),f="layuicss-"+l,c=0;s.rel="stylesheet",s.href=r.path+t,s.id=f,document.getElementById(f)||a.appendChild(s),"function"==typeof i&&!function u(){return++c>80?e.console&&console.error("layer.css: Invalid"):void(1989===parseInt(o.getStyle(document.getElementById(f),"width"))?i():setTimeout(u,100))}()}}},r={v:"3.1.1",ie:function(){var t=navigator.userAgent.toLowerCase();return!!(e.ActiveXObject||"ActiveXObject"in e)&&((t.match(/msie\s(\d+)/)||[])[1]||"11")}(),index:e.layer&&e.layer.v?1e5:0,path:o.getPath,config:function(e,t){return e=e||{},r.cache=o.config=i.extend({},o.config,e),r.path=o.config.path||r.path,"string"==typeof e.extend&&(e.extend=[e.extend]),o.config.path&&r.ready(),e.extend?(a?layui.addcss("modules/layer/"+e.extend):o.link("theme/"+e.extend),this):this},ready:function(e){var t="layer",i="",n=(a?"modules/layer/":"theme/")+"default/layer.css?v="+r.v+i;return a?layui.addcss(n,e,t):o.link(n,e,t),this},alert:function(e,t,n){var a="function"==typeof t;return a&&(n=t),r.open(i.extend({content:e,yes:n},a?{}:t))},confirm:function(e,t,n,a){var s="function"==typeof t;return s&&(a=n,n=t),r.open(i.extend({content:e,btn:o.btn,yes:n,btn2:a},s?{}:t))},msg:function(e,n,a){var s="function"==typeof n,f=o.config.skin,c=(f?f+" "+f+"-msg":"")||"layui-layer-msg",u=l.anim.length-1;return s&&(a=n),r.open(i.extend({content:e,time:3e3,shade:!1,skin:c,title:!1,closeBtn:!1,btn:!1,resize:!1,end:a},s&&!o.config.skin?{skin:c+" layui-layer-hui",anim:u}:function(){return n=n||{},(n.icon===-1||n.icon===t&&!o.config.skin)&&(n.skin=c+" "+(n.skin||"layui-layer-hui")),n}()))},load:function(e,t){return r.open(i.extend({type:3,icon:e||0,resize:!1,shade:.01},t))},tips:function(e,t,n){return r.open(i.extend({type:4,content:[e,t],closeBtn:!1,time:3e3,shade:!1,resize:!1,fixed:!1,maxWidth:210},n))}},s=function(e){var t=this;t.index=++r.index,t.config=i.extend({},t.config,o.config,e),document.body?t.creat():setTimeout(function(){t.creat()},30)};s.pt=s.prototype;var l=["layui-layer",".layui-layer-title",".layui-layer-main",".layui-layer-dialog","layui-layer-iframe","layui-layer-content","layui-layer-btn","layui-layer-close"];l.anim=["layer-anim-00","layer-anim-01","layer-anim-02","layer-anim-03","layer-anim-04","layer-anim-05","layer-anim-06"],s.pt.config={type:0,shade:.3,fixed:!0,move:l[1],title:"&#x4FE1;&#x606F;",offset:"auto",area:"auto",closeBtn:1,time:0,zIndex:19891014,maxWidth:360,anim:0,isOutAnim:!0,icon:-1,moveType:1,resize:!0,scrollbar:!0,tips:2},s.pt.vessel=function(e,t){var n=this,a=n.index,r=n.config,s=r.zIndex+a,f="object"==typeof r.title,c=r.maxmin&&(1===r.type||2===r.type),u=r.title?'<div class="layui-layer-title" style="'+(f?r.title[1]:"")+'">'+(f?r.title[0]:r.title)+"</div>":"";return r.zIndex=s,t([r.shade?'<div class="layui-layer-shade" id="layui-layer-shade'+a+'" times="'+a+'" style="'+("z-index:"+(s-1)+"; ")+'"></div>':"",'<div class="'+l[0]+(" layui-layer-"+o.type[r.type])+(0!=r.type&&2!=r.type||r.shade?"":" layui-layer-border")+" "+(r.skin||"")+'" id="'+l[0]+a+'" type="'+o.type[r.type]+'" times="'+a+'" showtime="'+r.time+'" conType="'+(e?"object":"string")+'" style="z-index: '+s+"; width:"+r.area[0]+";height:"+r.area[1]+(r.fixed?"":";position:absolute;")+'">'+(e&&2!=r.type?"":u)+'<div id="'+(r.id||"")+'" class="layui-layer-content'+(0==r.type&&r.icon!==-1?" layui-layer-padding":"")+(3==r.type?" layui-layer-loading"+r.icon:"")+'">'+(0==r.type&&r.icon!==-1?'<i class="layui-layer-ico layui-layer-ico'+r.icon+'"></i>':"")+(1==r.type&&e?"":r.content||"")+'</div><span class="layui-layer-setwin">'+function(){var e=c?'<a class="layui-layer-min" href="javascript:;"><cite></cite></a><a class="layui-layer-ico layui-layer-max" href="javascript:;"></a>':"";return r.closeBtn&&(e+='<a class="layui-layer-ico '+l[7]+" "+l[7]+(r.title?r.closeBtn:4==r.type?"1":"2")+'" href="javascript:;"></a>'),e}()+"</span>"+(r.btn?function(){var e="";"string"==typeof r.btn&&(r.btn=[r.btn]);for(var t=0,i=r.btn.length;t<i;t++)e+='<a class="'+l[6]+t+'">'+r.btn[t]+"</a>";return'<div class="'+l[6]+" layui-layer-btn-"+(r.btnAlign||"")+'">'+e+"</div>"}():"")+(r.resize?'<span class="layui-layer-resize"></span>':"")+"</div>"],u,i('<div class="layui-layer-move"></div>')),n},s.pt.creat=function(){var e=this,t=e.config,a=e.index,s=t.content,f="object"==typeof s,c=i("body");if(!t.id||!i("#"+t.id)[0]){switch("string"==typeof t.area&&(t.area="auto"===t.area?["",""]:[t.area,""]),t.shift&&(t.anim=t.shift),6==r.ie&&(t.fixed=!1),t.type){case 0:t.btn="btn"in t?t.btn:o.btn[0],r.closeAll("dialog");break;case 2:var s=t.content=f?t.content:[t.content||"http://layer.layui.com","auto"];t.content='<iframe scrolling="'+(t.content[1]||"auto")+'" allowtransparency="true" id="'+l[4]+a+'" name="'+l[4]+a+'" onload="this.className=\'\';" class="layui-layer-load" frameborder="0" src="'+t.content[0]+'"></iframe>';break;case 3:delete t.title,delete t.closeBtn,t.icon===-1&&0===t.icon,r.closeAll("loading");break;case 4:f||(t.content=[t.content,"body"]),t.follow=t.content[1],t.content=t.content[0]+'<i class="layui-layer-TipsG"></i>',delete t.title,t.tips="object"==typeof t.tips?t.tips:[t.tips,!0],t.tipsMore||r.closeAll("tips")}if(e.vessel(f,function(n,r,u){c.append(n[0]),f?function(){2==t.type||4==t.type?function(){i("body").append(n[1])}():function(){s.parents("."+l[0])[0]||(s.data("display",s.css("display")).show().addClass("layui-layer-wrap").wrap(n[1]),i("#"+l[0]+a).find("."+l[5]).before(r))}()}():c.append(n[1]),i(".layui-layer-move")[0]||c.append(o.moveElem=u),e.layero=i("#"+l[0]+a),t.scrollbar||l.html.css("overflow","hidden").attr("layer-full",a)}).auto(a),i("#layui-layer-shade"+e.index).css({"background-color":t.shade[1]||"#000",opacity:t.shade[0]||t.shade}),2==t.type&&6==r.ie&&e.layero.find("iframe").attr("src",s[0]),4==t.type?e.tips():e.offset(),t.fixed&&n.on("resize",function(){e.offset(),(/^\d+%$/.test(t.area[0])||/^\d+%$/.test(t.area[1]))&&e.auto(a),4==t.type&&e.tips()}),t.time<=0||setTimeout(function(){r.close(e.index)},t.time),e.move().callback(),l.anim[t.anim]){var u="layer-anim "+l.anim[t.anim];e.layero.addClass(u).one("webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend",function(){i(this).removeClass(u)})}t.isOutAnim&&e.layero.data("isOutAnim",!0)}},s.pt.auto=function(e){var t=this,a=t.config,o=i("#"+l[0]+e);""===a.area[0]&&a.maxWidth>0&&(r.ie&&r.ie<8&&a.btn&&o.width(o.innerWidth()),o.outerWidth()>a.maxWidth&&o.width(a.maxWidth));var s=[o.innerWidth(),o.innerHeight()],f=o.find(l[1]).outerHeight()||0,c=o.find("."+l[6]).outerHeight()||0,u=function(e){e=o.find(e),e.height(s[1]-f-c-2*(0|parseFloat(e.css("padding-top"))))};switch(a.type){case 2:u("iframe");break;default:""===a.area[1]?a.maxHeight>0&&o.outerHeight()>a.maxHeight?(s[1]=a.maxHeight,u("."+l[5])):a.fixed&&s[1]>=n.height()&&(s[1]=n.height(),u("."+l[5])):u("."+l[5])}return t},s.pt.offset=function(){var e=this,t=e.config,i=e.layero,a=[i.outerWidth(),i.outerHeight()],o="object"==typeof t.offset;e.offsetTop=(n.height()-a[1])/2,e.offsetLeft=(n.width()-a[0])/2,o?(e.offsetTop=t.offset[0],e.offsetLeft=t.offset[1]||e.offsetLeft):"auto"!==t.offset&&("t"===t.offset?e.offsetTop=0:"r"===t.offset?e.offsetLeft=n.width()-a[0]:"b"===t.offset?e.offsetTop=n.height()-a[1]:"l"===t.offset?e.offsetLeft=0:"lt"===t.offset?(e.offsetTop=0,e.offsetLeft=0):"lb"===t.offset?(e.offsetTop=n.height()-a[1],e.offsetLeft=0):"rt"===t.offset?(e.offsetTop=0,e.offsetLeft=n.width()-a[0]):"rb"===t.offset?(e.offsetTop=n.height()-a[1],e.offsetLeft=n.width()-a[0]):e.offsetTop=t.offset),t.fixed||(e.offsetTop=/%$/.test(e.offsetTop)?n.height()*parseFloat(e.offsetTop)/100:parseFloat(e.offsetTop),e.offsetLeft=/%$/.test(e.offsetLeft)?n.width()*parseFloat(e.offsetLeft)/100:parseFloat(e.offsetLeft),e.offsetTop+=n.scrollTop(),e.offsetLeft+=n.scrollLeft()),i.attr("minLeft")&&(e.offsetTop=n.height()-(i.find(l[1]).outerHeight()||0),e.offsetLeft=i.css("left")),i.css({top:e.offsetTop,left:e.offsetLeft})},s.pt.tips=function(){var e=this,t=e.config,a=e.layero,o=[a.outerWidth(),a.outerHeight()],r=i(t.follow);r[0]||(r=i("body"));var s={width:r.outerWidth(),height:r.outerHeight(),top:r.offset().top,left:r.offset().left},f=a.find(".layui-layer-TipsG"),c=t.tips[0];t.tips[1]||f.remove(),s.autoLeft=function(){s.left+o[0]-n.width()>0?(s.tipLeft=s.left+s.width-o[0],f.css({right:12,left:"auto"})):s.tipLeft=s.left},s.where=[function(){s.autoLeft(),s.tipTop=s.top-o[1]-10,f.removeClass("layui-layer-TipsB").addClass("layui-layer-TipsT").css("border-right-color",t.tips[1])},function(){s.tipLeft=s.left+s.width+10,s.tipTop=s.top,f.removeClass("layui-layer-TipsL").addClass("layui-layer-TipsR").css("border-bottom-color",t.tips[1])},function(){s.autoLeft(),s.tipTop=s.top+s.height+10,f.removeClass("layui-layer-TipsT").addClass("layui-layer-TipsB").css("border-right-color",t.tips[1])},function(){s.tipLeft=s.left-o[0]-10,s.tipTop=s.top,f.removeClass("layui-layer-TipsR").addClass("layui-layer-TipsL").css("border-bottom-color",t.tips[1])}],s.where[c-1](),1===c?s.top-(n.scrollTop()+o[1]+16)<0&&s.where[2]():2===c?n.width()-(s.left+s.width+o[0]+16)>0||s.where[3]():3===c?s.top-n.scrollTop()+s.height+o[1]+16-n.height()>0&&s.where[0]():4===c&&o[0]+16-s.left>0&&s.where[1](),a.find("."+l[5]).css({"background-color":t.tips[1],"padding-right":t.closeBtn?"30px":""}),a.css({left:s.tipLeft-(t.fixed?n.scrollLeft():0),top:s.tipTop-(t.fixed?n.scrollTop():0)})},s.pt.move=function(){var e=this,t=e.config,a=i(document),s=e.layero,l=s.find(t.move),f=s.find(".layui-layer-resize"),c={};return t.move&&l.css("cursor","move"),l.on("mousedown",function(e){e.preventDefault(),t.move&&(c.moveStart=!0,c.offset=[e.clientX-parseFloat(s.css("left")),e.clientY-parseFloat(s.css("top"))],o.moveElem.css("cursor","move").show())}),f.on("mousedown",function(e){e.preventDefault(),c.resizeStart=!0,c.offset=[e.clientX,e.clientY],c.area=[s.outerWidth(),s.outerHeight()],o.moveElem.css("cursor","se-resize").show()}),a.on("mousemove",function(i){if(c.moveStart){var a=i.clientX-c.offset[0],o=i.clientY-c.offset[1],l="fixed"===s.css("position");if(i.preventDefault(),c.stX=l?0:n.scrollLeft(),c.stY=l?0:n.scrollTop(),!t.moveOut){var f=n.width()-s.outerWidth()+c.stX,u=n.height()-s.outerHeight()+c.stY;a<c.stX&&(a=c.stX),a>f&&(a=f),o<c.stY&&(o=c.stY),o>u&&(o=u)}s.css({left:a,top:o})}if(t.resize&&c.resizeStart){var a=i.clientX-c.offset[0],o=i.clientY-c.offset[1];i.preventDefault(),r.style(e.index,{width:c.area[0]+a,height:c.area[1]+o}),c.isResize=!0,t.resizing&&t.resizing(s)}}).on("mouseup",function(e){c.moveStart&&(delete c.moveStart,o.moveElem.hide(),t.moveEnd&&t.moveEnd(s)),c.resizeStart&&(delete c.resizeStart,o.moveElem.hide())}),e},s.pt.callback=function(){function e(){var e=a.cancel&&a.cancel(t.index,n);e===!1||r.close(t.index)}var t=this,n=t.layero,a=t.config;t.openLayer(),a.success&&(2==a.type?n.find("iframe").on("load",function(){a.success(n,t.index)}):a.success(n,t.index)),6==r.ie&&t.IE6(n),n.find("."+l[6]).children("a").on("click",function(){var e=i(this).index();if(0===e)a.yes?a.yes(t.index,n):a.btn1?a.btn1(t.index,n):r.close(t.index);else{var o=a["btn"+(e+1)]&&a["btn"+(e+1)](t.index,n);o===!1||r.close(t.index)}}),n.find("."+l[7]).on("click",e),a.shadeClose&&i("#layui-layer-shade"+t.index).on("click",function(){r.close(t.index)}),n.find(".layui-layer-min").on("click",function(){var e=a.min&&a.min(n);e===!1||r.min(t.index,a)}),n.find(".layui-layer-max").on("click",function(){i(this).hasClass("layui-layer-maxmin")?(r.restore(t.index),a.restore&&a.restore(n)):(r.full(t.index,a),setTimeout(function(){a.full&&a.full(n)},100))}),a.end&&(o.end[t.index]=a.end)},o.reselect=function(){i.each(i("select"),function(e,t){var n=i(this);n.parents("."+l[0])[0]||1==n.attr("layer")&&i("."+l[0]).length<1&&n.removeAttr("layer").show(),n=null})},s.pt.IE6=function(e){i("select").each(function(e,t){var n=i(this);n.parents("."+l[0])[0]||"none"===n.css("display")||n.attr({layer:"1"}).hide(),n=null})},s.pt.openLayer=function(){var e=this;r.zIndex=e.config.zIndex,r.setTop=function(e){var t=function(){r.zIndex++,e.css("z-index",r.zIndex+1)};return r.zIndex=parseInt(e[0].style.zIndex),e.on("mousedown",t),r.zIndex}},o.record=function(e){var t=[e.width(),e.height(),e.position().top,e.position().left+parseFloat(e.css("margin-left"))];e.find(".layui-layer-max").addClass("layui-layer-maxmin"),e.attr({area:t})},o.rescollbar=function(e){l.html.attr("layer-full")==e&&(l.html[0].style.removeProperty?l.html[0].style.removeProperty("overflow"):l.html[0].style.removeAttribute("overflow"),l.html.removeAttr("layer-full"))},e.layer=r,r.getChildFrame=function(e,t){return t=t||i("."+l[4]).attr("times"),i("#"+l[0]+t).find("iframe").contents().find(e)},r.getFrameIndex=function(e){return i("#"+e).parents("."+l[4]).attr("times")},r.iframeAuto=function(e){if(e){var t=r.getChildFrame("html",e).outerHeight(),n=i("#"+l[0]+e),a=n.find(l[1]).outerHeight()||0,o=n.find("."+l[6]).outerHeight()||0;n.css({height:t+a+o}),n.find("iframe").css({height:t})}},r.iframeSrc=function(e,t){i("#"+l[0]+e).find("iframe").attr("src",t)},r.style=function(e,t,n){var a=i("#"+l[0]+e),r=a.find(".layui-layer-content"),s=a.attr("type"),f=a.find(l[1]).outerHeight()||0,c=a.find("."+l[6]).outerHeight()||0;a.attr("minLeft");s!==o.type[3]&&s!==o.type[4]&&(n||(parseFloat(t.width)<=260&&(t.width=260),parseFloat(t.height)-f-c<=64&&(t.height=64+f+c)),a.css(t),c=a.find("."+l[6]).outerHeight(),s===o.type[2]?a.find("iframe").css({height:parseFloat(t.height)-f-c}):r.css({height:parseFloat(t.height)-f-c-parseFloat(r.css("padding-top"))-parseFloat(r.css("padding-bottom"))}))},r.min=function(e,t){var a=i("#"+l[0]+e),s=a.find(l[1]).outerHeight()||0,f=a.attr("minLeft")||181*o.minIndex+"px",c=a.css("position");o.record(a),o.minLeft[0]&&(f=o.minLeft[0],o.minLeft.shift()),a.attr("position",c),r.style(e,{width:180,height:s,left:f,top:n.height()-s,position:"fixed",overflow:"hidden"},!0),a.find(".layui-layer-min").hide(),"page"===a.attr("type")&&a.find(l[4]).hide(),o.rescollbar(e),a.attr("minLeft")||o.minIndex++,a.attr("minLeft",f)},r.restore=function(e){var t=i("#"+l[0]+e),n=t.attr("area").split(",");t.attr("type");r.style(e,{width:parseFloat(n[0]),height:parseFloat(n[1]),top:parseFloat(n[2]),left:parseFloat(n[3]),position:t.attr("position"),overflow:"visible"},!0),t.find(".layui-layer-max").removeClass("layui-layer-maxmin"),t.find(".layui-layer-min").show(),"page"===t.attr("type")&&t.find(l[4]).show(),o.rescollbar(e)},r.full=function(e){var t,a=i("#"+l[0]+e);o.record(a),l.html.attr("layer-full")||l.html.css("overflow","hidden").attr("layer-full",e),clearTimeout(t),t=setTimeout(function(){var t="fixed"===a.css("position");r.style(e,{top:t?0:n.scrollTop(),left:t?0:n.scrollLeft(),width:n.width(),height:n.height()},!0),a.find(".layui-layer-min").hide()},100)},r.title=function(e,t){var n=i("#"+l[0]+(t||r.index)).find(l[1]);n.html(e)},r.close=function(e){var t=i("#"+l[0]+e),n=t.attr("type"),a="layer-anim-close";if(t[0]){var s="layui-layer-wrap",f=function(){if(n===o.type[1]&&"object"===t.attr("conType")){t.children(":not(."+l[5]+")").remove();for(var a=t.find("."+s),r=0;r<2;r++)a.unwrap();a.css("display",a.data("display")).removeClass(s)}else{if(n===o.type[2])try{var f=i("#"+l[4]+e)[0];f.contentWindow.document.write(""),f.contentWindow.close(),t.find("."+l[5])[0].removeChild(f)}catch(c){}t[0].innerHTML="",t.remove()}"function"==typeof o.end[e]&&o.end[e](),delete o.end[e]};t.data("isOutAnim")&&t.addClass("layer-anim "+a),i("#layui-layer-moves, #layui-layer-shade"+e).remove(),6==r.ie&&o.reselect(),o.rescollbar(e),t.attr("minLeft")&&(o.minIndex--,o.minLeft.push(t.attr("minLeft"))),r.ie&&r.ie<10||!t.data("isOutAnim")?f():setTimeout(function(){f()},200)}},r.closeAll=function(e){i.each(i("."+l[0]),function(){var t=i(this),n=e?t.attr("type")===e:1;n&&r.close(t.attr("times")),n=null})};var f=r.cache||{},c=function(e){return f.skin?" "+f.skin+" "+f.skin+"-"+e:""};r.prompt=function(e,t){var a="";if(e=e||{},"function"==typeof e&&(t=e),e.area){var o=e.area;a='style="width: '+o[0]+"; height: "+o[1]+';"',delete e.area}var s,l=2==e.formType?'<textarea class="layui-layer-input"'+a+">"+(e.value||"")+"</textarea>":function(){return'<input type="'+(1==e.formType?"password":"text")+'" class="layui-layer-input" value="'+(e.value||"")+'">'}(),f=e.success;return delete e.success,r.open(i.extend({type:1,btn:["&#x786E;&#x5B9A;","&#x53D6;&#x6D88;"],content:l,skin:"layui-layer-prompt"+c("prompt"),maxWidth:n.width(),success:function(e){s=e.find(".layui-layer-input"),s.focus(),"function"==typeof f&&f(e)},resize:!1,yes:function(i){var n=s.val();""===n?s.focus():n.length>(e.maxlength||500)?r.tips("&#x6700;&#x591A;&#x8F93;&#x5165;"+(e.maxlength||500)+"&#x4E2A;&#x5B57;&#x6570;",s,{tips:1}):t&&t(n,i,s)}},e))},r.tab=function(e){e=e||{};var t=e.tab||{},n="layui-this",a=e.success;return delete e.success,r.open(i.extend({type:1,skin:"layui-layer-tab"+c("tab"),resize:!1,title:function(){var e=t.length,i=1,a="";if(e>0)for(a='<span class="'+n+'">'+t[0].title+"</span>";i<e;i++)a+="<span>"+t[i].title+"</span>";return a}(),content:'<ul class="layui-layer-tabmain">'+function(){var e=t.length,i=1,a="";if(e>0)for(a='<li class="layui-layer-tabli '+n+'">'+(t[0].content||"no content")+"</li>";i<e;i++)a+='<li class="layui-layer-tabli">'+(t[i].content||"no  content")+"</li>";return a}()+"</ul>",success:function(t){var o=t.find(".layui-layer-title").children(),r=t.find(".layui-layer-tabmain").children();o.on("mousedown",function(t){t.stopPropagation?t.stopPropagation():t.cancelBubble=!0;var a=i(this),o=a.index();a.addClass(n).siblings().removeClass(n),r.eq(o).show().siblings().hide(),"function"==typeof e.change&&e.change(o)}),"function"==typeof a&&a(t)}},e))},r.photos=function(t,n,a){function o(e,t,i){var n=new Image;return n.src=e,n.complete?t(n):(n.onload=function(){n.onload=null,t(n)},void(n.onerror=function(e){n.onerror=null,i(e)}))}var s={};if(t=t||{},t.photos){var l=t.photos.constructor===Object,f=l?t.photos:{},u=f.data||[],d=f.start||0;s.imgIndex=(0|d)+1,t.img=t.img||"img";var y=t.success;if(delete t.success,l){if(0===u.length)return r.msg("&#x6CA1;&#x6709;&#x56FE;&#x7247;")}else{var p=i(t.photos),h=function(){u=[],p.find(t.img).each(function(e){var t=i(this);t.attr("layer-index",e),u.push({alt:t.attr("alt"),pid:t.attr("layer-pid"),src:t.attr("layer-src")||t.attr("src"),thumb:t.attr("src")})})};if(h(),0===u.length)return;if(n||p.on("click",t.img,function(){var e=i(this),n=e.attr("layer-index");r.photos(i.extend(t,{photos:{start:n,data:u,tab:t.tab},full:t.full}),!0),h()}),!n)return}s.imgprev=function(e){s.imgIndex--,s.imgIndex<1&&(s.imgIndex=u.length),s.tabimg(e)},s.imgnext=function(e,t){s.imgIndex++,s.imgIndex>u.length&&(s.imgIndex=1,t)||s.tabimg(e)},s.keyup=function(e){if(!s.end){var t=e.keyCode;e.preventDefault(),37===t?s.imgprev(!0):39===t?s.imgnext(!0):27===t&&r.close(s.index)}},s.tabimg=function(e){if(!(u.length<=1))return f.start=s.imgIndex-1,r.close(s.index),r.photos(t,!0,e)},s.event=function(){s.bigimg.hover(function(){s.imgsee.show()},function(){s.imgsee.hide()}),s.bigimg.find(".layui-layer-imgprev").on("click",function(e){e.preventDefault(),s.imgprev()}),s.bigimg.find(".layui-layer-imgnext").on("click",function(e){e.preventDefault(),s.imgnext()}),i(document).on("keyup",s.keyup)},s.loadi=r.load(1,{shade:!("shade"in t)&&.9,scrollbar:!1}),o(u[d].src,function(n){r.close(s.loadi),s.index=r.open(i.extend({type:1,id:"layui-layer-photos",area:function(){var a=[n.width,n.height],o=[i(e).width()-100,i(e).height()-100];if(!t.full&&(a[0]>o[0]||a[1]>o[1])){var r=[a[0]/o[0],a[1]/o[1]];r[0]>r[1]?(a[0]=a[0]/r[0],a[1]=a[1]/r[0]):r[0]<r[1]&&(a[0]=a[0]/r[1],a[1]=a[1]/r[1])}return[a[0]+"px",a[1]+"px"]}(),title:!1,shade:.9,shadeClose:!0,closeBtn:!1,move:".layui-layer-phimg img",moveType:1,scrollbar:!1,moveOut:!0,isOutAnim:!1,skin:"layui-layer-photos"+c("photos"),content:'<div class="layui-layer-phimg"><img src="'+u[d].src+'" alt="'+(u[d].alt||"")+'" layer-pid="'+u[d].pid+'"><div class="layui-layer-imgsee">'+(u.length>1?'<span class="layui-layer-imguide"><a href="javascript:;" class="layui-layer-iconext layui-layer-imgprev"></a><a href="javascript:;" class="layui-layer-iconext layui-layer-imgnext"></a></span>':"")+'<div class="layui-layer-imgbar" style="display:'+(a?"block":"")+'"><span class="layui-layer-imgtit"><a href="javascript:;">'+(u[d].alt||"")+"</a><em>"+s.imgIndex+"/"+u.length+"</em></span></div></div></div>",success:function(e,i){s.bigimg=e.find(".layui-layer-phimg"),s.imgsee=e.find(".layui-layer-imguide,.layui-layer-imgbar"),s.event(e),t.tab&&t.tab(u[d],e),"function"==typeof y&&y(e)},end:function(){s.end=!0,i(document).off("keyup",s.keyup)}},t))},function(){r.close(s.loadi),r.msg("&#x5F53;&#x524D;&#x56FE;&#x7247;&#x5730;&#x5740;&#x5F02;&#x5E38;<br>&#x662F;&#x5426;&#x7EE7;&#x7EED;&#x67E5;&#x770B;&#x4E0B;&#x4E00;&#x5F20;&#xFF1F;",{time:3e4,btn:["&#x4E0B;&#x4E00;&#x5F20;","&#x4E0D;&#x770B;&#x4E86;"],yes:function(){u.length>1&&s.imgnext(!0,!0)}})})}},o.run=function(t){i=t,n=i(e),l.html=i("html"),r.open=function(e){var t=new s(e);return t.index}},e.layui&&layui.define?(r.ready(),layui.define("jquery",function(t){r.path=layui.cache.dir,o.run(layui.$),e.layer=r,t("layer",r)})):"function"==typeof define&&define.amd?define(["jquery"],function(){return o.run(e.jQuery),r}):function(){o.run(e.jQuery),r.ready()}()}(window);


--------------------------------------------------------------------------------
/layer/mobile/layer.js:
--------------------------------------------------------------------------------
1 | /*! layer mobile-v2.0.0 Web弹层组件 MIT License  http://layer.layui.com/mobile  By 贤心 */
2 |  ;!function(e){"use strict";var t=document,n="querySelectorAll",i="getElementsByClassName",a=function(e){return t[n](e)},s={type:0,shade:!0,shadeClose:!0,fixed:!0,anim:"scale"},l={extend:function(e){var t=JSON.parse(JSON.stringify(s));for(var n in e)t[n]=e[n];return t},timer:{},end:{}};l.touch=function(e,t){e.addEventListener("click",function(e){t.call(this,e)},!1)};var r=0,o=["layui-m-layer"],c=function(e){var t=this;t.config=l.extend(e),t.view()};c.prototype.view=function(){var e=this,n=e.config,s=t.createElement("div");e.id=s.id=o[0]+r,s.setAttribute("class",o[0]+" "+o[0]+(n.type||0)),s.setAttribute("index",r);var l=function(){var e="object"==typeof n.title;return n.title?'<h3 style="'+(e?n.title[1]:"")+'">'+(e?n.title[0]:n.title)+"</h3>":""}(),c=function(){"string"==typeof n.btn&&(n.btn=[n.btn]);var e,t=(n.btn||[]).length;return 0!==t&&n.btn?(e='<span yes type="1">'+n.btn[0]+"</span>",2===t&&(e='<span no type="0">'+n.btn[1]+"</span>"+e),'<div class="layui-m-layerbtn">'+e+"</div>"):""}();if(n.fixed||(n.top=n.hasOwnProperty("top")?n.top:100,n.style=n.style||"",n.style+=" top:"+(t.body.scrollTop+n.top)+"px"),2===n.type&&(n.content='<i></i><i class="layui-m-layerload"></i><i></i><p>'+(n.content||"")+"</p>"),n.skin&&(n.anim="up"),"msg"===n.skin&&(n.shade=!1),s.innerHTML=(n.shade?"<div "+("string"==typeof n.shade?'style="'+n.shade+'"':"")+' class="layui-m-layershade"></div>':"")+'<div class="layui-m-layermain" '+(n.fixed?"":'style="position:static;"')+'><div class="layui-m-layersection"><div class="layui-m-layerchild '+(n.skin?"layui-m-layer-"+n.skin+" ":"")+(n.className?n.className:"")+" "+(n.anim?"layui-m-anim-"+n.anim:"")+'" '+(n.style?'style="'+n.style+'"':"")+">"+l+'<div class="layui-m-layercont">'+n.content+"</div>"+c+"</div></div></div>",!n.type||2===n.type){var d=t[i](o[0]+n.type),y=d.length;y>=1&&layer.close(d[0].getAttribute("index"))}document.body.appendChild(s);var u=e.elem=a("#"+e.id)[0];n.success&&n.success(u),e.index=r++,e.action(n,u)},c.prototype.action=function(e,t){var n=this;e.time&&(l.timer[n.index]=setTimeout(function(){layer.close(n.index)},1e3*e.time));var a=function(){var t=this.getAttribute("type");0==t?(e.no&&e.no(),layer.close(n.index)):e.yes?e.yes(n.index):layer.close(n.index)};if(e.btn)for(var s=t[i]("layui-m-layerbtn")[0].children,r=s.length,o=0;o<r;o++)l.touch(s[o],a);if(e.shade&&e.shadeClose){var c=t[i]("layui-m-layershade")[0];l.touch(c,function(){layer.close(n.index,e.end)})}e.end&&(l.end[n.index]=e.end)},e.layer={v:"2.0",index:r,open:function(e){var t=new c(e||{});return t.index},close:function(e){var n=a("#"+o[0]+e)[0];n&&(n.innerHTML="",t.body.removeChild(n),clearTimeout(l.timer[e]),delete l.timer[e],"function"==typeof l.end[e]&&l.end[e](),delete l.end[e])},closeAll:function(){for(var e=t[i](o[0]),n=0,a=e.length;n<a;n++)layer.close(0|e[0].getAttribute("index"))}},"function"==typeof define?define(function(){return layer}):function(){var e=document.scripts,n=e[e.length-1],i=n.src,a=i.substring(0,i.lastIndexOf("/")+1);n.getAttribute("merge")||document.head.appendChild(function(){var e=t.createElement("link");return e.href=a+"need/layer.css?2.0",e.type="text/css",e.rel="styleSheet",e.id="layermcss",e}())}()}(window);


--------------------------------------------------------------------------------
/layer/mobile/need/layer.css:
--------------------------------------------------------------------------------
1 | .layui-m-layer{position:relative;z-index:19891014}.layui-m-layer *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.layui-m-layermain,.layui-m-layershade{position:fixed;left:0;top:0;width:100%;height:100%}.layui-m-layershade{background-color:rgba(0,0,0,.7);pointer-events:auto}.layui-m-layermain{display:table;font-family:Helvetica,arial,sans-serif;pointer-events:none}.layui-m-layermain .layui-m-layersection{display:table-cell;vertical-align:middle;text-align:center}.layui-m-layerchild{position:relative;display:inline-block;text-align:left;background-color:#fff;font-size:14px;border-radius:5px;box-shadow:0 0 8px rgba(0,0,0,.1);pointer-events:auto;-webkit-overflow-scrolling:touch;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.2s;animation-duration:.2s}@-webkit-keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.layui-m-anim-scale{animation-name:layui-m-anim-scale;-webkit-animation-name:layui-m-anim-scale}@-webkit-keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.layui-m-anim-up{-webkit-animation-name:layui-m-anim-up;animation-name:layui-m-anim-up}.layui-m-layer0 .layui-m-layerchild{width:90%;max-width:640px}.layui-m-layer1 .layui-m-layerchild{border:none;border-radius:0}.layui-m-layer2 .layui-m-layerchild{width:auto;max-width:260px;min-width:40px;border:none;background:0 0;box-shadow:none;color:#fff}.layui-m-layerchild h3{padding:0 10px;height:60px;line-height:60px;font-size:16px;font-weight:400;border-radius:5px 5px 0 0;text-align:center}.layui-m-layerbtn span,.layui-m-layerchild h3{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layui-m-layercont{padding:50px 30px;line-height:22px;text-align:center}.layui-m-layer1 .layui-m-layercont{padding:0;text-align:left}.layui-m-layer2 .layui-m-layercont{text-align:center;padding:0;line-height:0}.layui-m-layer2 .layui-m-layercont i{width:25px;height:25px;margin-left:8px;display:inline-block;background-color:#fff;border-radius:100%;-webkit-animation:layui-m-anim-loading 1.4s infinite ease-in-out;animation:layui-m-anim-loading 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.layui-m-layerbtn,.layui-m-layerbtn span{position:relative;text-align:center;border-radius:0 0 5px 5px}.layui-m-layer2 .layui-m-layercont p{margin-top:20px}@-webkit-keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}.layui-m-layer2 .layui-m-layercont i:first-child{margin-left:0;-webkit-animation-delay:-.32s;animation-delay:-.32s}.layui-m-layer2 .layui-m-layercont i.layui-m-layerload{-webkit-animation-delay:-.16s;animation-delay:-.16s}.layui-m-layer2 .layui-m-layercont>div{line-height:22px;padding-top:7px;margin-bottom:20px;font-size:14px}.layui-m-layerbtn{display:box;display:-moz-box;display:-webkit-box;width:100%;height:50px;line-height:50px;font-size:0;border-top:1px solid #D0D0D0;background-color:#F2F2F2}.layui-m-layerbtn span{display:block;-moz-box-flex:1;box-flex:1;-webkit-box-flex:1;font-size:14px;cursor:pointer}.layui-m-layerbtn span[yes]{color:#40AFFE}.layui-m-layerbtn span[no]{border-right:1px solid #D0D0D0;border-radius:0 0 0 5px}.layui-m-layerbtn span:active{background-color:#F6F6F6}.layui-m-layerend{position:absolute;right:7px;top:10px;width:30px;height:30px;border:0;font-weight:400;background:0 0;cursor:pointer;-webkit-appearance:none;font-size:30px}.layui-m-layerend::after,.layui-m-layerend::before{position:absolute;left:5px;top:15px;content:'';width:18px;height:1px;background-color:#999;transform:rotate(45deg);-webkit-transform:rotate(45deg);border-radius:3px}.layui-m-layerend::after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}body .layui-m-layer .layui-m-layer-footer{position:fixed;width:95%;max-width:100%;margin:0 auto;left:0;right:0;bottom:10px;background:0 0}.layui-m-layer-footer .layui-m-layercont{padding:20px;border-radius:5px 5px 0 0;background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn{display:block;height:auto;background:0 0;border-top:none}.layui-m-layer-footer .layui-m-layerbtn span{background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn span[no]{color:#FD482C;border-top:1px solid #c2c2c2;border-radius:0 0 5px 5px}.layui-m-layer-footer .layui-m-layerbtn span[yes]{margin-top:10px;border-radius:5px}body .layui-m-layer .layui-m-layer-msg{width:auto;max-width:90%;margin:0 auto;bottom:-150px;background-color:rgba(0,0,0,.7);color:#fff}.layui-m-layer-msg .layui-m-layercont{padding:10px 20px}


--------------------------------------------------------------------------------
/layer/theme/default/icon-ext.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/crazystear/Practice01/c002e0d76b179c572a85ae58bcc929a02896890d/layer/theme/default/icon-ext.png


--------------------------------------------------------------------------------
/layer/theme/default/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/crazystear/Practice01/c002e0d76b179c572a85ae58bcc929a02896890d/layer/theme/default/icon.png


--------------------------------------------------------------------------------
/layer/theme/default/layer.css:
--------------------------------------------------------------------------------
1 | .layui-layer-imgbar,.layui-layer-imgtit a,.layui-layer-tab .layui-layer-title span,.layui-layer-title{text-overflow:ellipsis;white-space:nowrap}html #layuicss-layer{display:none;position:absolute;width:1989px}.layui-layer,.layui-layer-shade{position:fixed;_position:absolute;pointer-events:auto}.layui-layer-shade{top:0;left:0;width:100%;height:100%;_height:expression(document.body.offsetHeight+"px")}.layui-layer{-webkit-overflow-scrolling:touch;top:150px;left:0;margin:0;padding:0;background-color:#fff;-webkit-background-clip:content;border-radius:2px;box-shadow:1px 1px 50px rgba(0,0,0,.3)}.layui-layer-close{position:absolute}.layui-layer-content{position:relative}.layui-layer-border{border:1px solid #B2B2B2;border:1px solid rgba(0,0,0,.1);box-shadow:1px 1px 5px rgba(0,0,0,.2)}.layui-layer-load{background:url(loading-1.gif) center center no-repeat #eee}.layui-layer-ico{background:url(icon.png) no-repeat}.layui-layer-btn a,.layui-layer-dialog .layui-layer-ico,.layui-layer-setwin a{display:inline-block;*display:inline;*zoom:1;vertical-align:top}.layui-layer-move{display:none;position:fixed;*position:absolute;left:0;top:0;width:100%;height:100%;cursor:move;opacity:0;filter:alpha(opacity=0);background-color:#fff;z-index:2147483647}.layui-layer-resize{position:absolute;width:15px;height:15px;right:0;bottom:0;cursor:se-resize}.layer-anim{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.3s;animation-duration:.3s}@-webkit-keyframes layer-bounceIn{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes layer-bounceIn{0%{opacity:0;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.layer-anim-00{-webkit-animation-name:layer-bounceIn;animation-name:layer-bounceIn}@-webkit-keyframes layer-zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes layer-zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.layer-anim-01{-webkit-animation-name:layer-zoomInDown;animation-name:layer-zoomInDown}@-webkit-keyframes layer-fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes layer-fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.layer-anim-02{-webkit-animation-name:layer-fadeInUpBig;animation-name:layer-fadeInUpBig}@-webkit-keyframes layer-zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes layer-zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);-ms-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.layer-anim-03{-webkit-animation-name:layer-zoomInLeft;animation-name:layer-zoomInLeft}@-webkit-keyframes layer-rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}}@keyframes layer-rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0) rotate(0);-ms-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}}.layer-anim-04{-webkit-animation-name:layer-rollIn;animation-name:layer-rollIn}@keyframes layer-fadeIn{0%{opacity:0}100%{opacity:1}}.layer-anim-05{-webkit-animation-name:layer-fadeIn;animation-name:layer-fadeIn}@-webkit-keyframes layer-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes layer-shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.layer-anim-06{-webkit-animation-name:layer-shake;animation-name:layer-shake}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.layui-layer-title{padding:0 80px 0 20px;height:42px;line-height:42px;border-bottom:1px solid #eee;font-size:14px;color:#333;overflow:hidden;background-color:#F8F8F8;border-radius:2px 2px 0 0}.layui-layer-setwin{position:absolute;right:15px;*right:0;top:15px;font-size:0;line-height:initial}.layui-layer-setwin a{position:relative;width:16px;height:16px;margin-left:10px;font-size:12px;_overflow:hidden}.layui-layer-setwin .layui-layer-min cite{position:absolute;width:14px;height:2px;left:0;top:50%;margin-top:-1px;background-color:#2E2D3C;cursor:pointer;_overflow:hidden}.layui-layer-setwin .layui-layer-min:hover cite{background-color:#2D93CA}.layui-layer-setwin .layui-layer-max{background-position:-32px -40px}.layui-layer-setwin .layui-layer-max:hover{background-position:-16px -40px}.layui-layer-setwin .layui-layer-maxmin{background-position:-65px -40px}.layui-layer-setwin .layui-layer-maxmin:hover{background-position:-49px -40px}.layui-layer-setwin .layui-layer-close1{background-position:1px -40px;cursor:pointer}.layui-layer-setwin .layui-layer-close1:hover{opacity:.7}.layui-layer-setwin .layui-layer-close2{position:absolute;right:-28px;top:-28px;width:30px;height:30px;margin-left:0;background-position:-149px -31px;*right:-18px;_display:none}.layui-layer-setwin .layui-layer-close2:hover{background-position:-180px -31px}.layui-layer-btn{text-align:right;padding:0 15px 12px;pointer-events:auto;user-select:none;-webkit-user-select:none}.layui-layer-btn a{height:28px;line-height:28px;margin:5px 5px 0;padding:0 15px;border:1px solid #dedede;background-color:#fff;color:#333;border-radius:2px;font-weight:400;cursor:pointer;text-decoration:none}.layui-layer-btn a:hover{opacity:.9;text-decoration:none}.layui-layer-btn a:active{opacity:.8}.layui-layer-btn .layui-layer-btn0{border-color:#1E9FFF;background-color:#1E9FFF;color:#fff}.layui-layer-btn-l{text-align:left}.layui-layer-btn-c{text-align:center}.layui-layer-dialog{min-width:260px}.layui-layer-dialog .layui-layer-content{position:relative;padding:20px;line-height:24px;word-break:break-all;overflow:hidden;font-size:14px;overflow-x:hidden;overflow-y:auto}.layui-layer-dialog .layui-layer-content .layui-layer-ico{position:absolute;top:16px;left:15px;_left:-40px;width:30px;height:30px}.layui-layer-ico1{background-position:-30px 0}.layui-layer-ico2{background-position:-60px 0}.layui-layer-ico3{background-position:-90px 0}.layui-layer-ico4{background-position:-120px 0}.layui-layer-ico5{background-position:-150px 0}.layui-layer-ico6{background-position:-180px 0}.layui-layer-rim{border:6px solid #8D8D8D;border:6px solid rgba(0,0,0,.3);border-radius:5px;box-shadow:none}.layui-layer-msg{min-width:180px;border:1px solid #D3D4D3;box-shadow:none}.layui-layer-hui{min-width:100px;background-color:#000;filter:alpha(opacity=60);background-color:rgba(0,0,0,.6);color:#fff;border:none}.layui-layer-hui .layui-layer-content{padding:12px 25px;text-align:center}.layui-layer-dialog .layui-layer-padding{padding:20px 20px 20px 55px;text-align:left}.layui-layer-page .layui-layer-content{position:relative;overflow:auto}.layui-layer-iframe .layui-layer-btn,.layui-layer-page .layui-layer-btn{padding-top:10px}.layui-layer-nobg{background:0 0}.layui-layer-iframe iframe{display:block;width:100%}.layui-layer-loading{border-radius:100%;background:0 0;box-shadow:none;border:none}.layui-layer-loading .layui-layer-content{width:60px;height:24px;background:url(loading-0.gif) no-repeat}.layui-layer-loading .layui-layer-loading1{width:37px;height:37px;background:url(loading-1.gif) no-repeat}.layui-layer-ico16,.layui-layer-loading .layui-layer-loading2{width:32px;height:32px;background:url(loading-2.gif) no-repeat}.layui-layer-tips{background:0 0;box-shadow:none;border:none}.layui-layer-tips .layui-layer-content{position:relative;line-height:22px;min-width:12px;padding:8px 15px;font-size:12px;_float:left;border-radius:2px;box-shadow:1px 1px 3px rgba(0,0,0,.2);background-color:#000;color:#fff}.layui-layer-tips .layui-layer-close{right:-2px;top:-1px}.layui-layer-tips i.layui-layer-TipsG{position:absolute;width:0;height:0;border-width:8px;border-color:transparent;border-style:dashed;*overflow:hidden}.layui-layer-tips i.layui-layer-TipsB,.layui-layer-tips i.layui-layer-TipsT{left:5px;border-right-style:solid;border-right-color:#000}.layui-layer-tips i.layui-layer-TipsT{bottom:-8px}.layui-layer-tips i.layui-layer-TipsB{top:-8px}.layui-layer-tips i.layui-layer-TipsL,.layui-layer-tips i.layui-layer-TipsR{top:5px;border-bottom-style:solid;border-bottom-color:#000}.layui-layer-tips i.layui-layer-TipsR{left:-8px}.layui-layer-tips i.layui-layer-TipsL{right:-8px}.layui-layer-lan[type=dialog]{min-width:280px}.layui-layer-lan .layui-layer-title{background:#4476A7;color:#fff;border:none}.layui-layer-lan .layui-layer-btn{padding:5px 10px 10px;text-align:right;border-top:1px solid #E9E7E7}.layui-layer-lan .layui-layer-btn a{background:#fff;border-color:#E9E7E7;color:#333}.layui-layer-lan .layui-layer-btn .layui-layer-btn1{background:#C9C5C5}.layui-layer-molv .layui-layer-title{background:#009f95;color:#fff;border:none}.layui-layer-molv .layui-layer-btn a{background:#009f95;border-color:#009f95}.layui-layer-molv .layui-layer-btn .layui-layer-btn1{background:#92B8B1}.layui-layer-iconext{background:url(icon-ext.png) no-repeat}.layui-layer-prompt .layui-layer-input{display:block;width:230px;height:36px;margin:0 auto;line-height:30px;padding-left:10px;border:1px solid #e6e6e6;color:#333}.layui-layer-prompt textarea.layui-layer-input{width:300px;height:100px;line-height:20px;padding:6px 10px}.layui-layer-prompt .layui-layer-content{padding:20px}.layui-layer-prompt .layui-layer-btn{padding-top:0}.layui-layer-tab{box-shadow:1px 1px 50px rgba(0,0,0,.4)}.layui-layer-tab .layui-layer-title{padding-left:0;overflow:visible}.layui-layer-tab .layui-layer-title span{position:relative;float:left;min-width:80px;max-width:260px;padding:0 20px;text-align:center;overflow:hidden;cursor:pointer}.layui-layer-tab .layui-layer-title span.layui-this{height:43px;border-left:1px solid #eee;border-right:1px solid #eee;background-color:#fff;z-index:10}.layui-layer-tab .layui-layer-title span:first-child{border-left:none}.layui-layer-tabmain{line-height:24px;clear:both}.layui-layer-tabmain .layui-layer-tabli{display:none}.layui-layer-tabmain .layui-layer-tabli.layui-this{display:block}.layui-layer-photos{-webkit-animation-duration:.8s;animation-duration:.8s}.layui-layer-photos .layui-layer-content{overflow:hidden;text-align:center}.layui-layer-photos .layui-layer-phimg img{position:relative;width:100%;display:inline-block;*display:inline;*zoom:1;vertical-align:top}.layui-layer-imgbar,.layui-layer-imguide{display:none}.layui-layer-imgnext,.layui-layer-imgprev{position:absolute;top:50%;width:27px;_width:44px;height:44px;margin-top:-22px;outline:0;blr:expression(this.onFocus=this.blur())}.layui-layer-imgprev{left:10px;background-position:-5px -5px;_background-position:-70px -5px}.layui-layer-imgprev:hover{background-position:-33px -5px;_background-position:-120px -5px}.layui-layer-imgnext{right:10px;_right:8px;background-position:-5px -50px;_background-position:-70px -50px}.layui-layer-imgnext:hover{background-position:-33px -50px;_background-position:-120px -50px}.layui-layer-imgbar{position:absolute;left:0;bottom:0;width:100%;height:32px;line-height:32px;background-color:rgba(0,0,0,.8);background-color:#000\9;filter:Alpha(opacity=80);color:#fff;overflow:hidden;font-size:0}.layui-layer-imgtit *{display:inline-block;*display:inline;*zoom:1;vertical-align:top;font-size:12px}.layui-layer-imgtit a{max-width:65%;overflow:hidden;color:#fff}.layui-layer-imgtit a:hover{color:#fff;text-decoration:underline}.layui-layer-imgtit em{padding-left:10px;font-style:normal}@-webkit-keyframes layer-bounceOut{100%{opacity:0;-webkit-transform:scale(.7);transform:scale(.7)}30%{-webkit-transform:scale(1.05);transform:scale(1.05)}0%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes layer-bounceOut{100%{opacity:0;-webkit-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)}30%{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.layer-anim-close{-webkit-animation-name:layer-bounceOut;animation-name:layer-bounceOut;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.2s;animation-duration:.2s}@media screen and (max-width:1100px){.layui-layer-iframe{overflow-y:auto;-webkit-overflow-scrolling:touch}}


--------------------------------------------------------------------------------
/layer/theme/default/loading-0.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/crazystear/Practice01/c002e0d76b179c572a85ae58bcc929a02896890d/layer/theme/default/loading-0.gif


--------------------------------------------------------------------------------
/layer/theme/default/loading-1.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/crazystear/Practice01/c002e0d76b179c572a85ae58bcc929a02896890d/layer/theme/default/loading-1.gif


--------------------------------------------------------------------------------
/layer/theme/default/loading-2.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/crazystear/Practice01/c002e0d76b179c572a85ae58bcc929a02896890d/layer/theme/default/loading-2.gif


--------------------------------------------------------------------------------
/page-links.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * links
 4 |  *
 5 |  * @package custom
 6 |  */
 7 | ?>
 8 | <?php
 9 | if (!defined('__TYPECHO_ROOT_DIR__')) exit;
10 |     $this->need('header.php');
11 | ?>
12 | <div class="site-wrap">
13 |     <div class="flex-left">
14 |         <div class="left-side">
15 |             <div class="inside">
16 |                 <div id="content" class="content">
17 |                     <div class="post_content main2">
18 |                         <div class="pcontent">
19 |                             <h1 class="post_entry"><a href="<?php $this->permalink() ?>"><?php $this->title() ?></a></h1>
20 |                             <div class="post_body">
21 |                                 <?php $this->content(); ?>
22 |                                 <div><?php innerlinks($this->options->innerlinkshow); ?></div>
23 |                                 <?php if(!($this->fields->aplayerurl == '' && $this->fields->aplayerthumb == '')): ?>
24 |                                     <?php $this->need('aplayer.php'); ?>
25 |                                 <?php endif; ?>
26 |                             </div>
27 |                             <p class="post_tag">
28 |                                 <span class="head_meta" style="border: none;">Made by&nbsp;:&nbsp;<?php $this->author(); ?></span>
29 |                             </p>
30 |                             <?php include("copyright.php"); ?>
31 |                             <div class="post_comments">
32 |                                 <div class="comments_body">
33 |                                     <?php $this->need('comments.php'); ?>
34 |                                 </div>   
35 |                             </div>
36 |                         </div>                        
37 |                     </div>
38 |                 </div>
39 |             </div>
40 |         </div>
41 |     </div>
42 |     <?php $this->need('sidebar.php'); ?>
43 |     <?php $this->need('footer.php'); ?>


--------------------------------------------------------------------------------
/page-message-board.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * message-board
 4 |  *
 5 |  * @package custom
 6 |  */
 7 | ?>
 8 | <?php
 9 | if (!defined('__TYPECHO_ROOT_DIR__')) exit;
10 |     $this->need('header.php');
11 | ?>
12 | <div class="site-wrap">
13 |     <div class="flex-left">
14 |         <div class="left-side">
15 |             <div class="inside">
16 |                 <div id="content" class="content">
17 |                     <div class="post_content main2">
18 |                         <div class="pcontent">
19 |                             <h1 class="post_entry"><a href="<?php $this->permalink() ?>">访客墙&留言板</a></h1>
20 |                             <p class="post_meta">
21 |                                 <span class="head_meta">Template&nbsp;:&nbsp;Message Board</span>
22 |                                 <span class="head_meta">Views&nbsp;:&nbsp;<?php get_post_view($this) ?></span>
23 |                                 <span class="head_meta" style="border: none;">Comments&nbsp;:&nbsp;<?php $this->commentsNum('0','1','%d'); ?></span>
24 |                             </p>
25 |                             <div class="post_body">
26 |                                 <?php $this->content(); ?>
27 |                             	<div class="message_board_content">
28 |                             	<?php
29 | 									$period = time() - 999592000; 
30 | 									$counts = Typecho_Db::get()->fetchAll(Typecho_Db::get()
31 | 									->select('COUNT(author) AS cnt','author', 'url', 'mail')
32 | 									->from('table.comments')
33 | 									->where('created > ?', $period )
34 | 									->where('status = ?', 'approved')
35 | 									->where('type = ?', 'comment')
36 | 									->where('authorId = ?', '0')
37 | 									->group('author')
38 | 									->order('cnt', Typecho_Db::SORT_DESC)
39 | 									->limit(40)
40 | 									);
41 | 									$mostactive = '';
42 | 									$avatar_path = 'https://cdn.v2ex.com/gravatar/';
43 | 									foreach ($counts as $count) {
44 |                                       $qnum = str_replace('@qq.com', '', $count['mail']);
45 |                                       if (strstr($count['mail'], "qq.com") && is_numeric($qnum) && strlen($qnum) > 4 && strlen($qnum) < 12) {
46 |                                           $avatar = 'https://q2.qlogo.cn/g?b=qq&nk='.$qnum.'&s=100';
47 |                                       }else{
48 |                                           $avatar = $avatar_path . md5(strtolower($count['mail'])) . '?s=65';
49 |                                       }
50 | 									  $c_url = $count['url']; if ( !$c_url ) $c_url = Helper::options()->siteUrl;
51 | 									  $mostactive .= "<a class='message_board_a' href='" . $c_url . "' title='" . $count['author'] . " (参与" . $count['cnt'] . "次互动)' target='_blank' rel='external nofollow'><img style='width:65px;height:65px;' class='message_board_a_img' src='" . $avatar . "' alt='" . $count['author'] . "的头像' width='65' height='65' /></a>\n";
52 | 									}
53 | 									echo $mostactive; ?>
54 | 								</div>	
55 |                                 <?php if(!($this->fields->aplayerurl == '' && $this->fields->aplayerthumb == '')): ?>
56 |                                     <?php $this->need('aplayer.php'); ?>
57 |                                 <?php endif; ?>
58 |                             </div>
59 |                             <p class="post_tag">
60 |                                 <span class="head_meta" style="border: none;">Posted by&nbsp;:&nbsp;<?php $this->author(); ?></span>
61 |                             </p>
62 |                             <?php include("copyright.php"); ?>
63 |                             <div class="post_comments">
64 |                                 <div class="comments_body">
65 |                                     <?php $this->need('comments.php'); ?>
66 |                                 </div>   
67 |                             </div>
68 |                         </div>                        
69 |                     </div>
70 |                 </div>
71 |             </div>
72 |         </div>
73 |     </div>
74 |     <?php $this->need('sidebar.php'); ?>
75 |     <?php $this->need('footer.php'); ?>


--------------------------------------------------------------------------------
/page-status.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * status
 4 |  *
 5 |  * @package custom
 6 |  */
 7 | ?>
 8 | <?php
 9 | if (!defined('__TYPECHO_ROOT_DIR__')) exit;
10 |     $this->need('header.php');
11 | ?>
12 | <div class="site-wrap">
13 |     <div class="flex-left">
14 |         <div class="left-side">
15 |             <div class="inside">
16 |                 <div id="content" class="content">
17 |                     <div class="post_content main2">
18 |                         <div class="pcontent">
19 |                             <h1 class="post_entry"><a href="<?php $this->permalink() ?>"><?php $this->title() ?></a></h1>
20 |                             <p class="post_meta">
21 |                                 <!-- <span class="head_meta">Category&nbsp;:&nbsp;<?php $this->category(',', false); ?></span> -->
22 |                                 <span class="head_meta">Views&nbsp;:&nbsp;<?php get_post_view($this) ?></span>
23 |                                 <span class="head_meta">Comments&nbsp;:&nbsp;<?php $this->commentsNum('0','1','%d'); ?></span>
24 |                                 <span>Posted on&nbsp;:&nbsp;<time style="font-size: 12px;" datetime="<?php $this->date('Y-m-d'); ?>"><?php $this->date(); ?></time></span>
25 |                             </p>
26 |                             <div class="post_body">
27 |                                 <?php $this->content(); ?>
28 |                                 <?php if(!($this->fields->aplayerurl == '' && $this->fields->aplayerthumb == '')): ?>
29 |                                     <?php $this->need('aplayer.php'); ?>
30 |                                 <?php endif; ?>
31 |                             </div>
32 |                             <p class="post_tag">
33 |                                 <span class="head_meta" style="border: none;">Posted by&nbsp;:&nbsp;<?php $this->author(); ?></span>
34 |                                 <!-- <span>Tags&nbsp;:&nbsp;<?php $this->tags(' , ', true, '此页面未设置标签'); ?></span> -->
35 |                             </p>
36 |                             <?php include("copyright.php"); ?>
37 |                             <div class="post_comments">
38 |                                 <div class="comments_body">
39 |                                     <?php $this->need('comments.php'); ?>
40 |                                 </div>   
41 |                             </div>
42 |                         </div>                        
43 |                     </div>
44 |                 </div>
45 |             </div>
46 |         </div>
47 |     </div>
48 |     <?php $this->need('sidebar.php'); ?>
49 |     <?php $this->need('footer.php'); ?>


--------------------------------------------------------------------------------
/page.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | if (!defined('__TYPECHO_ROOT_DIR__')) exit;
 3 |     $this->need('header.php');
 4 | ?>
 5 | <div class="site-wrap">
 6 |     <div class="flex-left">
 7 |         <div class="left-side">
 8 |             <div class="inside">
 9 |                 <div id="content" class="content">
10 |                     <div class="post_content main2">
11 |                         <div class="pcontent">
12 |                             <h1 class="post_entry"><a href="<?php $this->permalink() ?>"><?php $this->title() ?></a></h1>
13 |                             <p class="post_meta">
14 |                                 <!-- <span class="head_meta">Category&nbsp;:&nbsp;<?php $this->category(',', false); ?></span> -->
15 |                                 <span class="head_meta">Views&nbsp;:&nbsp;<?php get_post_view($this) ?></span>
16 |                                 <span class="head_meta">Comments&nbsp;:&nbsp;<?php $this->commentsNum('0','1','%d'); ?></span>
17 |                                 <span>Posted on&nbsp;:&nbsp;<time style="font-size: 12px;" datetime="<?php $this->date('Y-m-d'); ?>"><?php $this->date(); ?></time></span>
18 |                             </p>
19 |                             <div class="post_body">
20 |                                 <?php $this->content(); ?>
21 |                                 <?php if(!($this->fields->aplayerurl == '' && $this->fields->aplayerthumb == '')): ?>
22 |                                     <?php $this->need('aplayer.php'); ?>
23 |                                 <?php endif; ?>
24 |                             </div>
25 |                             <p class="post_tag">
26 |                                 <span class="head_meta" style="border: none;">Posted by&nbsp;:&nbsp;<?php $this->author(); ?></span>
27 |                                 <!-- <span>Tags&nbsp;:&nbsp;<?php $this->tags(' , ', true, '此页面未设置标签'); ?></span> -->
28 |                             </p>
29 |                             <?php include("copyright.php"); ?>
30 |                             <div class="post_comments">
31 |                                 <div class="comments_body">
32 |                                     <?php $this->need('comments.php'); ?>
33 |                                 </div>   
34 |                             </div>
35 |                         </div>                        
36 |                     </div>
37 |                 </div>
38 |             </div>
39 |         </div>
40 |     </div>
41 |     <?php $this->need('sidebar.php'); ?>
42 |     <?php $this->need('footer.php'); ?>


--------------------------------------------------------------------------------
/post.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | if (!defined('__TYPECHO_ROOT_DIR__')) exit;
 3 | ?>
 4 | <?php if($this->category == 'gallery'): ?>                             
 5 |     <?php include("post_gallery.php"); ?>
 6 | <?php elseif($this->category == 'timeline'): ?>
 7 |     <?php include("post_timeline.php"); ?>
 8 | <?php else: ?>
 9 | <?php $this->need('header.php'); ?>
10 | <div class="site-wrap">
11 |     <div class="flex-left">
12 |         <div class="left-side">
13 |             <div class="inside">
14 |                 <div id="content" class="content">
15 |                     <div class="post_content main2">
16 |                         <div class="pcontent">
17 |                             <h1 class="post_entry"><a href="<?php $this->permalink() ?>"><?php $this->title() ?>
18 |                                 <?php if ($this->fields->postTop == 'keeptop'): ?>
19 |                                     <span style="color:#ff0000;font-size:12px;">【置顶】</span>
20 |                                 <?php endif; ?>
21 |                                 </a></h1>
22 |                             <p class="post_meta">
23 |                                 <span class="head_meta noneformo">Category&nbsp;:&nbsp;<?php $this->category(',', false); ?></span>
24 |                                 <span class="head_meta">Views&nbsp;:&nbsp;<?php get_post_view($this) ?></span>
25 |                                 <span class="head_meta">Comments&nbsp;:&nbsp;<?php $this->commentsNum('0','1','%d'); ?></span>
26 |                                 <span>Posted on&nbsp;:&nbsp;<time style="font-size: 12px;" datetime="<?php $this->date('Y-m-d'); ?>"><?php $this->date(); ?></time></span>
27 |                             </p>
28 |                             <div class="post_body">
29 |                                     <?php $this->content(); ?>
30 |                             </div>
31 |                             <?php if(!($this->fields->aplayerurl == '' && $this->fields->aplayerthumb == '')): ?>
32 |                                 <?php $this->need('aplayer.php'); ?>
33 |                             <?php endif; ?>
34 |                             <p class="post_tag">
35 |                                 <span class="head_meta">Posted by&nbsp;:&nbsp;<?php $this->author(); ?></span>
36 |                                 <span>Tags&nbsp;:&nbsp;<?php $this->tags(' , ', true, '本文未设置标签'); ?></span>
37 |                             </p>
38 |                             <?php include("copyright.php"); ?>
39 |                             <div class="pre_nex">
40 |                                 <div class="post_pre">
41 |                                     <span><i class="fa fa-arrow-left" aria-hidden="true"></i>&nbsp;&nbsp;Previous post</span>
42 |                                     <?php $this->thePrev('%s','已到最后一篇'); ?>   
43 |                                 </div>
44 |                                 <div class="post_nex">
45 |                                     <span>Next post&nbsp;&nbsp;<i class="fa fa-arrow-right" aria-hidden="true"></i></span>
46 |                                     <?php $this->theNext('%s','已到最新一篇'); ?>
47 |                                 </div>
48 |                             </div>
49 |                             <div class="post_comments">
50 |                                 <div class="comments_body">
51 |                                     <?php $this->need('comments.php'); ?>
52 |                                 </div>   
53 |                             </div>
54 |                         </div>                        
55 |                     </div>
56 |                 </div>
57 |             </div>
58 |         </div>
59 |     </div>
60 |     <?php $this->need('sidebar.php'); ?>
61 |     <?php $this->need('footer.php'); ?>
62 |     <?php endif; ?>


--------------------------------------------------------------------------------
/post_common.php:
--------------------------------------------------------------------------------
 1 | <?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
 2 | <div class="main main2">
 3 | <?php
 4 |     preg_match_all("/\<img.*?src\=(\'|\")(.*?)(\'|\")[^>]*>/i", $this->content, $matches);
 5 |     $imgCount = count($matches[0]);
 6 |     if (($imgCount >= 4) && empty($this->options->showPostAlbum)) { ?>
 7 | <div onclick="window.open('<?php $this->permalink() ?>','_self')" class="lazyload act2" data-original="<?php if (!($this->fields->thumbimg == '')): ?><?php $this->fields->thumbimg(); ?><?php else: ?><?php
 8 | preg_match_all("/\<img.*?src\=(\'|\")(.*?)(\'|\")[^>]*>/i", $this->content, $matches);
 9 | $imgCount = count($matches[0]);
10 | if($imgCount >= 1){
11 | $img = $matches[2][0];
12 | echo <<<Html
13 | {$img}
14 | Html;
15 | }
16 | ?><?php endif; ?>" style="background-image: url(<?php $this->options->loadingPic(); ?>)">
17 |                                 <article class="main-act">
18 |                                     <div class="cate2"><?php $this->category(',', true); ?>
19 |                                     <?php
20 |                                         preg_match_all('/(http:|https:)(.*?)(.jpg|.png|.gif)/i', $this->content, $inpostImgMatch);
21 |                                         $countInnerImg = count($inpostImgMatch[0]);
22 |                                         echo '<a style="margin-left:2px;background:rgba(0, 55, 125, 0.6);padding:10px 5px;">'.$countInnerImg.'P</a>';
23 |                                     ?>
24 |                                     </div>
25 |                                     <div class="entry2"><p><a <?php if(!($this->fields->posttitlecolor == '')): ?> style="color:<?php $this->fields->posttitlecolor(); ?>" <?php endif; ?> href="<?php $this->permalink() ?>"><i style="font-size:12px;" class="fa fa-picture-o" aria-hidden="true"></i>&nbsp;<?php $this->title() ?>&nbsp;<?php $this->sticky(); ?></a></p>
26 |                                     </div>
27 |                                     <div class="author2">
28 |                                         <div>
29 |                                             <p class="titleLen"><i style="font-size:12px;" class="fa fa-user" aria-hidden="true"></i>&nbsp;<?php $this->author(); ?>&nbsp;&nbsp;</p>
30 |                                             <p><i style="font-size:12px;" class="fa fa-eye" aria-hidden="true"></i>&nbsp;<?php get_post_view($this) ?>&nbsp;&nbsp;</p>
31 |                                             <p><i style="font-size:12px;" class="fa fa-comment" aria-hidden="true"></i>&nbsp;<?php $this->commentsNum('0','1','%d'); ?></p>
32 |                                         </div>
33 |                                         <div><p><i style="font-size:12px;" class="fa fa-clock-o" aria-hidden="true"></i>&nbsp;<time style="font-size: 12px;" datetime="<?php $this->date('Y-m-d'); ?>"><?php $this->date('Y-m-d'); ?></time></p></div>
34 |                                     </div>
35 |                                 </article>
36 |                             </div>
37 | <?php }else{ ?>
38 |                             <div class="act">
39 |                                 <article class="main-act">
40 | <?php if(!($this->fields->thumbimg == '')) { ?>
41 |         <div><a class="header" href="<?php $this->permalink() ?>"><img class="lazyload" src="<?php $this->options->loadingPic(); ?>" data-original="<?php $this->fields->thumbimg(); ?>"></a></div>
42 | <?php }else{ ?>
43 | <?php
44 |     preg_match_all("/\<img.*?src\=(\'|\")(.*?)(\'|\")[^>]*>/i", $this->content, $matches);
45 |     $imgCount = count($matches[0]);
46 |     if ($imgCount >= 1) { ?>
47 |         <div><a class="header" href="<?php $this->permalink() ?>"><img class="lazyload" src="<?php $this->options->loadingPic(); ?>" data-original="<?php $img = $matches[2][0];
48 | echo <<<Html
49 | {$img}
50 | Html;
51 | ?>"></a></div>
52 | <?php }} ?>
53 |                                     <div class="entry"><p><a <?php if(!($this->fields->posttitlecolor == '')): ?> style="color:<?php $this->fields->posttitlecolor(); ?>" <?php endif; ?> href="<?php $this->permalink() ?>">
54 |                                         <?php if(!($this->fields->aplayerurl == '')): ?>
55 |                                             <i style="font-size:12px;" class="fa fa-music" aria-hidden="true"></i>
56 |                                         <?php elseif(preg_match("/\bmp4\b/i",$this->content)): ?>
57 |                                             <i style="font-size:12px;" class="fa fa-video-camera" aria-hidden="true"></i>
58 |                                         <?php else: ?>
59 |                                             <i style="font-size:12px;" class="fa fa-book" aria-hidden="true"></i>
60 |                                         <?php endif; ?>
61 |                                         &nbsp;<?php $this->title() ?>&nbsp;<?php $this->sticky(); ?></a></p></div>
62 |                                     <div class="expert"><p><?php $this->excerpt(35, ' ...'); ?></p></div>
63 |                                     <div class="cate"><p><i style="font-size:12px;" class="fa fa-clone" aria-hidden="true"></i>&nbsp;<?php $this->category(',', true); ?></p></div>
64 |                                     <div class="author">
65 |                                         <div>
66 |                                             <p class="titleLen"><i style="font-size:12px;" class="fa fa-user" aria-hidden="true"></i>&nbsp;<?php $this->author(); ?>&nbsp;&nbsp;</p>
67 |                                             <p><i style="font-size:12px;" class="fa fa-eye" aria-hidden="true"></i>&nbsp;<?php get_post_view($this) ?>&nbsp;&nbsp;</p>
68 |                                             <p><i style="font-size:12px;" class="fa fa-comment" aria-hidden="true"></i>&nbsp;<?php $this->commentsNum('0','1','%d'); ?></p>
69 |                                         </div>
70 |                                         <div><p><i style="font-size:12px;" class="fa fa-clock-o" aria-hidden="true"></i>&nbsp;<time style="font-size: 12px;" datetime="<?php $this->date('Y-m-d'); ?>"><?php $this->date('Y-m-d'); ?></time></p></div>
71 |                                     </div>
72 |                                 </article>
73 |                             </div>
74 | <?php } ?>
75 |                         </div>


--------------------------------------------------------------------------------
/post_gallery.php:
--------------------------------------------------------------------------------
 1 | <?php $this->need('header.php'); ?>
 2 | <div class="site-wrap">
 3 |     <div class="flex-left-gallery">
 4 |         <div class="left-side">
 5 |             <div class="inside">       
 6 |                 <div id="content" class="content">
 7 |                     <div class="post_body_gallery">
 8 |                             <?php
 9 |                                 $fullcontent = $this->content;
10 |                                 $reg = '/(http:|https:)(.*?)(.jpg|.png|.gif|.jpeg)/i';
11 |                                 $matches = array();
12 |                                 preg_match_all($reg, $fullcontent, $matches);
13 |                                 $countPostImg = count($matches[0]);
14 |                                 for ($k=0; $k < $countPostImg; $k++) { 
15 |                                     echo '<div class="gallery_item main2"><div class="gallery_item_act"><div class="innerGallery"><a data-fancybox="gallery" href="'.$matches[0][$k].'"><img data-original="'.$matches[0][$k].'" class="lazyload" src="'.$this->options->loadingPic.'"></a></div></div></div>';
16 |                                 }
17 |                             ?>
18 |                     </div>
19 |                 </div>
20 |                 <div style="margin-bottom: 20px;">
21 |                     <p class="post_meta">
22 |                         <span><a title="back to top" href="#0" class="cd-top" style="color: rgba(77, 136, 255,.9);display: inline-block;background: #f1f1f1;"><i class="fa fa-arrow-up" aria-hidden="true"></i></a></span>
23 |                         <span class="head_meta noneformo">Title&nbsp;:&nbsp;<?php $this->title() ?></span>
24 |                         <span class="head_meta noneformo">Category&nbsp;:&nbsp;<?php $this->category(',', false); ?></span>
25 |                         <span class="head_meta">Views&nbsp;:&nbsp;<?php get_post_view($this) ?></span>
26 |                         <span>Posted on&nbsp;:&nbsp;<time style="font-size: 12px;" datetime="<?php $this->date('Y-m-d'); ?>"><?php $this->date('Y-m-d'); ?></time></span>
27 |                         <span><a title="back to top" href="#0" class="cd-top" style="color: rgba(77, 136, 255,.9);display: inline-block;background: #f1f1f1;"><i class="fa fa-arrow-up" aria-hidden="true"></i></a></span>
28 |                     </p>
29 |                 </div>
30 |                 <div class="gallery_comment">
31 |                     <div class="post_comments">
32 |                         <div class="comments_body">
33 |                             <?php $this->need('comments.php'); ?>
34 |                         </div>   
35 |                     </div>
36 |                 </div>    
37 |             </div>
38 |         </div>
39 |     </div>
40 |     <?php $this->need('footer.php'); ?>


--------------------------------------------------------------------------------
/post_timeline.php:
--------------------------------------------------------------------------------
 1 | <?php $this->need('header.php'); ?>
 2 | <style type="text/css">
 3 |     @media screen and (min-width: 980px) {
 4 |         .flex-left {
 5 |             flex: 0 0 100%;
 6 |             max-width: 100%;
 7 |         }
 8 |     }
 9 | </style>
10 | <div class="site-wrap">
11 |     <div class="flex-left">
12 |         <div class="left-side">
13 |             <div class="inside">
14 |                 <div id="content" class="content">
15 |                     <div class="post_content main2">
16 |                         <div class="pcontent">
17 |                             <h1 class="post_entry"><a href="<?php $this->permalink() ?>"><?php $this->title() ?>
18 |                                 <?php if ($this->fields->postTop == 'keeptop'): ?>
19 |                                     <span style="color:#ff0000;font-size:12px;">【置顶】</span>
20 |                                 <?php endif; ?>
21 |                                 </a></h1>
22 |                             <p class="post_meta">
23 |                                 <span class="head_meta noneformo">Category&nbsp;:&nbsp;<?php $this->category(',', false); ?></span>
24 |                                 <span class="head_meta">Views&nbsp;:&nbsp;<?php get_post_view($this) ?></span>
25 |                                 <span class="head_meta">Comments&nbsp;:&nbsp;<?php $this->commentsNum('0','1','%d'); ?></span>
26 |                                 <span>Posted on&nbsp;:&nbsp;<time style="font-size: 12px;" datetime="<?php $this->date('Y-m-d'); ?>"><?php $this->date(); ?></time></span>
27 |                             </p>
28 |                             <div class="post_body">
29 |                                     <?php
30 |                                         $t_content = $this->content;
31 |                                         $t_content = preg_replace('/(\[addvideo2\])(http:|https:)(.*?),(http:|https:)(.*?),(.*?)(\[\/addvideo2\])/i','<a data-fancybox data-width="640" data-height="360" href="$2$3" data-caption=""><img data-original="$4$5" class="lazyload" src="'.$loadingPicAddr.'" alt="" title=""></a>', $t_content);
32 |                                         echo $t_content; 
33 |                                     ?>
34 |                                     <!-- <?php if(!($this->fields->videorurl == '' && $this->fields->videoname == '' && $this->fields->videothumb == '')): ?>
35 |                                         <?php $this->need('videoplayer.php'); ?>
36 |                                     <?php endif; ?> -->
37 |                             </div>
38 |                             <!-- <?php if(!($this->fields->aplayerurl == '' && $this->fields->aplayerthumb == '')): ?>
39 |                                 <?php $this->need('aplayer.php'); ?>
40 |                             <?php endif; ?> -->
41 |                             <div class="post_comments">
42 |                                 <div class="comments_body">
43 |                                     <?php $this->need('comments.php'); ?>
44 |                                 </div>   
45 |                             </div>
46 |                         </div>                        
47 |                     </div>
48 |                 </div>
49 |             </div>
50 |         </div>
51 |     </div>
52 | </div>
53 | <script type="text/javascript" src="https://cdn.staticfile.org/jquery/2.2.1/jquery.min.js"></script>
54 | <script type="text/javascript" src="https://cdn.staticfile.org/masonry/4.2.2/masonry.pkgd.min.js"></script>
55 | <script type="text/javascript" src="https://cdn.staticfile.org/jquery_lazyload/1.9.7/jquery.lazyload.min.js"></script>
56 | <!-- 图片懒加载结合masonry -->
57 | <script type="text/javascript">
58 | $(function() {    
59 |     $(".lazyload").lazyload({
60 |         effect: 'fadeIn',
61 |         load : f_masonry,
62 |     });
63 | });
64 | window.onload = function() {
65 |         f_masonry();
66 |     }
67 | </script>
68 | <!-- 瀑布流方法 -->
69 | <?php if($this->category == 'timeline' && !$this->is('index')): ?>
70 | <script type="text/javascript">
71 | function f_masonry() {
72 |     $('#content').masonry({
73 |         itemSelector: '.main2',
74 |         isAnimated: true,
75 |         horizontalOrder: true,
76 |         });
77 |     }
78 | </script>
79 | <?php else: ?>
80 | <script type="text/javascript">
81 | function f_masonry() {
82 |     $('#content').masonry({
83 |         itemSelector: '.main2',
84 |         isAnimated: true,
85 |         });
86 |     }
87 | </script>
88 | <?php endif; ?>


--------------------------------------------------------------------------------
/screenshot.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/crazystear/Practice01/c002e0d76b179c572a85ae58bcc929a02896890d/screenshot.png


--------------------------------------------------------------------------------
/search.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | if (!defined('__TYPECHO_ROOT_DIR__')) exit;
 3 |     $this->need('header.php');
 4 | ?>
 5 | <div class="site-wrap">
 6 |     <div class="flex-left">
 7 |         <div class="left-side">
 8 |             <div class="inside">
 9 |                 <div id="content" class="content">
10 |                     <?php while($this->next()): ?>
11 |                         <?php include("post_common.php"); ?>
12 |                     <?php endwhile; ?>
13 |                 </div>
14 |                 <div id="ajaxloadpost" style="padding: 0 10px;">
15 |                     <?php $this->pageLink('下一页','next'); ?>
16 |                 </div>
17 |                     <div id="showtext"></div>
18 |                 </div>                
19 |             </div>
20 |         </div>
21 |         <?php $this->need('sidebar.php'); ?>
22 |         <?php $this->need('footer.php'); ?>


--------------------------------------------------------------------------------
/show_avatar.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 	//传入邮箱地址
 3 | 	$s1 = $_GET["n1"];
 4 | 	//md5转码
 5 | 	$mdmd5 = md5(strtolower(trim($s1)));
 6 | 	$qqnum = str_replace('@qq.com', '', $s1);
 7 | 	if (strstr($s1,"qq.com") && is_numeric($qqnum) && strlen($qqnum) > 4 && strlen($qqnum) < 12) {
 8 | 		$avatar = 'https://q2.qlogo.cn/g?b=qq&nk='.$qqnum.'&s=100';
 9 | 	}else {
10 | 		$avatar = 'https://cdn.v2ex.com/gravatar/' . $mdmd5 . '?s=80';
11 | 	}
12 | 	//输出头像
13 | 	echo "<img style='width:80px;height:80px;' src='".$avatar."'>";
14 | ?>


--------------------------------------------------------------------------------
/sidebar.php:
--------------------------------------------------------------------------------
  1 | <?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
  2 | <div class="flex-right">
  3 | 	<div class="rightbar" id="rightbar">
  4 | 		<?php if (!empty($this->options->ShowTimeline) && in_array('sidebarTimeline', $this->options->ShowTimeline)): ?>
  5 | 		<?php
  6 | 		$this->widget('Widget_Archive@index', 'pageSize=1&type=category', 'slug=timeline')->to($timeline);
  7 | 		while($timeline->next()): ?>
  8 | 		        <div class="side-about" style="margin-bottom: 20px;border-radius: 5px;">
  9 | 		    	<div class="about-me">
 10 | 		    		<p><i style="color: #ff0000;" class="fa fa-paper-plane" aria-hidden="true"></i>&nbsp;&nbsp;Timeline：<?php $timeline->title(); ?></p>
 11 | 		    		<p><a class="cusMore" href="<?php $this->widget('Widget_Metas_Category_List')->to($categorys); ?><?php while($categorys->next()): ?><?php $getCateName =  $categorys->slug; if($getCateName == 'timeline'): ?><?php echo $categorys->permalink; ?><?php endif; ?><?php endwhile; ?>" title="查看更多..."><i class="fa fa-bars" aria-hidden="true"></i></a></p>
 12 | 		    	</div>
 13 | 		    	<div class="desc2">
 14 | 			    	<span class="tl_new"><?php $timeline->content(); ?></span>
 15 | 			    	<span class="tl_time"><?php _e('updated on :'); ?> <time datetime="<?php $timeline->date('c'); ?>" itemprop="datePublished"><?php $timeline->date(); ?></time></span>
 16 | 		    	</div>
 17 | 		    </div>
 18 | 		<?php endwhile; ?>
 19 | 		<?php endif; ?>
 20 | 		<!-- <?php if(!($this->is('page'))): ?>
 21 | 		<?php $this->widget('Widget_Contents_Page_List')->to($pages); ?>
 22 | 			<?php while($pages->next()): ?>
 23 | 				<?php if ($pages->template == 'page-status.php'): ?>
 24 | 					<?php if(!($pages->content == '')): ?>
 25 | 					<div class="side-about" style="margin-bottom: 20px;border-radius: 5px;">
 26 | 				    	<div class="about-me">
 27 | 				    		<p><i style="color: #ff0000;" class="fa fa-bullhorn" aria-hidden="true"></i>&nbsp;&nbsp;<?php $pages->title(); ?></p>
 28 | 				    		<p><a class="cusMore" href="<?php $pages->permalink(); ?>" title="查看更多..."><i class="fa fa-bars" aria-hidden="true"></i></a></p>
 29 | 				    	</div>
 30 | 				    	<div class="desc2">
 31 | 					    	<?php
 32 | 					    		preg_match('/\[record\](.*?)\<br\>(.*?)\[\/record]/i', $pages->content, $smatches);
 33 | 					    		if ($smatches) {
 34 | 					    			echo '<p>'.$smatches[2].'<span> --- updated on '.$smatches[1].'</span></p>';
 35 | 					    		}else{
 36 | 					    			echo "<p>未获取到内容，请按照主题指定的格式发布公告或动态内容！</p>";
 37 | 					    		}
 38 | 					    	?>	
 39 | 				    	</div>
 40 | 				    </div>
 41 | 				    <?php endif; ?>
 42 | 				<?php endif; ?>
 43 | 			<?php endwhile; ?>
 44 | 		<?php endif; ?> -->
 45 | 		<div class="side-about">
 46 | 	    	<div class="about-me"><p><i style="color: #ff0000;" class="fa fa-bookmark" aria-hidden="true"></i>&nbsp;&nbsp;关于博主</p></div>
 47 | 	    	<div>
 48 | 		    	<div class="me-avatar"><div class="ava2wx">
 49 | 	    			<a id="logoUrl" style="opacity: 1;" href="<?php $this->options->siteUrl(); ?>">
 50 | 		            	<img src="<?php $this->options->logoUrl(); ?>" />
 51 | 		          	</a>
 52 | 		          	<a id="wechatqrcode" style="margin-top: -80px;opacity: 0;" href="<?php $this->options->siteUrl(); ?>">
 53 | 		            	<img src="<?php $this->options->wechatqrcode(); ?>" />
 54 | 		          	</a>
 55 | 		    	</div></div>
 56 | 		    	<div class="desc"><p><?php $this->options->cusAboutme(); ?></p></div>
 57 | 		    </div>
 58 | 			<div class="social">
 59 | 				<div class="weixin" id="weixin" style="border-right: 1px solid rgba(0,0,0,.04)">
 60 | 					<i class="fa fa-weixin" aria-hidden="true"></i>
 61 | 				</div>
 62 | 				<div class="tweibo" style="border-right: 1px solid rgba(0,0,0,.04)">
 63 | 					<a class="tweibo-a" href="<?php $this->options->githubaddr(); ?>" target="_blank">
 64 | 						<?php if(!empty($this->options->secIcon)): ?>
 65 | 							<?php $this->options->secIcon(); ?>
 66 | 						<?php else: ?>
 67 | 							<i class="fa fa-github" aria-hidden="true"></i>
 68 | 						<?php endif; ?>
 69 | 					</a>
 70 | 				</div>
 71 | 				<div class="qq" style="border-right: 1px solid rgba(0,0,0,.04)">
 72 | 					<a class="qq-a" href="<?php $this->options->contactbyqq(); ?>" target="_blank">
 73 | 						<?php if(!empty($this->options->thrIcon)): ?>
 74 | 							<?php $this->options->thrIcon(); ?>
 75 | 						<?php else: ?>
 76 | 							<i class="fa fa-qq" aria-hidden="true"></i>
 77 | 						<?php endif; ?>
 78 | 					</a>
 79 | 				</div>
 80 | 				<div class="weibo" style="border-right: 1px solid rgba(0,0,0,.04)">
 81 | 					<a class="weibo-a" href="<?php $this->options->meonweibo(); ?>" target="_blank">
 82 | 						<?php if(!empty($this->options->forIcon)): ?>
 83 | 							<?php $this->options->forIcon(); ?>
 84 | 						<?php else: ?>
 85 | 							<i class="fa fa-weibo" aria-hidden="true"></i>
 86 | 						<?php endif; ?>
 87 | 					</a>
 88 | 				</div>
 89 | 				<!-- <div class="email">
 90 | 					<a class="email-a" href="<?php $this->options->feedUrl(); ?>" target="_blank">
 91 | 						<i class="fa fa-feed" aria-hidden="true"></i>
 92 | 					</a>
 93 | 				</div> -->
 94 | 			</div>
 95 | 	    </div>
 96 | 	<!-- <?php if(!($this->is('index'))): ?>
 97 | 		<div class="newposts">
 98 | 	    	<div class="newposts_title"><p><i style="color: #ff0000;" class="fa fa-fire" aria-hidden="true"></i>&nbsp;&nbsp;近期文章</p></div>
 99 | 	    	<div class="newposts_items">
100 | 	    		<ul>
101 | 					<?php 
102 | 						$this->widget('Widget_Contents_Post_Recent', 'pageSize=10&type=category')->parse('<li><a href="{permalink}" target="_blank"><i style="color:rgba(77, 136, 255,.8);" class="fa fa-dot-circle-o" aria-hidden="true"></i>&nbsp;{title}</a></li>'); 
103 | 					?>
104 | 				</ul>
105 | 	    	</div>
106 | 	    </div>
107 | 	<?php endif; ?> -->
108 | 		<div class="newcomments">
109 | 	    	<div class="newcomments_title"><p><i style="color: #ff0000" class="fa fa-commenting" aria-hidden="true"></i>&nbsp;&nbsp;近期评论</p></div>
110 | 	    	<div class="newcomments_items">
111 | 	    		<ul>
112 | 				<?php $this->widget('Widget_Comments_Recent','pageSize=10&ignoreAuthor=true')->to($comments); ?>
113 | 				<?php if($comments->have()): ?>
114 | 					<?php while($comments->next()): ?>
115 | 				    	<li><a href="<?php $comments->permalink(); ?>" target="_blank"><i style="color:rgba(77, 136, 255,.8);" class="fa fa-dot-circle-o" aria-hidden="true"></i>&nbsp;<?php $comments->author(false); ?></a>: <?php $comments->excerpt(50, '...'); ?></li>
116 | 					<?php endwhile; ?>
117 | 				<?php else: ?>
118 | 					<li>暂无评论</li>
119 | 				<?php endif; ?>
120 | 				</ul>
121 | 	    	</div>
122 | 	    </div>
123 | 	<?php if (!empty($this->options->sidebarCategory) && in_array('onSidebar', $this->options->sidebarCategory)): ?>
124 | 	    <div class="newcomments">
125 | 	    	<div class="newcomments_title"><p><i style="color: #ff0000" class="fa fa-bars" aria-hidden="true"></i>&nbsp;&nbsp;分类目录</p></div>
126 | 	    	<div class="sideCate_items">
127 | 	    		<ul>
128 | 	    		<?php $this->widget('Widget_Metas_Category_List')->to($categorys); ?>
129 | 	            <?php while($categorys->next()): ?>
130 | 	            	<li><a href="<?php $categorys->permalink(); ?>" title="<?php $categorys->description(); ?>"><?php $categorys->name(); ?></a></li>
131 | 	            <?php endwhile; ?>
132 | 	        	</ul>
133 | 	    	</div>
134 | 	    </div>
135 | 	<?php endif; ?>
136 | 	<?php if($this->is('index')): ?>
137 | 	<?php if (!empty($this->options->ShowLinks) && in_array('sidebar', $this->options->ShowLinks)): ?>
138 | 	    <div class="friends">
139 | 	    	<div class="links"><p><i style="color: #ff0000;" class="fa fa-link" aria-hidden="true"></i>&nbsp;&nbsp;友情链接</p></div>
140 | 	    	<div class="links_items">		
141 | 	    		<ul>
142 | 	    			<?php Links($this->options->IndexLinksSort); ?>
143 | 	    		</ul>
144 | 	    		<ul style="margin-top: -20px;">
145 | 		    		<li><a href="#0" class="cd-top" style="color: #fff;"> - Back to Top - </a></li>
146 | 		    	</ul>
147 | 	    	</div>
148 | 	    </div>
149 | 	<?php endif; ?>
150 | 	<?php else: ?>
151 | 		<div class="friends">
152 | 	    	<div class="links_items">
153 | 	    		<ul>
154 | 		    		<li><a href="#0" class="cd-top" style="color: #fff;"> - Back to Top - </a></li>
155 | 		    	</ul>
156 | 	    	</div>
157 | 	    </div>
158 | 	<?php endif; ?>
159 |     </div>
160 | </div>
161 | 


--------------------------------------------------------------------------------
/simplehome.php:
--------------------------------------------------------------------------------
 1 | <style type="text/css">
 2 |     html,body {
 3 |         width: 100%;
 4 |         height: 100%;
 5 |         margin: 0;
 6 |         padding: 0;
 7 |     }
 8 |     .simple_home {
 9 |         width: 50%;
10 |         margin: 0 auto;
11 |         text-align: center;
12 |         position: relative;
13 |         top: 50%;
14 |         transform: translateY(-60%);
15 |         -ms-transform: translateY(-60%);
16 |         -webkit-transform: translateY(-60%);
17 |         -moz-transform: translateY(-60%);
18 |         -o-transform: translateY(-60%);
19 |     }
20 |     .simple_home_span p {
21 |         font-size: 20px;
22 |         line-height: 26px;
23 |         font-family: '华文行楷', "LingWai TC";
24 |         color: #ccc;
25 |     }
26 |     .simple_home_a {
27 |         color: #333;
28 |         font-weight: bold;
29 |         font-size: 26px;
30 |         margin-top: 20px;
31 |         font-family: '华文隶书', "LingWai TC";
32 |     }
33 |     .simple_home_span img {
34 |         width: 100%;
35 |         max-width: 600px;
36 |         height: auto;
37 |         filter: grayscale(100%);
38 |         -ms-filter: grayscale(100%);
39 |         -webkit-filter: grayscale(100%);
40 |         -moz-filter: grayscale(100%);
41 |         -o-filter: grayscale(100%);
42 |         opacity: 0.8;
43 |         transition: all 1s ease;
44 |         -ms-transition: all 1s ease;
45 |         -webkit-transition: all 1s ease;
46 |         -moz-transition: all 1s ease;
47 |         -o-transition: all 1s ease;
48 |     }
49 |     .simple_home_span img:hover {
50 |         filter: grayscale(0%);
51 |         -ms-filter: grayscale(0%);
52 |         -webkit-filter: grayscale(0%);
53 |         -moz-filter: grayscale(0%);
54 |         -o-filter: grayscale(0%);
55 |         opacity: 1;
56 |     }
57 | </style>
58 | <?php
59 |     $this->widget('Widget_Archive@index', 'pageSize=1&type=category', 'slug=timeline')->to($timeline);
60 |     while($timeline->next()): ?>
61 |     <div class="simple_home">
62 |         <span class="simple_home_span"><?php $timeline->content(); ?></span>
63 |         <p><a class="simple_home_a" href="<?php $this->widget('Widget_Metas_Category_List')->to($categorys); ?><?php while($categorys->next()): ?><?php $getCateName =  $categorys->slug; if($getCateName == 'timeline'): ?><?php echo $categorys->permalink; ?><?php endif; ?><?php endwhile; ?>" title="进入网站...">--- Enter ---</a></p>
64 |     </div>
65 | <?php endwhile; ?>


--------------------------------------------------------------------------------
/theme_config.php:
--------------------------------------------------------------------------------
 1 | <?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
 2 | <style>
 3 | .typecho-option-submit{
 4 |     position: fixed !important;
 5 |     bottom: 10px !important;
 6 |     right: 30px !important;
 7 | }
 8 | .typecho-option-submit li{
 9 |     display: inline;
10 |     margin-right: 5px;
11 | }
12 | </style>
13 | <script type="text/javascript" src="https://cdn.staticfile.org/jquery/2.2.1/jquery.min.js"></script>
14 | <script type="text/javascript">
15 | function backData() {
16 |     var newLocal= localStorage.backupData;
17 |     if (newLocal!= "" && newLocal!= undefined) {
18 |         var jsonData = JSON.parse(newLocal);
19 |         var data = jsonData;
20 |         for(var i in data){
21 |             switch (data[i].type) {
22 |                 case "text":
23 |                     $('#'+document.getElementsByName(data[i].name)[0].id).val(data[i].value);
24 |                     break;
25 |                 case "textarea":
26 |                     $('#'+document.getElementsByName(data[i].name)[0].id).val(data[i].val);
27 |                     break;
28 |                 case "checkbox":
29 |                     switch (data[i].checked) {
30 |                         case 'true':
31 |                             document.getElementById(data[i].id).checked = true;
32 |                             break;
33 |                         case 'false':
34 |                             document.getElementById(data[i].id).checked = false;
35 |                             break;
36 |                     }
37 |                     break;
38 | 
39 |                 case "radio":
40 |                     switch (data[i].checked) {
41 |                         case 'true':
42 |                             $('#'+data[i].id).prop("checked","checked");
43 |                             break;
44 |                         case 'false':
45 |                             $('#'+data[i].id).removeAttr("checked");
46 |                     }
47 |                     break;
48 |             }
49 |         }
50 |     }
51 | }
52 | function backupData() {
53 |     var json = [];
54 |     var inputs = $("input");
55 |     var textareas = $("textarea");
56 |     for (i = 0, len = inputs.length; i < len; i++) {
57 |         var j = {};
58 |         var input = inputs[i];
59 |         j.name = input.name;
60 |         j.type = input.type;
61 |         j.id = input.id;
62 |         switch (input.type){
63 |             case "text":
64 |                 j.value = input.value;
65 |                 break;
66 | 
67 |             case "radio":
68 |                 j.checked = ''+input.checked+'';
69 |                 break;
70 | 
71 |             case "checkbox":
72 |                 j.checked = ''+input.checked+'';
73 |                 break;
74 |             default:
75 |         }
76 |         json.push(j);
77 |     }
78 |     for (i = 0, len = textareas.length; i < len; i++) {
79 |         var j = {};
80 |         var textarea = textareas[i];
81 |         j.name = textarea.name;
82 |         j.type = 'textarea';
83 |         j.id = textarea.id;
84 |         j.val = $('#'+textarea.id).val();
85 | 
86 |         json.push(j);
87 |     }
88 |     var dataUp = JSON.stringify(json);
89 |     localStorage.backupData = dataUp;
90 |     alert("主题设置参数已备份！若需要恢复，请使用相同浏览器点击本页右下方的恢复按钮进行恢复！");
91 | }
92 | jQuery(function(){
93 |     $(".typecho-option-submit").append("<li><button type=\"button\" class=\"btn primary\" onclick=\"backupData()\">备份</button></li><li><button type=\"button\" class=\"btn primary\" onclick=\"backData()\">恢复</button></li>");
94 | });
95 | </script>
96 | 


--------------------------------------------------------------------------------
/typeword.php:
--------------------------------------------------------------------------------
 1 | <?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
 2 | <div id="typed-strings">
 3 | <?php
 4 |     $random = mt_rand(1,10);
 5 |     switch ($random) {
 6 |         case '1':
 7 |             echo "<p>很多东西宁缺毋滥，流星的光芒短暂而灼热闪耀。</p>";
 8 |             echo "<p>让你变得更好的那个人，往往是你觉得很难与之相处的那个人。—— by 小宇</p>";
 9 |             echo "<p>觉得自己做的到和不做的到，其实只在一念之间。</p>";
10 |             echo "<p>路在自己脚下，没有人可以决定我的方向。</p>";
11 |             echo "<p>你的选择是做或不做，但不做就永远不会有机会。</p>";
12 |             echo "<p>凡事顺其自然，遇事处于泰然，得意之时淡然，失意之时坦然，艰辛曲折必然，历尽沧桑悟然。</p>";
13 |             break;
14 |         case '2':
15 |             echo "<p>离别时的伤感，时候却很难说出口，哪怕是短暂的分离！—— by 小宇</p>";
16 |             echo "<p>人生应该树立目标，否则你的精力会白白浪费。</p>";
17 |             echo "<p>山涧的泉水经过一路曲折,才唱出一支美妙的歌。</p>";
18 |             echo "<p>如若不是为了一个人，谁肯枯守一座城。城市和爱情，总是有着这样那样的关系。我们会因为一个人，去到那座城，因为那是一座爱的城；我们也会因为一个人，离开一座城，那是一座绝望的伤城。</p>";
19 |             echo "<p>常求有利别人，不求有利自己。</p>";
20 |             break;
21 |         case '3':
22 |             echo "<p>你是否在某个夜深人静的时刻，静静地听着Bressanone，思念着某人。—— by 小宇</p>";
23 |             echo "<p>每个人心里都有一段伤痕，时间才是最好的疗剂。</p>";
24 |             echo "<p>人总是珍惜未得到的，而遗忘了所拥有的。</p>";
25 |             echo "<p>退一步，并不象征我认输；放手，并不表示我放弃；微笑，并不意味我快乐！</p>";
26 |             echo "<p>人海中再回首，朋友真诚依旧，生命里重逢，心境平和温柔，往事如风，岁月如歌，漫漫人生路，苍桑几许，幸福几何！</p>";
27 |             break;
28 |         case '4':
29 |             echo "<p>要铭记在心：每天都是一年中最美好的日子。</p>";
30 |             echo "<p>生活远没有咖啡那么苦涩，关键是喝它的人怎么品味！每个人都喜欢和向往随心所欲的生活，殊不知随心所欲根本不是生活。</p>";
31 |             echo "<p>如果错过了太阳时你流泪了，那么你也要错过群星了。</p>";
32 |             echo "<p>不如意的时候不要尽往悲伤里钻，想想有笑声的日子吧。</p>";
33 |             echo "<p>我不明白为什么要那么在意别人的看法，评头论足只是无聊人的消遣，何必看得如临大敌。如果你不吃别人家的饭，就别太把别人的话放在心上。</p>";
34 |             break;
35 |         case '5':
36 |             echo "<p>青春就是用来追忆的，当你怀揣着它时，它一文不值，只有将它耗尽后，再回过头看，一切才有了意义，爱过我们的人和伤害过我们的人，都是我们青春存在的意义。</p>";
37 |             echo "<p>既然活着来到这个世界，就没有打算活着回去。所以，在这有限的时间里，我们应该珍惜生命，珍惜机会，更要珍惜那得之不易的时间。因那滴答做响的时间脚步，一旦走过，再不回头。</p>";
38 |             echo "<p>青春是一个充满魁力，充满诱惑的时代。好动是青春，好奇是青春，好玩是青春。玩世不恭更是青春，我们的一切切都是青春。</p>";
39 |             echo "<p>要先打败任何事情得先学会打败自己。</p>";
40 |             echo "<p>我会把每一次改变当做成长，哪怕是痛也值得。</p>";
41 |             break;
42 |         case '6':
43 |             echo "<p>有种脾气叫，不放弃。</p>";
44 |             echo "<p>梦想是注定孤独的旅行，路上少不了质疑和嘲笑，但那又怎样，哪怕遍体鳞伤也要活的漂亮。</p>";
45 |             echo "<p>不管现在有多么艰辛，我们也要做个生活的舞者。</p>";
46 |             echo "<p>命运从来不会同情弱者。</p>";
47 |             echo "<p>不怕万人阻挡在前方，只怕自己先行投降。</p>";
48 |             break;
49 |         case '7':
50 |             echo "<p>生活其实很简单，过了今天就是明天。</p>";
51 |             echo "<p>低头哭过别忘了抬头继续走。</p>";
52 |             echo "<p>不要被任何人打乱自的脚步，因为没有谁会像你一样清楚和在乎自己梦想。</p>";
53 |             echo "<p>没有人可以打倒我，除非我自己先趴下!</p>";
54 |             echo "<p>你要记住你不是为别人而活，你是为自己而活。</p>";
55 |             break;
56 |         case '8':
57 |             echo "<p>只有脚踏实地的人，才能够说：路，就在我的脚下。</p>";
58 |             echo "<p>无论你选择做什么，追求完美的程度决定你成就的高度。</p>";
59 |             echo "<p>这个世界最脆弱的是生命，身体健康，很重要。</p>";
60 |             echo "<p>上帝说：你要什么便取什么，但是要付出相当的代价。</p>";
61 |             echo "<p>现在站在什么地方不重要，重要的是你往什么方向移动。</p>";
62 |             break;
63 |         case '9':
64 |             echo "<p>成功源于不懈的努力。</p>";
65 |             echo "<p>暗自伤心，不如立即行动。</p>";
66 |             echo "<p>再多一点努力，就多一点成功。</p>";
67 |             echo "<p>得意淡然，失意坦然；喜而不狂，忧而不伤。</p>";
68 |             echo "<p>海纳百川，有容乃大；壁立千仞，无欲则刚。</p>";
69 |             break;
70 |         case '10':
71 |             echo "<p>快乐地过是一天，不快乐地过也是一天，我为什么不快快乐乐地过每一天呢？</p>";
72 |             echo "<p>岂能尽随人愿，但求无愧我心。</p>";
73 |             echo "<p>在你内心深处，还有无穷的潜力，有一天当你回首看时，你就会知道这绝对是真的。</p>";
74 |             echo "<p>活在当下，别在怀念过去或者憧憬未来中浪费掉你现在的生活。</p>";
75 |             echo "<p>挫折时，要像大树一样，被砍了，还能再长；也要像杂草一样，虽让人践踏，但还能勇敢地活下去。</p>";
76 |             break;        
77 |         default:
78 |             echo "<p>更改你喜欢的短语请直接替换各个case中的内容即可！</p>";
79 |             break;
80 |     }
81 | ?>
82 | </div>


--------------------------------------------------------------------------------
/videoplayer.php:
--------------------------------------------------------------------------------
1 | <a data-fancybox data-width="640" data-height="360" href="<?php $this->fields->videorurl(); ?>" data-caption="<?php $this->fields->videoname(); ?>">
2 | 	<img data-original="<?php $this->options->themeUrl('/images/videobg.jpg'); ?>" class="lazyload" src="<?php $this->options->loadingPic(); ?>" alt="<?php $this->fields->videoname(); ?>" title="<?php $this->fields->videoname(); ?>" style="display: block;margin: 0 auto;">
3 | </a>


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