Castle MDUI风格博客模板

二呆

特色 | 介绍
MDUI风格
可自由切换主题色/强调色
更多的选项可供设置
随机的文章封面图
可以设置各类联系方式/社交账号
有两套风格

安装

1. 下载解压到 /usr/themes/ 目录并将解压出来的文件夹重命名为 Castle;
2. 登陆到博客控制台；
3. 进入设置→外观启用名为 Castle 的主题并根据需求调整设置。

友链页代码

请先在友链页添加字段名为 PageType 值为 links 的自定义字段

友链页例子：

1. <div style="margin-top:30px;"></div> <!-- 与顶部距离30PX -->
   
2.   <div class="mdui-row"> <!-- 分离Card -->
   
3.    <div class="mdui-col-md-8 mdui-col-offset-md-2">
   
4.     <div class="mdui-card">
   
5.      <br>
   
6.       <center style="font-size:40px;">友链墙</center>
   
7.      <br>
   
8.      <div class="mdui-card-content mdui-typo">
   
9.       这里填写友链交换要求等信息
   
10.      </div>
    
11.      </div>
    
12.     </div>
    
13.    </div>
    
14.   <div style="margin-top:20px;"></div><!-- 与下面内容拉开20PX的距离 -->
    
15. 
    
16. <!-- 第一个友链开始 -->
    
17. <div class="mdui-row">
    
18.   <a href="友链地址url" class="moe-links" target="_blank" title="友链的名字>
    
19.    <div class="mdui-col-md-3">
    
20.     <div class="mdui-card mdui-hoverable">
    
21.      <img src="友链头像" height="72px" class="mdui-float-left" />
    
22.      <center style="font-size:25px; margin-top:11px;">友链的名字</center>
    
23.      <center style="font-size:15px; margin-top:6px;">友链的介绍</center>
    
24.     </div>
    
25.    </div>
    
26.   </a>
    
27. <div style="margin-top:30px;"></div><!-- 如上 -->
    
28. </div>
    
29. <!-- 第一个友链结束 -->
    
30. 
    
31. <!-- 第二个友链开始 -->
    
32. <div class="mdui-row">
    
33.   <a href="友链地址url" class="moe-links" target="_blank" title="友链的名字>
    
34.    <div class="mdui-col-md-3">
    
35.     <div class="mdui-card mdui-hoverable">
    
36.      <img src="友链头像" height="72px" class="mdui-float-left" />
    
37.      <center style="font-size:25px; margin-top:11px;">友链的名字</center>
    
38.      <center style="font-size:15px; margin-top:6px;">友链的介绍</center>
    
39.     </div>
    
40.    </div>
    
41.   </a>
    
42. <div style="margin-top:30px;"></div><!-- 如上 -->
    
43. </div>
    
44. <!-- 第二个友链结束 -->
    
45. 
    
46. [ 然后以此类推 ]
    
47. PS：注意每四个友链就要加一个
    
48. <div class="mdui-row">四个友链;</div>
    
49. 不加会导致大屏幕显示会上下黏在一起，具体可以F12Demo页面

复制代码

特别感谢

@Kevinの胖腥猩”
@DanDing
@Spacious
@上官江贤

作者的话

这个主题完成耗时一个月，对于作者这个第一次接触主题编写的萌新也是一个巨大的挑战，期间遇到了许许多多的问题，也很感谢解答作者问题的各位，主题目前可能或多或少有BUG，作者第一次写主题，请见谅。

获取地址

http://joke.tongleer.com/343.html

更新版本

Version 1.1.1 - 2018/09/10
删除一个无效的css改正版本号(粗心造成的...
Version 1.1.0 - 2018/09/09
更新了一个风格增加失去/恢复焦点时标题栏提示可以根据背景图设置不同强调色增加了OwO颜文字表情文章页增加上一篇/下一篇切换栏删掉了一丢丢的多余代码增加了文章置顶功能首页加了1s的渐变动画回到顶部按钮位置稍微改了一下可以自定义文章封面图
Version 1.0.0 - 2018/09/06
[ 已发布 ]侧边栏增加登陆按钮
Version 0.9.36 - 2018/09/05
[ 未发布 ]增加了友链页面样式
Version 0.9.3 - 2018/09/04
[ 未发布 ]增加了赞赏功能可以自定是否显示赞赏文章封面图实现随机显示背景图
Version 0.9.2 - 2018/09/03
[ 未发布 ]增加了右下角回到顶部按钮可以在主题设置中设置是否显示回到顶部按钮
Version 0.9.1 - 2018/09/02
[ 未发布 ]更新了主题设置可以自定义主题色/强调色可以设置备案号、社交账号可以自定义抽屉显示各类内容(归档、分类、页面、主题)可以自定义工具栏搜索按钮是否显示
Version 0.9.0 - 2018/09/02
[ 未发布 ]主题第一版(内测版)完成。