mirror of https://github.com/halo-dev/halo
修复github上主题目录大小写的问题
RYAN0UP_
parent
75caa32785
commit
b01af484c7
|
|
@ -46,4 +46,9 @@ public class Menu implements Serializable {
|
||||||
* 图标，可选，部分主题可显示
|
* 图标，可选，部分主题可显示
|
||||||
*/
|
*/
|
||||||
private String menuIcon;
|
private String menuIcon;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 打开方式
|
||||||
|
*/
|
||||||
|
private String menuTarget;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -84,6 +84,6 @@ public class TagsController extends BaseController {
|
||||||
Page<Post> posts = postService.findPostsByTags(tag, pageable);
|
Page<Post> posts = postService.findPostsByTags(tag, pageable);
|
||||||
model.addAttribute("posts", posts);
|
model.addAttribute("posts", posts);
|
||||||
model.addAttribute("tag", tag);
|
model.addAttribute("tag", tag);
|
||||||
return this.render("index");
|
return this.render("tags");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -46,6 +46,13 @@
|
||||||
<input type="text" class="form-control" id="menuIcon" name="menuIcon" value="${updateMenu.menuIcon}">
|
<input type="text" class="form-control" id="menuIcon" name="menuIcon" value="${updateMenu.menuIcon}">
|
||||||
<small>*可选项，支持部分字体图标</small>
|
<small>*可选项，支持部分字体图标</small>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="menuIcon">打开方式</label>
|
||||||
|
<select class="form-control" id="menuTarget" name="menuTarget">
|
||||||
|
<option value="_self" ${((updateMenu.menuTarget?default("_self")=="_self")?string('selected',''))}>当前窗口</option>
|
||||||
|
<option value="_blank" ${((updateMenu.menuTarget?if_exists=="_blank")?string('selected',''))}>新窗口</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<#else >
|
<#else >
|
||||||
<div class="box-body">
|
<div class="box-body">
|
||||||
|
|
@ -68,6 +75,13 @@
|
||||||
<input type="text" class="form-control" id="menuIcon" name="menuIcon">
|
<input type="text" class="form-control" id="menuIcon" name="menuIcon">
|
||||||
<small>*可选项，支持部分字体图标</small>
|
<small>*可选项，支持部分字体图标</small>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="menuIcon">打开方式</label>
|
||||||
|
<select class="form-control" id="menuTarget" name="menuTarget">
|
||||||
|
<option value="_self">当前窗口</option>
|
||||||
|
<option value="_blank">新窗口</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</#if>
|
</#if>
|
||||||
<div class="box-footer">
|
<div class="box-footer">
|
||||||
|
|
|
||||||
|
|
@ -3,7 +3,7 @@
|
||||||
<@commonTag method="menus">
|
<@commonTag method="menus">
|
||||||
<#list menus?sort_by('menuSort') as menu>
|
<#list menus?sort_by('menuSort') as menu>
|
||||||
<li>
|
<li>
|
||||||
<a href="${menu.menuUrl}">${menu.menuName} </a>
|
<a href="${menu.menuUrl}" target="${menu.menuTarget?if_exists}">${menu.menuName} </a>
|
||||||
</li>
|
</li>
|
||||||
</#list>
|
</#list>
|
||||||
</@commonTag>
|
</@commonTag>
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,32 @@
|
||||||
|
<#include "module/macro.ftl">
|
||||||
|
<@head title="归档 · ${options.blog_title?default('Anatole')}" keywords="文章归档,${options.seo_keywords?default('Anatole')}" description="${options.seo_desc?default('Anatole')}"></@head>
|
||||||
|
<#include "module/sidebar.ftl">
|
||||||
|
<div class="main">
|
||||||
|
<#include "module/page-top.ftl">
|
||||||
|
<div class="autopagerize_page_element">
|
||||||
|
<div class="content">
|
||||||
|
<div class="archive animated fadeInDown">
|
||||||
|
<ul class="list-with-title">
|
||||||
|
<@articleTag method="archivesLess">
|
||||||
|
<#list archivesLess as archive>
|
||||||
|
<div class="listing-title">${archive.year}</div>
|
||||||
|
<ul class="listing">
|
||||||
|
<#list archive.posts?sort_by("postDate")?reverse as post>
|
||||||
|
<div class="listing-item">
|
||||||
|
<div class="listing-post">
|
||||||
|
<a href="/archives/${post.postUrl}" title="${post.postTitle}">${post.postTitle}</a>
|
||||||
|
<div class="post-time">
|
||||||
|
<span class="date">${post.postDate?string("yyyy-MM-dd")}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</#list>
|
||||||
|
</ul>
|
||||||
|
</#list>
|
||||||
|
</@articleTag>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<@footer></@footer>
|
||||||
|
|
@ -0,0 +1,38 @@
|
||||||
|
<#include "module/macro.ftl">
|
||||||
|
<#if tag??>
|
||||||
|
<@head title="${tag.tagName} · ${options.blog_title?default('Anatole')}" keywords="${options.seo_keywords?default('Anatole')}" description="${options.seo_desc?default('Anatole')}"></@head>
|
||||||
|
<#else>
|
||||||
|
<@head title="${options.blog_title?default('Anatole')}" keywords="${options.seo_keywords?default('Anatole')}" description="${options.seo_desc?default('Anatole')}"></@head>
|
||||||
|
</#if>
|
||||||
|
<#include "module/sidebar.ftl">
|
||||||
|
<div class="main">
|
||||||
|
<#include "module/page-top.ftl">
|
||||||
|
<div class="autopagerize_page_element">
|
||||||
|
<div class="content">
|
||||||
|
<#include "module/post_entry.ftl">
|
||||||
|
<#if posts.totalPages gt 1>
|
||||||
|
<div class="pagination">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<#if posts.hasPrevious()>
|
||||||
|
<#if posts.number == 1>
|
||||||
|
<li class="pre pagbuttons">
|
||||||
|
<a class="btn" role="navigation" href="/">上一页</a>
|
||||||
|
</li>
|
||||||
|
<#else >
|
||||||
|
<li class="pre pagbuttons">
|
||||||
|
<a class="btn" role="navigation" href="/page/${posts.number}">上一页</a>
|
||||||
|
</li>
|
||||||
|
</#if>
|
||||||
|
</#if>
|
||||||
|
<#if posts.hasNext()>
|
||||||
|
<li class="next pagbuttons">
|
||||||
|
<a class="btn" role="navigation" href="/page/${posts.number+2}">下一页</a>
|
||||||
|
</li>
|
||||||
|
</#if>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</#if>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<@footer></@footer>
|
||||||
|
|
@ -0,0 +1,23 @@
|
||||||
|
<#include "module/macro.ftl">
|
||||||
|
<@head title="友情链接 · ${options.blog_title?default('Anatole')}" keywords="${options.seo_keywords?default('Anatole')}" description="${options.seo_desc?default('Anatole')}"></@head>
|
||||||
|
<#include "module/sidebar.ftl">
|
||||||
|
<div class="main">
|
||||||
|
<#include "module/page-top.ftl">
|
||||||
|
<div class="autopagerize_page_element">
|
||||||
|
<div class="content">
|
||||||
|
<div class="post-page">
|
||||||
|
<div class="post animated fadeInDown">
|
||||||
|
<div class="post-title">
|
||||||
|
<h3><a>links</a></h3>
|
||||||
|
</div>
|
||||||
|
<div class="post-content">
|
||||||
|
<#list links as link>
|
||||||
|
<p><a href="${link.linkUrl}" target="_blank" rel="external">${link.linkName}</a> – ${link.linkDesc}</p>
|
||||||
|
</#list>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<@footer></@footer>
|
||||||
|
|
@ -0,0 +1,17 @@
|
||||||
|
<#switch options.comment_system>
|
||||||
|
<#case "native">
|
||||||
|
<#include "../../../common/comment/_native_comment.ftl">
|
||||||
|
<#break >
|
||||||
|
<#case "valine">
|
||||||
|
<#include "../../../common/comment/_valine_comment.ftl">
|
||||||
|
<#break >
|
||||||
|
<#case "disqus">
|
||||||
|
<#include "../../../common/comment/_disqus_comment.ftl">
|
||||||
|
<#break >
|
||||||
|
<#case "livere">
|
||||||
|
<#include "../../../common/comment/_livere_comment.ftl">
|
||||||
|
<#break >
|
||||||
|
<#case "changyan">
|
||||||
|
<#include "../../../common/comment/_changyan_comment.ftl">
|
||||||
|
<#break >
|
||||||
|
</#switch>
|
||||||
|
|
@ -0,0 +1,222 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
|
||||||
|
<link rel="stylesheet" href="/static/plugins/bootstrap/css/bootstrap.min.css">
|
||||||
|
<link rel="stylesheet" href="/static/plugins/toast/css/jquery.toast.min.css">
|
||||||
|
<link rel="stylesheet" href="/static/css/AdminLTE.min.css">
|
||||||
|
<style>
|
||||||
|
.themeSetting,.themeImg{
|
||||||
|
padding-top: 15px;
|
||||||
|
padding-bottom: 15px;
|
||||||
|
}
|
||||||
|
.form-horizontal .control-label{
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="container-fluid">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-6 themeImg">
|
||||||
|
<img src="/${themeDir}/screenshot.png" style="width: 100%;">
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 themeSetting">
|
||||||
|
<div class="nav-tabs-custom">
|
||||||
|
<ul class="nav nav-tabs">
|
||||||
|
<li class="active">
|
||||||
|
<a href="#sns" data-toggle="tab">社交资料</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#style" data-toggle="tab">样式设置</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#about" data-toggle="tab">关于</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div class="tab-content">
|
||||||
|
<!-- 社交资料 -->
|
||||||
|
<div class="tab-pane active" id="sns">
|
||||||
|
<form method="post" class="form-horizontal" id="anatoleSnsOptions">
|
||||||
|
<div class="box-body">
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="anatoleSnsRss" class="col-sm-4 control-label">RSS：</label>
|
||||||
|
<div class="col-sm-8">
|
||||||
|
<label class="radio-inline">
|
||||||
|
<input type="radio" name="theme_anatole_sns_rss" id="anatoleSnsRss" value="true" ${((options.theme_anatole_sns_rss?default('true'))=='true')?string('checked','')}> 显示
|
||||||
|
</label>
|
||||||
|
<label class="radio-inline">
|
||||||
|
<input type="radio" name="theme_anatole_sns_rss" id="anatoleSnsRss" value="false" ${((options.theme_anatole_sns_rss?if_exists)=='false')?string('checked','')}> 隐藏
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="anatoleSnsTwitter" class="col-sm-4 control-label">Twitter：</label>
|
||||||
|
<div class="col-sm-8">
|
||||||
|
<input type="text" class="form-control" id="anatoleSnsTwitter" name="theme_anatole_sns_twitter" value="${options.theme_anatole_sns_twitter?if_exists}" >
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="anatoleSnsFacebook" class="col-sm-4 control-label">Facebook：</label>
|
||||||
|
<div class="col-sm-8">
|
||||||
|
<input type="text" class="form-control" id="anatoleSnsFacebook" name="theme_anatole_sns_facebook" value="${options.theme_anatole_sns_facebook?if_exists}" >
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="anatoleSnsInstagram" class="col-sm-4 control-label">Instagram：</label>
|
||||||
|
<div class="col-sm-8">
|
||||||
|
<input type="text" class="form-control" id="anatoleSnsInstagram" name="theme_anatole_sns_instagram" value="${options.theme_anatole_sns_instagram?if_exists}" >
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="anatoleSnsDribbble" class="col-sm-4 control-label">Dribbble：</label>
|
||||||
|
<div class="col-sm-8">
|
||||||
|
<input type="text" class="form-control" id="anatoleSnsDribbble" name="theme_anatole_sns_dribbble" value="${options.theme_anatole_sns_dribbble?if_exists}" >
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="anatoleSnsWeibo" class="col-sm-4 control-label">Weibo：</label>
|
||||||
|
<div class="col-sm-8">
|
||||||
|
<input type="text" class="form-control" id="anatoleSnsWeibo" name="theme_anatole_sns_weibo" value="${options.theme_anatole_sns_weibo?if_exists}" >
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="anatoleSnsEmail" class="col-sm-4 control-label">Email：</label>
|
||||||
|
<div class="col-sm-8">
|
||||||
|
<input type="text" class="form-control" id="anatoleSnsEmail" name="theme_anatole_sns_email" value="${options.theme_anatole_sns_email?if_exists}" >
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="anatoleSnsGithub" class="col-sm-4 control-label">Github：</label>
|
||||||
|
<div class="col-sm-8">
|
||||||
|
<input type="text" class="form-control" id="anatoleSnsGithub" name="theme_anatole_sns_github" value="${options.theme_anatole_sns_github?if_exists}" >
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="anatoleSnsQQ" class="col-sm-4 control-label">QQ：</label>
|
||||||
|
<div class="col-sm-8">
|
||||||
|
<input type="text" class="form-control" id="anatoleSnsQQ" name="theme_anatole_sns_qq" value="${options.theme_anatole_sns_qq?if_exists}" >
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="anatoleSnsTelegram" class="col-sm-4 control-label">Telegram：</label>
|
||||||
|
<div class="col-sm-8">
|
||||||
|
<input type="text" class="form-control" id="anatoleSnsTelegram" name="theme_anatole_sns_telegram" value="${options.theme_anatole_sns_telegram?if_exists}" >
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="box-footer">
|
||||||
|
<button type="button" class="btn btn-primary btn-sm pull-right" onclick="saveThemeOptions('anatoleSnsOptions')">保存设置</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<!--样式设置-->
|
||||||
|
<div class="tab-pane" id="style">
|
||||||
|
<form method="post" class="form-horizontal" id="anatoleStyleOptions">
|
||||||
|
<div class="box-body">
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="anatoleStyleFavicon" class="col-sm-4 control-label">Favicon：</label>
|
||||||
|
<div class="col-sm-8">
|
||||||
|
<div class="input-group">
|
||||||
|
<input type="text" class="form-control" id="anatoleStyleFavicon" name="anatole_style_favicon" value="${options.anatole_style_favicon?default("/anatole/source/images/favicon.png")}" >
|
||||||
|
<span class="input-group-btn">
|
||||||
|
<button class="btn btn-default btn-flat" type="button" onclick="openAttach('anatoleStyleFavicon')">选择</button>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="anatoleStylePostTitleLower" class="col-sm-4 control-label">文章标题大写：</label>
|
||||||
|
<div class="col-sm-8">
|
||||||
|
<label class="radio-inline">
|
||||||
|
<input type="radio" name="anatole_style_post_title_lower" id="anatoleStylePostTitleLower" value="true" ${((options.anatole_style_post_title_lower?default('true'))=='true')?string('checked','')}> 开启
|
||||||
|
</label>
|
||||||
|
<label class="radio-inline">
|
||||||
|
<input type="radio" name="anatole_style_post_title_lower" id="anatoleStylePostTitleLower" value="false" ${((options.anatole_style_post_title_lower?if_exists)=='false')?string('checked','')}> 关闭
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="anatoleStyleAvatarCircle" class="col-sm-4 control-label">圆形头像：</label>
|
||||||
|
<div class="col-sm-8">
|
||||||
|
<label class="radio-inline">
|
||||||
|
<input type="radio" name="anatole_style_avatar_circle" id="anatoleStyleAvatarCircle" value="true" ${((options.anatole_style_avatar_circle?if_exists)=='true')?string('checked','')}> 开启
|
||||||
|
</label>
|
||||||
|
<label class="radio-inline">
|
||||||
|
<input type="radio" name="anatole_style_avatar_circle" id="anatoleStyleAvatarCircle" value="false" ${((options.anatole_style_avatar_circle?default('false'))=='false')?string('checked','')}> 关闭
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="anatoleStyleHitokoto" class="col-sm-4 control-label">博客描述开启一言：</label>
|
||||||
|
<div class="col-sm-8">
|
||||||
|
<label class="radio-inline">
|
||||||
|
<input type="radio" name="anatole_style_hitokoto" id="anatoleStyleHitokoto" value="true" ${((options.anatole_style_hitokoto?if_exists)=='true')?string('checked','')}> 开启
|
||||||
|
</label>
|
||||||
|
<label class="radio-inline">
|
||||||
|
<input type="radio" name="anatole_style_hitokoto" id="anatoleStyleHitokoto" value="false" ${((options.anatole_style_hitokoto?default('false'))=='false')?string('checked','')}> 关闭
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="box-footer">
|
||||||
|
<button type="button" class="btn btn-primary btn-sm pull-right" onclick="saveThemeOptions('anatoleStyleOptions')">保存设置</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<!-- 关于该主题 -->
|
||||||
|
<div class="tab-pane" id="about">
|
||||||
|
<div class="box box-widget widget-user-2">
|
||||||
|
<div class="widget-user-header bg-blue">
|
||||||
|
<div class="widget-user-image">
|
||||||
|
<img class="img-circle" src="/anatole/source/images/logo@2x.png" alt="User Avatar">
|
||||||
|
</div>
|
||||||
|
<h3 class="widget-user-username">CAICAI</h3>
|
||||||
|
<h5 class="widget-user-desc">A other farbox theme</h5>
|
||||||
|
</div>
|
||||||
|
<div class="box-footer no-padding">
|
||||||
|
<ul class="nav nav-stacked">
|
||||||
|
<li><a target="_blank" href="https://www.caicai.me/">作者主页</a></li>
|
||||||
|
<li><a target="_blank" href="https://github.com/hi-caicai/farbox-theme-Anatole">原主题地址</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
<script src="/static/plugins/jquery/jquery.min.js"></script>
|
||||||
|
<script src="/static/plugins/bootstrap/js/bootstrap.min.js"></script>
|
||||||
|
<script src="/static/plugins/toast/js/jquery.toast.min.js"></script>
|
||||||
|
<script src="/static/plugins/layer/layer.js"></script>
|
||||||
|
<script src="/static/js/app.js"></script>
|
||||||
|
<script>
|
||||||
|
function saveThemeOptions(option) {
|
||||||
|
var param = $('#'+option).serialize();
|
||||||
|
$.ajax({
|
||||||
|
type: 'post',
|
||||||
|
url: '/admin/option/save',
|
||||||
|
data: param,
|
||||||
|
success: function (data) {
|
||||||
|
showMsg("保存成功！","success",1000);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
function openAttach(id) {
|
||||||
|
layer.open({
|
||||||
|
type: 2,
|
||||||
|
title: '所有附件',
|
||||||
|
shadeClose: true,
|
||||||
|
shade: 0.5,
|
||||||
|
area: ['90%', '90%'],
|
||||||
|
content: '/admin/attachments/select?id='+id,
|
||||||
|
scrollbar: false
|
||||||
|
});
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,21 @@
|
||||||
|
<div class="page-top animated fadeInDown">
|
||||||
|
<div class="nav">
|
||||||
|
<@commonTag method="menus">
|
||||||
|
<#list menus?sort_by('menuSort') as menu>
|
||||||
|
<li>
|
||||||
|
<a href="${menu.menuUrl}" target="${menu.menuTarget?if_exists}">${menu.menuName} </a>
|
||||||
|
</li>
|
||||||
|
</#list>
|
||||||
|
</@commonTag>
|
||||||
|
</div>
|
||||||
|
<div class="information">
|
||||||
|
<div class="back_btn">
|
||||||
|
<li>
|
||||||
|
<a onclick="window.history.go(-1)" style="display: none" class="fa fa-chevron-left"></a>
|
||||||
|
</li>
|
||||||
|
</div>
|
||||||
|
<div class="avatar">
|
||||||
|
<img src="${options.blog_logo?default("/anatole/source/images/logo@2x.png")}" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
@ -0,0 +1,33 @@
|
||||||
|
<#list posts.content as post>
|
||||||
|
<div class="post animated fadeInDown">
|
||||||
|
<div class="post-title">
|
||||||
|
<h3>
|
||||||
|
<a href="/archives/${post.postUrl}">${post.postTitle}</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
<div class="post-content">
|
||||||
|
<div class="p_part">
|
||||||
|
<p>${post.postSummary?if_exists}...</p>
|
||||||
|
</div>
|
||||||
|
<div class="p_part">
|
||||||
|
<p></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="post-footer">
|
||||||
|
<div class="meta">
|
||||||
|
<div class="info">
|
||||||
|
<i class="fa fa-sun-o"></i>
|
||||||
|
<span class="date">${post.postDate?string("yyyy-MM-dd")}</span>
|
||||||
|
<i class="fa fa-comment-o"></i>
|
||||||
|
<a href="/archives/${post.postUrl}#comment_widget">Comments</a>
|
||||||
|
<#if post.tags?size gt 0>
|
||||||
|
<i class="fa fa-tag"></i>
|
||||||
|
<#list post.tags as tag>
|
||||||
|
<a href="/tags/${tag.tagUrl}" class="tag"> ${tag.tagName}</a>
|
||||||
|
</#list>
|
||||||
|
</#if>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</#list>
|
||||||
|
|
@ -0,0 +1,30 @@
|
||||||
|
<div class="sidebar animated fadeInDown">
|
||||||
|
<div class="logo-title">
|
||||||
|
<div class="title">
|
||||||
|
<img src="${options.blog_logo?default("/anatole/source/images/logo@2x.png")}" style="width:127px;<#if options.anatole_style_avatar_circle?default('false')=='true'>border-radius:50%</#if>" />
|
||||||
|
<h3 title="">
|
||||||
|
<a href="/">${options.blog_title?default("ANATOLE")}</a>
|
||||||
|
</h3>
|
||||||
|
<div class="description">
|
||||||
|
<#if options.anatole_style_hitokoto?default("false")=="true">
|
||||||
|
<p id="yiyan">获取中...</p>
|
||||||
|
<#else >
|
||||||
|
<p>${user.userDesc?default("A other Halo theme")}</p>
|
||||||
|
</#if>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<#include "social-list.ftl">
|
||||||
|
<div class="footer">
|
||||||
|
<a target="_blank" href="#">
|
||||||
|
<span>Designed by </span>
|
||||||
|
<a href="https://www.caicai.me">CaiCai</a>
|
||||||
|
<div class="by_halo">
|
||||||
|
<a href="https://github.com/ruibaby/halo" target="_blank">Proudly published with Halo！</a>
|
||||||
|
</div>
|
||||||
|
<div class="footer_text">
|
||||||
|
${options.blog_footer_info?if_exists}
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
@ -0,0 +1,82 @@
|
||||||
|
<ul class="social-links">
|
||||||
|
|
||||||
|
<#if options.theme_anatole_sns_rss?default('true')=='true'>
|
||||||
|
<li>
|
||||||
|
<a target="_blank" href="/atom.xml">
|
||||||
|
<i class="fa fa-rss"></i>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</#if>
|
||||||
|
|
||||||
|
<#if options.theme_anatole_sns_twitter??>
|
||||||
|
<li>
|
||||||
|
<a target="_blank" href="${options.theme_anatole_sns_twitter}">
|
||||||
|
<i class="fa fa-twitter"></i>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</#if>
|
||||||
|
|
||||||
|
<#if options.theme_anatole_sns_facebook??>
|
||||||
|
<li>
|
||||||
|
<a target="_blank" href="${options.theme_anatole_sns_facebook}">
|
||||||
|
<i class="fa fa-facebook"></i>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</#if>
|
||||||
|
|
||||||
|
<#if options.theme_anatole_sns_instagram??>
|
||||||
|
<li>
|
||||||
|
<a target="_blank" href="${options.theme_anatole_sns_instagram}">
|
||||||
|
<i class="fa fa-instagram"></i>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</#if>
|
||||||
|
|
||||||
|
<#if options.theme_anatole_sns_dribbble??>
|
||||||
|
<li>
|
||||||
|
<a target="_blank" href="${options.theme_anatole_sns_dribbble}">
|
||||||
|
<i class="fa fa-dribbble"></i>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</#if>
|
||||||
|
|
||||||
|
<#if options.theme_anatole_sns_weibo??>
|
||||||
|
<li>
|
||||||
|
<a target="_blank" href="${options.theme_anatole_sns_weibo}">
|
||||||
|
<i class="fa fa-weibo"></i>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</#if>
|
||||||
|
|
||||||
|
<#if options.theme_anatole_sns_qq??>
|
||||||
|
<li>
|
||||||
|
<a target="_blank" href="${options.theme_anatole_sns_qq}">
|
||||||
|
<i class="fa fa-qq"></i>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</#if>
|
||||||
|
|
||||||
|
<#if options.theme_anatole_sns_telegram??>
|
||||||
|
<li>
|
||||||
|
<a target="_blank" href="${options.theme_anatole_sns_telegram}">
|
||||||
|
<i class="fa fa-telegram"></i>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</#if>
|
||||||
|
|
||||||
|
<#if options.theme_anatole_sns_email??>
|
||||||
|
<li>
|
||||||
|
<a target="_blank" href="mailto:${options.theme_anatole_sns_email}">
|
||||||
|
<i class="fa fa-envelope"></i>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</#if>
|
||||||
|
|
||||||
|
<#if options.theme_anatole_sns_github??>
|
||||||
|
<li>
|
||||||
|
<a target="_blank" href="${options.theme_anatole_sns_github}">
|
||||||
|
<i class="fa fa-github"></i>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</#if>
|
||||||
|
</ul>
|
||||||
|
|
@ -0,0 +1,77 @@
|
||||||
|
<#include "module/macro.ftl">
|
||||||
|
<@head title="${post.postTitle} · ${options.blog_title?default('Anatole')}" keywords="${post.postTitle},${options.seo_keywords?default('Anatole')}" description="${options.seo_desc?default('Anatole')}"></@head>
|
||||||
|
<#include "module/sidebar.ftl">
|
||||||
|
<div class="main">
|
||||||
|
<link href="/anatole/source/plugins/prism/prism.css" type="text/css" rel="stylesheet" />
|
||||||
|
<style>
|
||||||
|
code, tt {
|
||||||
|
font-size: 1.2em;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<#include "module/page-top.ftl">
|
||||||
|
<div class="autopagerize_page_element">
|
||||||
|
<div class="content">
|
||||||
|
<div class="post-page">
|
||||||
|
<div class="post animated fadeInDown">
|
||||||
|
<div class="post-title">
|
||||||
|
<h3>
|
||||||
|
<a>${post.postTitle}</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
<div class="post-content">
|
||||||
|
${post.postContent}
|
||||||
|
</div>
|
||||||
|
<div class="post-footer">
|
||||||
|
<div class="meta">
|
||||||
|
<div class="info">
|
||||||
|
<i class="fa fa-sun-o"></i>
|
||||||
|
<span class="date">${post.postDate?string("yyyy-MM-dd")}</span>
|
||||||
|
<i class="fa fa-comment-o"></i>
|
||||||
|
<a href="/archives/${post.postUrl}#comment_widget">Comments</a>
|
||||||
|
<#if post.tags?size gt 0>
|
||||||
|
<i class="fa fa-tag"></i>
|
||||||
|
<#list post.tags as tag>
|
||||||
|
<a href="/tags/${tag.tagUrl}" class="tag"> ${tag.tagName}</a>
|
||||||
|
</#list>
|
||||||
|
</#if>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="share">
|
||||||
|
<div class="evernote">
|
||||||
|
<a href="javascript:(function(){EN_CLIP_HOST='http://www.evernote.com';try{var%20x=document.createElement('SCRIPT');x.type='text/javascript';x.src=EN_CLIP_HOST+'/public/bookmarkClipper.js?'+(new%20Date().getTime()/100000);document.getElementsByTagName('head')[0].appendChild(x);}catch(e){location.href=EN_CLIP_HOST+'/clip.action?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title);}})();"
|
||||||
|
ref="nofollow" target="_blank" class="fa fa-bookmark"></a>
|
||||||
|
</div>
|
||||||
|
<div class="weibo">
|
||||||
|
<a href="javascript:void((function(s,d,e){try{}catch(e){}var f='http://service.weibo.com/share/share.php?',u=d.location.href,p=['url=',e(u),'&title=',e(d.title),'&appkey=2924220432'].join('');function a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=620,height=450,left=',(s.width-620)/2,',top=',(s.height-450)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent)){setTimeout(a,0)}else{a()}})(screen,document,encodeURIComponent));"
|
||||||
|
class="fa fa-weibo"></a>
|
||||||
|
</div>
|
||||||
|
<div class="twitter">
|
||||||
|
<a href="http://twitter.com/home?status=${options.blog_url}/archives/${post.postUrl} ,${options.blog_title?if_exists},${post.postTitle},;"
|
||||||
|
class="fa fa-twitter"></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="pagination">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<#if afterPost??>
|
||||||
|
<li class="pre pagbuttons">
|
||||||
|
<a class="btn" role="navigation" href="/archives/${afterPost.postUrl}" title="${afterPost.postTitle}">上一篇</a>
|
||||||
|
</li>
|
||||||
|
</#if>
|
||||||
|
<#if beforePost??>
|
||||||
|
<li class="next pagbuttons">
|
||||||
|
<a class="btn" role="navigation" href="/archives/${beforePost.postUrl}" title="${beforePost.postTitle}">下一篇</a>
|
||||||
|
</li>
|
||||||
|
</#if>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div id="comment_widget">
|
||||||
|
<#include "module/comment.ftl">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<script type="text/javascript" src="/anatole/source/plugins/prism/prism.js"></script>
|
||||||
|
<@footer></@footer>
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 360 KiB |
|
|
@ -0,0 +1,522 @@
|
||||||
|
.post-content .tip {
|
||||||
|
position: relative;
|
||||||
|
margin: 2em 0;
|
||||||
|
padding: 12px 24px 12px 30px;
|
||||||
|
border-left: 4px solid #f66;
|
||||||
|
border-top-right-radius: 2px;
|
||||||
|
border-bottom-right-radius: 2px;
|
||||||
|
background-color: #f8f8f8
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-content .tip br {
|
||||||
|
/**display: none**/
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-content .tip:before {
|
||||||
|
position: absolute;
|
||||||
|
top: 14px;
|
||||||
|
left: -12px;
|
||||||
|
content: "!";
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
border-radius: 100%;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 20px;
|
||||||
|
font-weight: bold;
|
||||||
|
text-align: center;
|
||||||
|
background-color: #f66;
|
||||||
|
font-family: 'Dosis', 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif
|
||||||
|
}
|
||||||
|
|
||||||
|
.content > .post > .post-content > p {
|
||||||
|
word-wrap: break-word;
|
||||||
|
word-break: break-all;
|
||||||
|
}
|
||||||
|
|
||||||
|
#ds-thread,#disqus_thread,#cloud-tie-wrapper {
|
||||||
|
margin: 0 30px!important
|
||||||
|
}
|
||||||
|
|
||||||
|
pre {
|
||||||
|
font-size: 0.8em!important;
|
||||||
|
background-color: #f8f8f8!important;
|
||||||
|
font-family: 'Roboto Mono','Lucida Console','Trebuchet MS','Courier New', Monaco, courier,'PingFang SC','Hiragino Sans GB','Microsoft Jhenghei','Microsoft YaHei', monospace!important
|
||||||
|
}
|
||||||
|
|
||||||
|
figure.highlight {
|
||||||
|
position: relative!important;
|
||||||
|
margin: 1em 0!important;
|
||||||
|
border-radius: 2px!important;
|
||||||
|
line-height: 1.1em!important;
|
||||||
|
background-color: #f8f8f8!important;
|
||||||
|
overflow-x: auto!important
|
||||||
|
}
|
||||||
|
|
||||||
|
figure.highlight table,figure.highlight tr,figure.highlight td {
|
||||||
|
width: 100%!important;
|
||||||
|
border-collapse: collapse!important;
|
||||||
|
padding: 0!important;
|
||||||
|
margin: 0!important
|
||||||
|
}
|
||||||
|
|
||||||
|
figure.highlight .gutter {
|
||||||
|
display: none!important
|
||||||
|
}
|
||||||
|
|
||||||
|
figure.highlight .code pre {
|
||||||
|
padding: 1.2em 1.4em!important;
|
||||||
|
line-height: 1.5em!important;
|
||||||
|
margin: 0!important
|
||||||
|
}
|
||||||
|
|
||||||
|
figure.highlight.html .code:after,figure.highlight.js .code:after,figure.highlight.bash .code:after,figure.highlight.css .code:after,figure.highlight.scss .code:after,figure.highlight.diff .code:after,figure.highlight.java .code:after,figure.highlight.xml .code:after,figure.highlight.python .code:after,figure.highlight.json .code:after,figure.highlight.swift .code:after,figure.highlight.ruby .code:after,figure.highlight.perl .code:after,figure.highlight.php .code:after,figure.highlight.c .code:after,figure.highlight.cpp .code:after {
|
||||||
|
position: absolute!important;
|
||||||
|
top: 0!important;
|
||||||
|
right: 0!important;
|
||||||
|
color: #ccc!important;
|
||||||
|
text-align: right!important;
|
||||||
|
font-size: 0.75em!important;
|
||||||
|
padding: 5px 10px 0!important;
|
||||||
|
line-height: 15px!important;
|
||||||
|
height: 15px!important;
|
||||||
|
font-weight: 600!important
|
||||||
|
}
|
||||||
|
|
||||||
|
figure.highlight.html .code:after {
|
||||||
|
content: "HTML"
|
||||||
|
}
|
||||||
|
|
||||||
|
figure.highlight.js .code:after {
|
||||||
|
content: "JS"
|
||||||
|
}
|
||||||
|
|
||||||
|
figure.highlight.bash .code:after {
|
||||||
|
content: "BASH"
|
||||||
|
}
|
||||||
|
|
||||||
|
figure.highlight.css .code:after {
|
||||||
|
content: "CSS"
|
||||||
|
}
|
||||||
|
|
||||||
|
figure.highlight.scss .code:after {
|
||||||
|
content: "SCSS"
|
||||||
|
}
|
||||||
|
|
||||||
|
figure.highlight.diff .code:after {
|
||||||
|
content: "DIFF"
|
||||||
|
}
|
||||||
|
|
||||||
|
figure.highlight.java .code:after {
|
||||||
|
content: "JAVA"
|
||||||
|
}
|
||||||
|
|
||||||
|
figure.highlight.xml .code:after {
|
||||||
|
content: "XML"
|
||||||
|
}
|
||||||
|
|
||||||
|
figure.highlight.python .code:after {
|
||||||
|
content: "PYTHON"
|
||||||
|
}
|
||||||
|
|
||||||
|
figure.highlight.json .code:after {
|
||||||
|
content: "JSON"
|
||||||
|
}
|
||||||
|
|
||||||
|
figure.highlight.swift .code:after {
|
||||||
|
content: "SWIFT"
|
||||||
|
}
|
||||||
|
|
||||||
|
figure.highlight.ruby .code:after {
|
||||||
|
content: "RUBY"
|
||||||
|
}
|
||||||
|
|
||||||
|
figure.highlight.perl .code:after {
|
||||||
|
content: "PERL"
|
||||||
|
}
|
||||||
|
|
||||||
|
figure.highlight.php .code:after {
|
||||||
|
content: "PHP"
|
||||||
|
}
|
||||||
|
|
||||||
|
figure.highlight.c .code:after {
|
||||||
|
content: "C"
|
||||||
|
}
|
||||||
|
|
||||||
|
figure.highlight.java .code:after {
|
||||||
|
content: "JAVA"
|
||||||
|
}
|
||||||
|
|
||||||
|
figure.highlight.cpp .code:after {
|
||||||
|
content: "CPP"
|
||||||
|
}
|
||||||
|
|
||||||
|
figure.highlight.cpp .code:after {
|
||||||
|
content: 'C++'
|
||||||
|
}
|
||||||
|
|
||||||
|
pre {
|
||||||
|
color: #525252!important
|
||||||
|
}
|
||||||
|
|
||||||
|
pre .function .keyword,pre .constant {
|
||||||
|
color: #0092db!important
|
||||||
|
}
|
||||||
|
|
||||||
|
pre .keyword,pre .attribute {
|
||||||
|
color: #e96900!important
|
||||||
|
}
|
||||||
|
|
||||||
|
pre .number,pre .literal {
|
||||||
|
color: #ae81ff!important
|
||||||
|
}
|
||||||
|
|
||||||
|
pre .tag,pre .tag .title,pre .change,pre .winutils,pre .flow,pre .lisp .title,pre .clojure .built_in,pre .nginx .title,pre .tex .special {
|
||||||
|
color: #2973b7!important
|
||||||
|
}
|
||||||
|
|
||||||
|
pre .symbol,pre .symbol .string,pre .value,pre .regexp {
|
||||||
|
color: #42b983!important
|
||||||
|
}
|
||||||
|
|
||||||
|
pre .title {
|
||||||
|
color: #83B917!important
|
||||||
|
}
|
||||||
|
|
||||||
|
pre .tag .value,pre .string,pre .subst,pre .haskell .type,pre .preprocessor,pre .ruby .class .parent,pre .built_in,pre .sql .aggregate,pre .django .template_tag,pre .django .variable,pre .smalltalk .class,pre .javadoc,pre .django .filter .argument,pre .smalltalk .localvars,pre .smalltalk .array,pre .attr_selector,pre .pseudo,pre .addition,pre .stream,pre .envvar,pre .apache .tag,pre .apache .cbracket,pre .tex .command,pre .prompt {
|
||||||
|
color: #42b983!important
|
||||||
|
}
|
||||||
|
|
||||||
|
pre .comment,pre .java .annotation,pre .python .decorator,pre .template_comment,pre .pi,pre .doctype,pre .shebang,pre .apache .sqbracket,pre .tex .formula {
|
||||||
|
color: #b3b3b3!important
|
||||||
|
}
|
||||||
|
|
||||||
|
pre .deletion {
|
||||||
|
color: #BA4545!important
|
||||||
|
}
|
||||||
|
|
||||||
|
pre .coffeescript .javascript,pre .javascript .xml,pre .tex .formula,pre .xml .javascript,pre .xml .vbscript,pre .xml .css,pre .xml .cdata {
|
||||||
|
opacity: 0.5!important
|
||||||
|
}
|
||||||
|
|
||||||
|
html {
|
||||||
|
height: 100%;
|
||||||
|
max-height: 100%;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0; }
|
||||||
|
|
||||||
|
body {
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
line-height: 1.6em; }
|
||||||
|
|
||||||
|
.clear {
|
||||||
|
clear: both;
|
||||||
|
display: block;
|
||||||
|
overflow: hidden;
|
||||||
|
visibility: hidden;
|
||||||
|
width: 0;
|
||||||
|
height: 0; }
|
||||||
|
|
||||||
|
h1, h2, h3, h4, h5, h6 {
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
line-height: 1;
|
||||||
|
margin: 2rem 0; }
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 2.1rem;
|
||||||
|
line-height: 1.2em; }
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
font-size: 1.9rem;
|
||||||
|
line-height: 1.2em; }
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
font-size: 1.75rem; }
|
||||||
|
|
||||||
|
h4 {
|
||||||
|
font-size: 1.3rem; }
|
||||||
|
|
||||||
|
h5 {
|
||||||
|
font-size: 1.3rem; }
|
||||||
|
|
||||||
|
h6 {
|
||||||
|
font-size: 1.3rem; }
|
||||||
|
|
||||||
|
img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto; }
|
||||||
|
|
||||||
|
p, ul, ol, dl {
|
||||||
|
margin: 1em 0; }
|
||||||
|
|
||||||
|
ol ol, ul ul, ul ol, ol ul {
|
||||||
|
margin: 0.4em 0; }
|
||||||
|
|
||||||
|
ul p, ol p, li p, .content li p, blockquote p, .content blockquote p,
|
||||||
|
.post blockquote p, .post li p {
|
||||||
|
margin: 0;
|
||||||
|
overflow: visible; }
|
||||||
|
|
||||||
|
a img {
|
||||||
|
border: none; }
|
||||||
|
|
||||||
|
dl dt {
|
||||||
|
float: left;
|
||||||
|
width: 180px;
|
||||||
|
overflow: hidden;
|
||||||
|
clear: left;
|
||||||
|
text-align: right;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-bottom: 1em; }
|
||||||
|
|
||||||
|
dl dd {
|
||||||
|
margin-left: 200px;
|
||||||
|
margin-bottom: 1em; }
|
||||||
|
|
||||||
|
hr {
|
||||||
|
display: block;
|
||||||
|
height: 1px;
|
||||||
|
border: 0;
|
||||||
|
border-top: 1px solid #efefef;
|
||||||
|
margin: 3.2em 0;
|
||||||
|
padding: 0; }
|
||||||
|
|
||||||
|
blockquote {
|
||||||
|
box-sizing: border-box;
|
||||||
|
margin: 1.6em 0 1.6em -2.2em;
|
||||||
|
padding: 0 0 0 1.6em;
|
||||||
|
border-left: #4a4a4a 0.4em solid; }
|
||||||
|
|
||||||
|
blockquote p {
|
||||||
|
margin: 0.8em 0; }
|
||||||
|
|
||||||
|
blockquote small {
|
||||||
|
display: inline-block;
|
||||||
|
margin: 0.8em 0 0.8em 1.5em;
|
||||||
|
font-size: 0.9em;
|
||||||
|
color: #ccc; }
|
||||||
|
|
||||||
|
blockquote small:before {
|
||||||
|
content: '\2014 \00A0'; }
|
||||||
|
|
||||||
|
blockquote cite {
|
||||||
|
font-weight: bold; }
|
||||||
|
|
||||||
|
blockquote cite a {
|
||||||
|
font-weight: normal; }
|
||||||
|
|
||||||
|
mark {
|
||||||
|
background-color: #ffc336; }
|
||||||
|
|
||||||
|
code, tt {
|
||||||
|
padding: 1px 3px;
|
||||||
|
font-family: Inconsolata, monospace, sans-serif;
|
||||||
|
font-size: 0.85em;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
border: 1px solid #E3EDF3;
|
||||||
|
background: #f7f7f9;
|
||||||
|
color: #d14;
|
||||||
|
border-radius: 2px; }
|
||||||
|
/**
|
||||||
|
pre {
|
||||||
|
-moz-box-sizing: border-box;
|
||||||
|
box-sizing: border-box;
|
||||||
|
margin: 1.6em 0;
|
||||||
|
border: 1px solid #E3EDF3;
|
||||||
|
width: 100%;
|
||||||
|
padding: 10px;
|
||||||
|
font-family: Inconsolata, monospace, sans-serif;
|
||||||
|
font-size: 0.9em;
|
||||||
|
white-space: pre;
|
||||||
|
overflow: auto;
|
||||||
|
background: #F7FAFB;
|
||||||
|
border-radius: 3px; }
|
||||||
|
|
||||||
|
pre code, tt {
|
||||||
|
font-size: inherit;
|
||||||
|
white-space: -moz-pre-wrap;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
background: transparent;
|
||||||
|
border: none;
|
||||||
|
color: #333;
|
||||||
|
padding: 0; }
|
||||||
|
|
||||||
|
kbd {
|
||||||
|
display: inline-block;
|
||||||
|
margin-bottom: 0.4em;
|
||||||
|
padding: 1px 8px;
|
||||||
|
border: #ccc 1px solid;
|
||||||
|
color: #666;
|
||||||
|
text-shadow: #fff 0 1px 0;
|
||||||
|
font-size: 0.9em;
|
||||||
|
font-weight: bold;
|
||||||
|
background: #f4f4f4;
|
||||||
|
border-radius: 4px;
|
||||||
|
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 0 white inset; }
|
||||||
|
|
||||||
|
table {
|
||||||
|
-moz-box-sizing: border-box;
|
||||||
|
box-sizing: border-box;
|
||||||
|
margin: 1em 0;
|
||||||
|
width: 100%;
|
||||||
|
max-width: 100%;
|
||||||
|
border-width: 1px;
|
||||||
|
border-style: solid;
|
||||||
|
background-color: transparent; }
|
||||||
|
|
||||||
|
table, table tr, table tr td, table tr th {
|
||||||
|
border-color: #e5e5e5; }
|
||||||
|
|
||||||
|
table th {
|
||||||
|
color: #666666;
|
||||||
|
background-color: #fdfdfd; }
|
||||||
|
|
||||||
|
tr th {
|
||||||
|
border-bottom-width: 1px;
|
||||||
|
border-bottom-style: solid;
|
||||||
|
text-align: left; }
|
||||||
|
|
||||||
|
tr th, tr td {
|
||||||
|
padding: 5px 20px;
|
||||||
|
border-right: 1px solid;
|
||||||
|
font-size: 1rem; }
|
||||||
|
|
||||||
|
tr th:last-child, tr td:last-child {
|
||||||
|
border-right: 0px; }
|
||||||
|
|
||||||
|
table th {
|
||||||
|
font-weight: bold; }
|
||||||
|
|
||||||
|
table tbody > tr:nth-child(odd) > td, table tbody > tr:nth-child(odd) > th {
|
||||||
|
background-color: #f9f9f9; }
|
||||||
|
|
||||||
|
.gist {
|
||||||
|
font-size: 12px; }
|
||||||
|
.gist table {
|
||||||
|
margin: 0;
|
||||||
|
width: auto; }
|
||||||
|
.gist table pre {
|
||||||
|
font-size: 12px; }
|
||||||
|
.gist table .line-numbers {
|
||||||
|
font-size: 12px; }
|
||||||
|
**/
|
||||||
|
|
||||||
|
.toc {
|
||||||
|
border: 1px solid #f0f0f0;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
padding: 10px 30px; }
|
||||||
|
|
||||||
|
#fb_comments_container {
|
||||||
|
overflow: hidden;
|
||||||
|
margin: 0 auto; }
|
||||||
|
#fb_comments_container #fb_comments {
|
||||||
|
list-style-type: none;
|
||||||
|
padding: 0; }
|
||||||
|
#fb_comments_container #fb_comments h1 {
|
||||||
|
font-size: 1.3em; }
|
||||||
|
#fb_comments_container #fb_comments h2 {
|
||||||
|
font-size: 1.2em; }
|
||||||
|
#fb_comments_container #fb_comments h3 {
|
||||||
|
font-size: 1.1em; }
|
||||||
|
#fb_comments_container #fb_comments h4, #fb_comments_container #fb_comments h5,
|
||||||
|
#fb_comments_container #fb_comments h6 {
|
||||||
|
font-size: 1.05em; }
|
||||||
|
#fb_comments_container #fb_comments .comment {
|
||||||
|
position: relative;
|
||||||
|
padding: 25px 0;
|
||||||
|
border-bottom: 1px solid rgba(150, 150, 150, 0.2);
|
||||||
|
*border-bottom: 1px solid #f0f0f0; }
|
||||||
|
#fb_comments_container #fb_comments .comment .avatar {
|
||||||
|
position: absolute;
|
||||||
|
top: 25px;
|
||||||
|
left: 0;
|
||||||
|
width: 50px;
|
||||||
|
float: left; }
|
||||||
|
#fb_comments_container #fb_comments .comment .avatar img {
|
||||||
|
width: 48px;
|
||||||
|
border: none;
|
||||||
|
border-radius: 5px;
|
||||||
|
margin: 0; }
|
||||||
|
#fb_comments_container #fb_comments .comment .comment_body,
|
||||||
|
#fb_comments_container #fb_comments .comment .c_content {
|
||||||
|
margin-left: 70px;
|
||||||
|
display: block; }
|
||||||
|
#fb_comments_container #fb_comments .comment .comment_body p,
|
||||||
|
#fb_comments_container #fb_comments .comment .c_content p {
|
||||||
|
margin: 5px 0 15px 0;
|
||||||
|
padding: 0;
|
||||||
|
line-height: 1.8; }
|
||||||
|
#fb_comments_container #fb_comments .comment .comment_body .author,
|
||||||
|
#fb_comments_container #fb_comments .comment .c_content .author {
|
||||||
|
line-height: 1.5em;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0; }
|
||||||
|
#fb_comments_container #fb_comments .comment .comment_body .author b,
|
||||||
|
#fb_comments_container #fb_comments .comment .c_content .author b {
|
||||||
|
color: #555; }
|
||||||
|
#fb_comments_container #fb_comments .comment .comment_body .author small,
|
||||||
|
#fb_comments_container #fb_comments .comment .c_content .author small {
|
||||||
|
font-weight: normal;
|
||||||
|
padding-left: 10px;
|
||||||
|
font-size: 0.7em;
|
||||||
|
color: #666; }
|
||||||
|
|
||||||
|
#fb_new_comment {
|
||||||
|
padding-bottom: 50px; }
|
||||||
|
#fb_new_comment textarea {
|
||||||
|
border-radius: 5px;
|
||||||
|
height: 80px;
|
||||||
|
width: 98%;
|
||||||
|
padding: 5px;
|
||||||
|
font-size: 1em;
|
||||||
|
border: 1px solid rgba(150, 150, 150, 0.5);
|
||||||
|
*border: 1px solid #a8a8a8;
|
||||||
|
line-height: 1.5; }
|
||||||
|
#fb_new_comment .comment_error {
|
||||||
|
color: red;
|
||||||
|
text-align: center;
|
||||||
|
display: block;
|
||||||
|
font-size: 0.8em;
|
||||||
|
padding-top: 1em; }
|
||||||
|
#fb_new_comment .c_button:hover {
|
||||||
|
background: #E60900;
|
||||||
|
color: #fff;
|
||||||
|
text-decoration: none; }
|
||||||
|
#fb_new_comment .c_button, #fb_new_comment #c_submit {
|
||||||
|
cursor: pointer;
|
||||||
|
font-family: "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
|
||||||
|
font-size: 1em;
|
||||||
|
line-height: 1.3em;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
border-radius: 5px;
|
||||||
|
padding: 5px 5px 2px 5px; }
|
||||||
|
#fb_new_comment .input_body {
|
||||||
|
margin-top: 10px; }
|
||||||
|
#fb_new_comment .input_body ul {
|
||||||
|
list-style: none;
|
||||||
|
padding: 5px 0;
|
||||||
|
margin: auto 0; }
|
||||||
|
#fb_new_comment .input_body ul li {
|
||||||
|
float: left;
|
||||||
|
margin-right: 2.2%;
|
||||||
|
*margin-right: 22px; }
|
||||||
|
#fb_new_comment .input_body ul li label {
|
||||||
|
line-height: 1em; }
|
||||||
|
#fb_new_comment .input_body ul li input {
|
||||||
|
border-radius: 5px;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
padding: 5px;
|
||||||
|
background: rgba(255, 255, 255, 0.5);
|
||||||
|
margin: 0 0 10px 0; }
|
||||||
|
|
||||||
|
#SwfStore_farbox_0 {
|
||||||
|
height: 0;
|
||||||
|
overflow: hidden; }
|
||||||
|
|
||||||
|
@media screen and (max-width: 320px) {
|
||||||
|
#fb_comments .c_content, #fb_comments .comment_body {
|
||||||
|
margin-left: 57px; }
|
||||||
|
}
|
||||||
4
src/main/resources/templates/themes/anatole/source/css/font-awesome.min.css
vendored
Executable file
4
src/main/resources/templates/themes/anatole/source/css/font-awesome.min.css
vendored
Executable file
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,695 @@
|
||||||
|
@charset "UTF-8";
|
||||||
|
html {
|
||||||
|
background-color: #fff;
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
color: rgba(0, 0, 0, 0.5);
|
||||||
|
font-family: 'PingHei', 'PingFang SC', Helvetica Neue, 'Work Sans', 'Hiragino Sans GB', 'Microsoft YaHei', SimSun, sans-serif;
|
||||||
|
font-size: 15px;
|
||||||
|
width: 100%;
|
||||||
|
margin: 0 auto 30px auto;
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
line-height: 1.9em;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:link, a:visited {
|
||||||
|
opacity: 1;
|
||||||
|
-webkit-transition: all .15s linear;
|
||||||
|
-moz-transition: all .15s linear;
|
||||||
|
-o-transition: all .15s linear;
|
||||||
|
-ms-transition: all .15s linear;
|
||||||
|
transition: all .15s linear;
|
||||||
|
color: #424242;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover, a:active {
|
||||||
|
color: #4786D6;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*basic styles ends*/
|
||||||
|
/*animation starts*/
|
||||||
|
.animated {
|
||||||
|
-webkit-animation-fill-mode: both;
|
||||||
|
-moz-animation-fill-mode: both;
|
||||||
|
-ms-animation-fill-mode: both;
|
||||||
|
-o-animation-fill-mode: both;
|
||||||
|
animation-fill-mode: both;
|
||||||
|
-webkit-animation-duration: 1s;
|
||||||
|
-moz-animation-duration: 1s;
|
||||||
|
-ms-animation-duration: 1s;
|
||||||
|
-o-animation-duration: 1s;
|
||||||
|
animation-duration: 1s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.animated.hinge {
|
||||||
|
-webkit-animation-duration: 1s;
|
||||||
|
-moz-animation-duration: 1s;
|
||||||
|
-ms-animation-duration: 1s;
|
||||||
|
-o-animation-duration: 1s;
|
||||||
|
animation-duration: 1s;
|
||||||
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes fadeInDown {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
-webkit-transform: translateY(-20px);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
opacity: 1;
|
||||||
|
-webkit-transform: translateY(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@-moz-keyframes fadeInDown {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
-moz-transform: translateY(-20px);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
opacity: 1;
|
||||||
|
-moz-transform: translateY(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@-o-keyframes fadeInDown {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
-o-transform: translateY(-20px);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
opacity: 1;
|
||||||
|
-o-transform: translateY(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@keyframes fadeInDown {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateY(-20px);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
opacity: 1;
|
||||||
|
transform: translateY(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.fadeInDown {
|
||||||
|
-webkit-animation-name: fadeInDown;
|
||||||
|
-moz-animation-name: fadeInDown;
|
||||||
|
-o-animation-name: fadeInDown;
|
||||||
|
animation-name: fadeInDown;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*animation ends*/
|
||||||
|
.content {
|
||||||
|
height: auto;
|
||||||
|
float: right;
|
||||||
|
width: 60%;
|
||||||
|
margin-top: 60px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-top {
|
||||||
|
width: 60%;
|
||||||
|
position: fixed;
|
||||||
|
right: 0;
|
||||||
|
z-index: 3;
|
||||||
|
background-color: #fff;
|
||||||
|
height: 60px;
|
||||||
|
border-bottom: 1px solid #f2f2f2;
|
||||||
|
}
|
||||||
|
.page-top .nav {
|
||||||
|
list-style: none;
|
||||||
|
padding: 18px 30px;
|
||||||
|
float: left;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
.page-top .nav li {
|
||||||
|
position: relative;
|
||||||
|
display: initial;
|
||||||
|
padding-right: 20px;
|
||||||
|
}
|
||||||
|
.page-top .nav a {
|
||||||
|
color: #5A5A5A;
|
||||||
|
}
|
||||||
|
.page-top .nav a:hover {
|
||||||
|
color: #4786D6;
|
||||||
|
}
|
||||||
|
.page-top .nav a.current {
|
||||||
|
color: #5A5A5A;
|
||||||
|
padding-bottom: 22px;
|
||||||
|
border-bottom: 1px solid #5A5A5A;
|
||||||
|
}
|
||||||
|
.page-top .information {
|
||||||
|
float: right;
|
||||||
|
padding-top: 12px;
|
||||||
|
padding-right: 20px;
|
||||||
|
}
|
||||||
|
.page-top .information .avatar {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
.page-top .information .avatar img {
|
||||||
|
width: 32px;
|
||||||
|
height: 32px;
|
||||||
|
border-radius: 300px;
|
||||||
|
}
|
||||||
|
.page-top .information .back_btn {
|
||||||
|
float: left;
|
||||||
|
padding-top: 5px;
|
||||||
|
margin-right: -10px;
|
||||||
|
}
|
||||||
|
.page-top .information .back_btn li {
|
||||||
|
display: initial;
|
||||||
|
padding-right: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar {
|
||||||
|
width: 40%;
|
||||||
|
-webkit-background-size: cover;
|
||||||
|
background-size: cover;
|
||||||
|
background-color: #fff;
|
||||||
|
height: 100%;
|
||||||
|
transition: 0.8s;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
position: fixed;
|
||||||
|
z-index: 4;
|
||||||
|
border-right: 1px solid #f2f2f2;
|
||||||
|
}
|
||||||
|
.sidebar .logo-title {
|
||||||
|
text-align: center;
|
||||||
|
padding-top: 240px;
|
||||||
|
}
|
||||||
|
.sidebar .logo-title .description {
|
||||||
|
font-size: 14px;
|
||||||
|
color: #565654;
|
||||||
|
}
|
||||||
|
.sidebar .logo-title .logo {
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
.sidebar .logo-title .title h3 {
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-size: 2rem;
|
||||||
|
font-weight: bold;
|
||||||
|
letter-spacing: 2px;
|
||||||
|
line-height: 1;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.sidebar .logo-title .title a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: #464646;
|
||||||
|
font-size: 2rem;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.sidebar .social-links {
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
font-size: 14px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.sidebar .social-links i {
|
||||||
|
margin-right: 3px;
|
||||||
|
}
|
||||||
|
.sidebar .social-links li {
|
||||||
|
display: inline;
|
||||||
|
padding: 0 4px;
|
||||||
|
line-height: 0;
|
||||||
|
}
|
||||||
|
.sidebar .social-links a {
|
||||||
|
color: #565654;
|
||||||
|
}
|
||||||
|
.sidebar .social-links a:hover {
|
||||||
|
color: #4786D6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post {
|
||||||
|
background-color: #FFF;
|
||||||
|
margin: 30px;
|
||||||
|
}
|
||||||
|
.post .post-title h1 {
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-size: 30px;
|
||||||
|
letter-spacing: 5px;
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
.post .post-title h2 {
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
font-size: 28px;
|
||||||
|
line-height: 1;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #5f5f5f;
|
||||||
|
}
|
||||||
|
.post .post-title h3 {
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
line-height: 1;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #464646;
|
||||||
|
font-size: 22px;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.post .post-title a {
|
||||||
|
text-decoration: none;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
color: #5f5f5f;
|
||||||
|
}
|
||||||
|
.post .post-title a:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
.post .post-content a {
|
||||||
|
text-decoration: none;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
color: #4786D6;
|
||||||
|
}
|
||||||
|
.post .post-content a:hover {
|
||||||
|
color: #2F69B3;
|
||||||
|
}
|
||||||
|
.post .post-content h3 {
|
||||||
|
color: #5F5F5F;
|
||||||
|
font-size: 22px;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
.post .post-content h4 {
|
||||||
|
color: #5F5F5F;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
.post .post-footer {
|
||||||
|
padding: 0 0 30px 0;
|
||||||
|
border-bottom: 1px solid #f2f2f2;
|
||||||
|
}
|
||||||
|
.post .post-footer .meta {
|
||||||
|
max-width: 100%;
|
||||||
|
height: 25px;
|
||||||
|
color: #bbbbbb;
|
||||||
|
}
|
||||||
|
.post .post-footer .meta .info {
|
||||||
|
float: left;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
.post .post-footer .meta .info .date {
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
.post .post-footer .meta a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: #bbbbbb;
|
||||||
|
padding-right: 10px;
|
||||||
|
}
|
||||||
|
.post .post-footer .meta a:hover {
|
||||||
|
color: #4786D6;
|
||||||
|
}
|
||||||
|
.post .post-footer .meta i {
|
||||||
|
margin-right: 6px;
|
||||||
|
}
|
||||||
|
.post .post-footer .tags {
|
||||||
|
padding-bottom: 15px;
|
||||||
|
font-size: 13px;
|
||||||
|
}
|
||||||
|
.post .post-footer .tags ul {
|
||||||
|
list-style-type: none;
|
||||||
|
display: inline;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.post .post-footer .tags ul li {
|
||||||
|
list-style-type: none;
|
||||||
|
margin: 0;
|
||||||
|
padding-right: 5px;
|
||||||
|
display: inline;
|
||||||
|
}
|
||||||
|
.post .post-footer .tags a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: rgba(0, 0, 0, 0.44);
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
.post .post-footer .tags a:hover {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagination {
|
||||||
|
margin: 30px;
|
||||||
|
padding: 0px 0 56px 0;
|
||||||
|
border-bottom: 1px solid #f2f2f2;
|
||||||
|
}
|
||||||
|
.pagination ul {
|
||||||
|
list-style: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
height: 13px;
|
||||||
|
}
|
||||||
|
.pagination ul li {
|
||||||
|
margin: 0 2px 0 2px;
|
||||||
|
display: inline;
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
.pagination ul li a {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.pagination .pre {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.pagination .next {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.like-reblog-buttons {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.like-button {
|
||||||
|
float: right;
|
||||||
|
padding: 0 0 0 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reblog-button {
|
||||||
|
float: right;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#install-btn {
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0px;
|
||||||
|
right: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#disqus_thread {
|
||||||
|
margin: 30px;
|
||||||
|
border-bottom: 1px solid #f2f2f2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
clear: both;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 10px;
|
||||||
|
margin: 0 auto;
|
||||||
|
bottom: 0;
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
padding-bottom: 20px;
|
||||||
|
background: #fff;
|
||||||
|
}
|
||||||
|
.footer a {
|
||||||
|
color: #A6A6A6;
|
||||||
|
}
|
||||||
|
.footer a:hover {
|
||||||
|
color: #4786D6;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*for archive*/
|
||||||
|
.archive {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.list-with-title {
|
||||||
|
font-size: 14px;
|
||||||
|
margin: 30px;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.list-with-title li {
|
||||||
|
list-style-type: none;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.list-with-title .listing-title {
|
||||||
|
font-size: 24px;
|
||||||
|
color: #666666;
|
||||||
|
font-weight: 600;
|
||||||
|
line-height: 2.2em;
|
||||||
|
}
|
||||||
|
.list-with-title .listing {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.list-with-title .listing .listing-post {
|
||||||
|
padding-bottom: 5px;
|
||||||
|
}
|
||||||
|
.list-with-title .listing .listing-post .post-time {
|
||||||
|
float: right;
|
||||||
|
color: #C5C5C5;
|
||||||
|
}
|
||||||
|
.list-with-title .listing .listing-post a {
|
||||||
|
color: #8F8F8F;
|
||||||
|
}
|
||||||
|
.list-with-title .listing .listing-post a:hover {
|
||||||
|
color: #4786D6;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* share */
|
||||||
|
.share {
|
||||||
|
margin: 0px 30px;
|
||||||
|
display: inline-flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.evernote {
|
||||||
|
width: 32px;
|
||||||
|
height: 32px;
|
||||||
|
border-radius: 300px;
|
||||||
|
background-color: #3E3E3E;
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
|
.evernote a {
|
||||||
|
color: #fff;
|
||||||
|
padding: 11px;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
.evernote a:hover {
|
||||||
|
color: #ED6243;
|
||||||
|
padding: 11px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.weibo {
|
||||||
|
width: 32px;
|
||||||
|
height: 32px;
|
||||||
|
border-radius: 300px;
|
||||||
|
background-color: #ED6243;
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
|
.weibo a {
|
||||||
|
color: #fff;
|
||||||
|
padding: 9px;
|
||||||
|
}
|
||||||
|
.weibo a:hover {
|
||||||
|
color: #BD4226;
|
||||||
|
}
|
||||||
|
|
||||||
|
.twitter {
|
||||||
|
width: 32px;
|
||||||
|
height: 32px;
|
||||||
|
border-radius: 300px;
|
||||||
|
background-color: #59C0FD;
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
|
.twitter a {
|
||||||
|
color: #fff;
|
||||||
|
padding: 9px;
|
||||||
|
}
|
||||||
|
.twitter a:hover {
|
||||||
|
color: #4B9ECE;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* about */
|
||||||
|
.about {
|
||||||
|
margin: 30px;
|
||||||
|
}
|
||||||
|
.about h3 {
|
||||||
|
font-size: 22px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* links*/
|
||||||
|
.links {
|
||||||
|
margin: 30px;
|
||||||
|
}
|
||||||
|
.links h3 {
|
||||||
|
font-size: 22px;
|
||||||
|
}
|
||||||
|
.links a {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 评论样式 */
|
||||||
|
.comment-count {
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tab-community {
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
|
||||||
|
.read_more {
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.back-button {
|
||||||
|
padding-top: 30px;
|
||||||
|
max-width: 100px;
|
||||||
|
padding-left: 40px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 默认评论样式 */
|
||||||
|
#fb_comments_container {
|
||||||
|
margin: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 按钮样式 */
|
||||||
|
a.btn {
|
||||||
|
color: #868686;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
display: inline-block;
|
||||||
|
position: relative;
|
||||||
|
outline: 0;
|
||||||
|
color: rgba(0, 0, 0, 0.44);
|
||||||
|
background: transparent;
|
||||||
|
font-size: 14px;
|
||||||
|
text-align: center;
|
||||||
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
|
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||||
|
white-space: nowrap;
|
||||||
|
font-weight: 400;
|
||||||
|
font-style: normal;
|
||||||
|
border-radius: 999em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn:hover {
|
||||||
|
display: inline-block;
|
||||||
|
position: relative;
|
||||||
|
outline: 0px;
|
||||||
|
color: #464545;
|
||||||
|
background: transparent;
|
||||||
|
font-size: 14px;
|
||||||
|
text-align: center;
|
||||||
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
|
border: 1px solid #464545;
|
||||||
|
white-space: nowrap;
|
||||||
|
font-weight: 400;
|
||||||
|
font-style: normal;
|
||||||
|
border-radius: 999em;
|
||||||
|
}
|
||||||
|
|
||||||
|
[role="back"] {
|
||||||
|
padding: 0.5em 1.25em;
|
||||||
|
line-height: 1.666em;
|
||||||
|
}
|
||||||
|
|
||||||
|
[role="home"] {
|
||||||
|
padding: 0.5em 1.25em;
|
||||||
|
line-height: 1.666em;
|
||||||
|
}
|
||||||
|
|
||||||
|
[role="navigation"] {
|
||||||
|
padding: 0.5em 1.25em;
|
||||||
|
line-height: 1.666em;
|
||||||
|
}
|
||||||
|
|
||||||
|
[role="tags"] {
|
||||||
|
padding: 6px 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Menu样式 */
|
||||||
|
.menu {
|
||||||
|
float: right;
|
||||||
|
padding-top: 30px;
|
||||||
|
}
|
||||||
|
.menu .btn-down {
|
||||||
|
margin: 0px;
|
||||||
|
}
|
||||||
|
.menu .btn-down li {
|
||||||
|
list-style: none;
|
||||||
|
width: 100px;
|
||||||
|
}
|
||||||
|
.menu .btn-down li a {
|
||||||
|
display: inline-block;
|
||||||
|
position: relative;
|
||||||
|
padding: 0.5em 1.25em;
|
||||||
|
outline: 0;
|
||||||
|
color: rgba(0, 0, 0, 0.44);
|
||||||
|
background: transparent;
|
||||||
|
font-size: 14px;
|
||||||
|
text-align: center;
|
||||||
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
|
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||||
|
white-space: nowrap;
|
||||||
|
font-weight: 400;
|
||||||
|
font-style: normal;
|
||||||
|
border-radius: 999em;
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
.menu .btn-down li a:hover {
|
||||||
|
position: relative;
|
||||||
|
padding: 0.5em 1.25em;
|
||||||
|
outline: 0;
|
||||||
|
color: #fff;
|
||||||
|
background: #3CBD10;
|
||||||
|
font-size: 14px;
|
||||||
|
text-align: center;
|
||||||
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
|
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||||
|
white-space: nowrap;
|
||||||
|
font-weight: 400;
|
||||||
|
font-style: normal;
|
||||||
|
border-radius: 999em;
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
.menu .btn-down div {
|
||||||
|
position: absolute;
|
||||||
|
visibility: hidden;
|
||||||
|
width: 100px;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page_404 {
|
||||||
|
text-align: center;
|
||||||
|
padding-top: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 960px) {
|
||||||
|
.sidebar {
|
||||||
|
width: 100%;
|
||||||
|
position: absolute;
|
||||||
|
border-right: none;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
.sidebar .logo-title {
|
||||||
|
padding-top: 120px;
|
||||||
|
}
|
||||||
|
.sidebar .logo-title .title img {
|
||||||
|
width: 100px;
|
||||||
|
}
|
||||||
|
.sidebar .logo-title .title h3 {
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-top {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-title h3 {
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
margin-top: 420px;
|
||||||
|
width: 100%;
|
||||||
|
z-index: 2;
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.share {
|
||||||
|
display: grid;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,785 @@
|
||||||
|
html {
|
||||||
|
background-color: #fff;
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
color: rgba(0, 0, 0, 0.5);
|
||||||
|
font-family: 'PingHei', 'PingFang SC', Helvetica Neue, 'Work Sans', 'Hiragino Sans GB', 'Microsoft YaHei', SimSun, sans-serif;
|
||||||
|
font-size: 15px;
|
||||||
|
width: 100%;
|
||||||
|
margin: 0 auto 30px auto;
|
||||||
|
background-color: #fff;
|
||||||
|
|
||||||
|
}
|
||||||
|
p {
|
||||||
|
line-height: 1.9em;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:link, a:visited {
|
||||||
|
opacity: 1;
|
||||||
|
-webkit-transition: all .15s linear;
|
||||||
|
-moz-transition: all .15s linear;
|
||||||
|
-o-transition: all .15s linear;
|
||||||
|
-ms-transition: all .15s linear;
|
||||||
|
transition: all .15s linear;
|
||||||
|
color: #424242;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover, a:active {
|
||||||
|
color: #4786D6;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/*basic styles ends*/
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*animation starts*/
|
||||||
|
|
||||||
|
.animated {
|
||||||
|
-webkit-animation-fill-mode: both;
|
||||||
|
-moz-animation-fill-mode: both;
|
||||||
|
-ms-animation-fill-mode: both;
|
||||||
|
-o-animation-fill-mode: both;
|
||||||
|
animation-fill-mode: both;
|
||||||
|
-webkit-animation-duration: 1s;
|
||||||
|
-moz-animation-duration: 1s;
|
||||||
|
-ms-animation-duration: 1s;
|
||||||
|
-o-animation-duration: 1s;
|
||||||
|
animation-duration: 1s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.animated.hinge {
|
||||||
|
-webkit-animation-duration: 1s;
|
||||||
|
-moz-animation-duration: 1s;
|
||||||
|
-ms-animation-duration: 1s;
|
||||||
|
-o-animation-duration: 1s;
|
||||||
|
animation-duration: 1s;
|
||||||
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes fadeInDown {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
-webkit-transform: translateY(-20px);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
opacity: 1;
|
||||||
|
-webkit-transform: translateY(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@-moz-keyframes fadeInDown {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
-moz-transform: translateY(-20px);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
opacity: 1;
|
||||||
|
-moz-transform: translateY(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@-o-keyframes fadeInDown {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
-o-transform: translateY(-20px);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
opacity: 1;
|
||||||
|
-o-transform: translateY(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes fadeInDown {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateY(-20px);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
opacity: 1;
|
||||||
|
transform: translateY(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.fadeInDown {
|
||||||
|
-webkit-animation-name: fadeInDown;
|
||||||
|
-moz-animation-name: fadeInDown;
|
||||||
|
-o-animation-name: fadeInDown;
|
||||||
|
animation-name: fadeInDown;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*animation ends*/
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.content {
|
||||||
|
height: auto;
|
||||||
|
float: right;
|
||||||
|
width: 60%;
|
||||||
|
margin-top:60px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-top{
|
||||||
|
width: 60%;
|
||||||
|
position: fixed;
|
||||||
|
right: 0;
|
||||||
|
z-index: 3;
|
||||||
|
background-color: #fff;
|
||||||
|
height: 60px;
|
||||||
|
border-bottom: 1px solid #f2f2f2;
|
||||||
|
|
||||||
|
.nav{
|
||||||
|
list-style:none;
|
||||||
|
padding:18px 30px;
|
||||||
|
float: left;
|
||||||
|
font-size:12px;
|
||||||
|
|
||||||
|
li{
|
||||||
|
position: relative;
|
||||||
|
display: initial;
|
||||||
|
padding-right:20px;
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
color:#5A5A5A;
|
||||||
|
}
|
||||||
|
a:hover{
|
||||||
|
color:#4786D6;
|
||||||
|
}
|
||||||
|
a.current{
|
||||||
|
color:#5A5A5A;
|
||||||
|
padding-bottom: 22px;
|
||||||
|
border-bottom: 1px solid #5A5A5A;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.information{
|
||||||
|
float: right;
|
||||||
|
padding-top: 12px;
|
||||||
|
padding-right: 20px;
|
||||||
|
|
||||||
|
.avatar{
|
||||||
|
float: right;
|
||||||
|
|
||||||
|
img{
|
||||||
|
width: 32px;
|
||||||
|
height: 32px;
|
||||||
|
border-radius: 300px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.back_btn{
|
||||||
|
float: left;
|
||||||
|
padding-top: 5px;
|
||||||
|
margin-right:-10px;
|
||||||
|
|
||||||
|
li{
|
||||||
|
display: initial;
|
||||||
|
padding-right:40px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
.sidebar {
|
||||||
|
width: 40%;
|
||||||
|
-webkit-background-size: cover;
|
||||||
|
background-size: cover;
|
||||||
|
background-color: #fff;
|
||||||
|
height: 100%;
|
||||||
|
transition:0.8s;
|
||||||
|
top: 0;
|
||||||
|
left:0;
|
||||||
|
position: fixed;
|
||||||
|
z-index: 4;
|
||||||
|
border-right: 1px solid #f2f2f2;
|
||||||
|
|
||||||
|
.logo-title{
|
||||||
|
text-align: center;
|
||||||
|
padding-top:240px;
|
||||||
|
|
||||||
|
|
||||||
|
.description {
|
||||||
|
font-size: 14px;
|
||||||
|
color: #565654;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title{
|
||||||
|
h3 {
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-size: 2rem;
|
||||||
|
font-weight: bold;
|
||||||
|
letter-spacing: 2px;
|
||||||
|
line-height: 1;
|
||||||
|
margin:0;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: #464646;
|
||||||
|
font-size: 2rem;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.social-links {
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
font-size: 14px;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
i{
|
||||||
|
margin-right: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
li {
|
||||||
|
display: inline;
|
||||||
|
padding: 0 4px;
|
||||||
|
line-height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #565654;
|
||||||
|
}
|
||||||
|
a:hover{
|
||||||
|
color: #4786D6;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.post {
|
||||||
|
background-color: #FFF;
|
||||||
|
margin: 30px;
|
||||||
|
|
||||||
|
.post-title{
|
||||||
|
h1 {
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-size: 30px;
|
||||||
|
letter-spacing: 5px;
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
font-size: 28px;
|
||||||
|
line-height: 1;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #5f5f5f;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
line-height: 1;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #464646;
|
||||||
|
font-size: 22px;
|
||||||
|
margin:0;
|
||||||
|
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
color: #5f5f5f;
|
||||||
|
&:hover{
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-content{
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
color: #4786D6;
|
||||||
|
}
|
||||||
|
a:hover{
|
||||||
|
color: #2F69B3;
|
||||||
|
}
|
||||||
|
h3{
|
||||||
|
color: #5F5F5F;
|
||||||
|
font-size:22px;
|
||||||
|
font-weight:600;
|
||||||
|
}
|
||||||
|
h4 {
|
||||||
|
color: #5F5F5F;
|
||||||
|
font-size:16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-footer {
|
||||||
|
padding: 0 0 30px 0;
|
||||||
|
border-bottom: 1px solid #f2f2f2;
|
||||||
|
|
||||||
|
|
||||||
|
.meta {
|
||||||
|
max-width: 100%;
|
||||||
|
height: 25px;
|
||||||
|
color: #bbbbbb;
|
||||||
|
|
||||||
|
.info {
|
||||||
|
float: left;
|
||||||
|
font-size: 12px;
|
||||||
|
.date{
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: #bbbbbb;
|
||||||
|
padding-right: 10px;
|
||||||
|
&:hover{
|
||||||
|
color: #4786D6;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
i{
|
||||||
|
margin-right: 6px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.tags{
|
||||||
|
padding-bottom: 15px;
|
||||||
|
font-size: 13px;
|
||||||
|
|
||||||
|
ul {
|
||||||
|
list-style-type: none;
|
||||||
|
display: inline;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
|
||||||
|
li {
|
||||||
|
list-style-type: none;
|
||||||
|
margin: 0;
|
||||||
|
padding-right: 5px;
|
||||||
|
display: inline;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
a{
|
||||||
|
text-decoration: none;
|
||||||
|
color: rgba(0, 0, 0, 0.44);
|
||||||
|
font-weight: 400;
|
||||||
|
|
||||||
|
&:hover{
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.pagination {
|
||||||
|
margin: 30px;
|
||||||
|
padding: 0px 0 56px 0;
|
||||||
|
border-bottom: 1px solid #f2f2f2;
|
||||||
|
|
||||||
|
ul {
|
||||||
|
list-style: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
height: 13px;
|
||||||
|
|
||||||
|
li {
|
||||||
|
margin: 0 2px 0 2px;
|
||||||
|
display: inline;
|
||||||
|
line-height: 1;
|
||||||
|
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.pre {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.next {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.like-reblog-buttons {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.like-button {
|
||||||
|
float: right;
|
||||||
|
padding: 0 0 0 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reblog-button {
|
||||||
|
float: right;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#install-btn {
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0px;
|
||||||
|
right: 6px
|
||||||
|
}
|
||||||
|
|
||||||
|
#disqus_thread {
|
||||||
|
margin: 30px;
|
||||||
|
border-bottom: 1px solid #f2f2f2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
clear: both;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 10px;
|
||||||
|
margin: 0 auto;
|
||||||
|
bottom: 0;
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
padding-bottom: 20px;
|
||||||
|
a {
|
||||||
|
color: #A6A6A6;
|
||||||
|
}
|
||||||
|
a:hover{
|
||||||
|
color: #4786D6;
|
||||||
|
}
|
||||||
|
span{
|
||||||
|
}
|
||||||
|
.by_farbox{
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*for archive*/
|
||||||
|
.archive{
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.list-with-title{
|
||||||
|
font-size: 14px;
|
||||||
|
margin: 30px;
|
||||||
|
padding: 0;
|
||||||
|
li {
|
||||||
|
list-style-type: none;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.listing-title {
|
||||||
|
font-size: 24px;
|
||||||
|
color: #666666;
|
||||||
|
font-weight: 600;
|
||||||
|
line-height: 2.2em;
|
||||||
|
}
|
||||||
|
.listing{
|
||||||
|
padding: 0;
|
||||||
|
.listing-post {
|
||||||
|
padding-bottom: 5px;
|
||||||
|
|
||||||
|
.post-time {
|
||||||
|
float: right;
|
||||||
|
color: #C5C5C5;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #8F8F8F;
|
||||||
|
|
||||||
|
&:hover{
|
||||||
|
color: #4786D6;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/* share */
|
||||||
|
.share{
|
||||||
|
margin: 0px 30px;
|
||||||
|
display: inline-flex;
|
||||||
|
}
|
||||||
|
.evernote{
|
||||||
|
width: 32px;
|
||||||
|
height: 32px;
|
||||||
|
border-radius: 300px;
|
||||||
|
background-color: #3E3E3E;
|
||||||
|
margin-right:5px;
|
||||||
|
a{
|
||||||
|
color: #fff;
|
||||||
|
padding: 11px;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
a:hover{
|
||||||
|
color: #ED6243;
|
||||||
|
padding: 11px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.weibo{
|
||||||
|
width: 32px;
|
||||||
|
height: 32px;
|
||||||
|
border-radius: 300px;
|
||||||
|
background-color: #ED6243;
|
||||||
|
margin-right:5px;
|
||||||
|
|
||||||
|
a{
|
||||||
|
color: #fff;
|
||||||
|
padding: 9px;
|
||||||
|
}
|
||||||
|
a:hover{
|
||||||
|
color: #BD4226;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.twitter{
|
||||||
|
width: 32px;
|
||||||
|
height: 32px;
|
||||||
|
border-radius: 300px;
|
||||||
|
background-color: #59C0FD;
|
||||||
|
margin-right:5px;
|
||||||
|
|
||||||
|
a{
|
||||||
|
color: #fff;
|
||||||
|
padding: 9px;
|
||||||
|
}
|
||||||
|
a:hover{
|
||||||
|
color:#4B9ECE;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/* about */
|
||||||
|
.about{
|
||||||
|
margin: 30px;
|
||||||
|
h3{
|
||||||
|
font-size: 22px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/* links*/
|
||||||
|
.links{
|
||||||
|
margin: 30px;
|
||||||
|
h3{
|
||||||
|
font-size: 22px;
|
||||||
|
}
|
||||||
|
a{
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/* 评论样式 */
|
||||||
|
|
||||||
|
.comment-count {
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tab-community {
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
|
||||||
|
.read_more {
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.back-button {
|
||||||
|
padding-top: 30px;
|
||||||
|
max-width: 100px;
|
||||||
|
padding-left: 40px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
/* 默认评论样式 */
|
||||||
|
|
||||||
|
#fb_comments_container{
|
||||||
|
margin: 30px;
|
||||||
|
}
|
||||||
|
/* 按钮样式 */
|
||||||
|
a.btn {
|
||||||
|
color: #868686;
|
||||||
|
font-weight: 400;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
display: inline-block;
|
||||||
|
position: relative;
|
||||||
|
outline: 0;
|
||||||
|
color: rgba(0, 0, 0, 0.44);
|
||||||
|
background: rgba(0, 0, 0, 0);
|
||||||
|
font-size: 14px;
|
||||||
|
text-align: center;
|
||||||
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
|
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||||
|
white-space: nowrap;
|
||||||
|
font-weight: 400;
|
||||||
|
font-style: normal;
|
||||||
|
border-radius: 999em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn:hover {
|
||||||
|
display: inline-block;
|
||||||
|
position: relative;
|
||||||
|
outline: 0px;
|
||||||
|
color: #464545;
|
||||||
|
background: rgba(0, 0, 0, 0);
|
||||||
|
font-size: 14px;
|
||||||
|
text-align: center;
|
||||||
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
|
border: 1px solid #464545;
|
||||||
|
white-space: nowrap;
|
||||||
|
font-weight: 400;
|
||||||
|
font-style: normal;
|
||||||
|
border-radius: 999em;
|
||||||
|
}
|
||||||
|
|
||||||
|
[role="back"] {
|
||||||
|
padding: 0.5em 1.25em;
|
||||||
|
line-height: 1.666em;
|
||||||
|
}
|
||||||
|
|
||||||
|
[role="home"] {
|
||||||
|
padding: 0.5em 1.25em;
|
||||||
|
line-height: 1.666em;
|
||||||
|
}
|
||||||
|
|
||||||
|
[role="navigation"] {
|
||||||
|
padding: 0.5em 1.25em;
|
||||||
|
line-height: 1.666em;
|
||||||
|
}
|
||||||
|
|
||||||
|
[role="tags"] {
|
||||||
|
padding: 6px 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Menu样式 */
|
||||||
|
.menu {
|
||||||
|
float: right;
|
||||||
|
padding-top: 30px;
|
||||||
|
|
||||||
|
.btn-down{
|
||||||
|
margin: 0px;
|
||||||
|
li {
|
||||||
|
list-style: none;
|
||||||
|
width: 100px;
|
||||||
|
|
||||||
|
a {
|
||||||
|
display: inline-block;
|
||||||
|
position: relative;
|
||||||
|
padding: 0.5em 1.25em;
|
||||||
|
outline: 0;
|
||||||
|
color: rgba(0, 0, 0, 0.44);
|
||||||
|
background: rgba(0, 0, 0, 0);
|
||||||
|
font-size: 14px;
|
||||||
|
text-align: center;
|
||||||
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
|
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||||
|
white-space: nowrap;
|
||||||
|
font-weight: 400;
|
||||||
|
font-style: normal;
|
||||||
|
border-radius: 999em;
|
||||||
|
margin-top: 5px;
|
||||||
|
|
||||||
|
&:hover{
|
||||||
|
position: relative;
|
||||||
|
padding: 0.5em 1.25em;
|
||||||
|
outline: 0;
|
||||||
|
color: #fff;
|
||||||
|
background: #3CBD10;
|
||||||
|
font-size: 14px;
|
||||||
|
text-align: center;
|
||||||
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
|
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||||
|
white-space: nowrap;
|
||||||
|
font-weight: 400;
|
||||||
|
font-style: normal;
|
||||||
|
border-radius: 999em;
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-down div {
|
||||||
|
position: absolute;
|
||||||
|
visibility: hidden;
|
||||||
|
width: 100px;
|
||||||
|
float: right;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.page_404{
|
||||||
|
text-align:center;
|
||||||
|
padding-top:50px;
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 960px) {
|
||||||
|
.sidebar {
|
||||||
|
width: 100%;
|
||||||
|
position:absolute;
|
||||||
|
border-right:none;
|
||||||
|
z-index: 1;
|
||||||
|
.logo-title{
|
||||||
|
padding-top: 120px;
|
||||||
|
|
||||||
|
.title{
|
||||||
|
|
||||||
|
img{
|
||||||
|
width: 100px;
|
||||||
|
}
|
||||||
|
h3{
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.page-top{
|
||||||
|
width: 100%
|
||||||
|
}
|
||||||
|
.post-title h3{
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
.content{
|
||||||
|
margin-top: 420px;
|
||||||
|
width: 100%;
|
||||||
|
z-index: 2;
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
.footer{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.share{
|
||||||
|
display: grid;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
BIN
src/main/resources/templates/themes/anatole/source/fonts/fontawesome-webfont.eot
Executable file
BIN
src/main/resources/templates/themes/anatole/source/fonts/fontawesome-webfont.eot
Executable file
Binary file not shown.
2671
src/main/resources/templates/themes/anatole/source/fonts/fontawesome-webfont.svg
Executable file
2671
src/main/resources/templates/themes/anatole/source/fonts/fontawesome-webfont.svg
Executable file
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 434 KiB |
BIN
src/main/resources/templates/themes/anatole/source/fonts/fontawesome-webfont.ttf
Executable file
BIN
src/main/resources/templates/themes/anatole/source/fonts/fontawesome-webfont.ttf
Executable file
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 259 B |
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 44 KiB |
2
src/main/resources/templates/themes/anatole/source/js/jquery-migrate-1.2.1.min.js
vendored
Normal file
2
src/main/resources/templates/themes/anatole/source/js/jquery-migrate-1.2.1.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,101 @@
|
||||||
|
/*
|
||||||
|
* jQuery appear plugin
|
||||||
|
*
|
||||||
|
* Copyright (c) 2012 Andrey Sidorov
|
||||||
|
* licensed under MIT license.
|
||||||
|
*
|
||||||
|
* https://github.com/morr/jquery.appear/
|
||||||
|
*
|
||||||
|
* Version: 0.3.3
|
||||||
|
*/
|
||||||
|
(function($) {
|
||||||
|
var selectors = [];
|
||||||
|
|
||||||
|
var check_binded = false;
|
||||||
|
var check_lock = false;
|
||||||
|
var defaults = {
|
||||||
|
interval: 250,
|
||||||
|
force_process: false
|
||||||
|
}
|
||||||
|
var $window = $(window);
|
||||||
|
|
||||||
|
var $prior_appeared;
|
||||||
|
|
||||||
|
function process() {
|
||||||
|
check_lock = false;
|
||||||
|
for (var index = 0; index < selectors.length; index++) {
|
||||||
|
var $appeared = $(selectors[index]).filter(function() {
|
||||||
|
return $(this).is(':appeared');
|
||||||
|
});
|
||||||
|
|
||||||
|
$appeared.trigger('appear', [$appeared]);
|
||||||
|
|
||||||
|
if ($prior_appeared) {
|
||||||
|
var $disappeared = $prior_appeared.not($appeared);
|
||||||
|
$disappeared.trigger('disappear', [$disappeared]);
|
||||||
|
}
|
||||||
|
$prior_appeared = $appeared;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// "appeared" custom filter
|
||||||
|
$.expr[':']['appeared'] = function(element) {
|
||||||
|
var $element = $(element);
|
||||||
|
if (!$element.is(':visible')) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
var window_left = $window.scrollLeft();
|
||||||
|
var window_top = $window.scrollTop();
|
||||||
|
var offset = $element.offset();
|
||||||
|
var left = offset.left;
|
||||||
|
var top = offset.top;
|
||||||
|
|
||||||
|
if (top + $element.height() >= window_top &&
|
||||||
|
top - ($element.data('appear-top-offset') || 0) <= window_top + $window.height() &&
|
||||||
|
left + $element.width() >= window_left &&
|
||||||
|
left - ($element.data('appear-left-offset') || 0) <= window_left + $window.width()) {
|
||||||
|
return true;
|
||||||
|
} else {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
$.fn.extend({
|
||||||
|
// watching for element's appearance in browser viewport
|
||||||
|
appear: function(options) {
|
||||||
|
var opts = $.extend({}, defaults, options || {});
|
||||||
|
var selector = this.selector || this;
|
||||||
|
if (!check_binded) {
|
||||||
|
var on_check = function() {
|
||||||
|
if (check_lock) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
check_lock = true;
|
||||||
|
|
||||||
|
setTimeout(process, opts.interval);
|
||||||
|
};
|
||||||
|
|
||||||
|
$(window).scroll(on_check).resize(on_check);
|
||||||
|
check_binded = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (opts.force_process) {
|
||||||
|
setTimeout(process, opts.interval);
|
||||||
|
}
|
||||||
|
selectors.push(selector);
|
||||||
|
return $(selector);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
$.extend({
|
||||||
|
// force elements's appearance check
|
||||||
|
force_appear: function() {
|
||||||
|
if (check_binded) {
|
||||||
|
process();
|
||||||
|
return true;
|
||||||
|
};
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
})(jQuery);
|
||||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,38 @@
|
||||||
|
<#include "module/macro.ftl">
|
||||||
|
<#if tag??>
|
||||||
|
<@head title="${tag.tagName} · ${options.blog_title?default('Anatole')}" keywords="${options.seo_keywords?default('Anatole')}" description="${options.seo_desc?default('Anatole')}"></@head>
|
||||||
|
<#else>
|
||||||
|
<@head title="${options.blog_title?default('Anatole')}" keywords="${options.seo_keywords?default('Anatole')}" description="${options.seo_desc?default('Anatole')}"></@head>
|
||||||
|
</#if>
|
||||||
|
<#include "module/sidebar.ftl">
|
||||||
|
<div class="main">
|
||||||
|
<#include "module/page-top.ftl">
|
||||||
|
<div class="autopagerize_page_element">
|
||||||
|
<div class="content">
|
||||||
|
<#include "module/post_entry.ftl">
|
||||||
|
<#if posts.totalPages gt 1>
|
||||||
|
<div class="pagination">
|
||||||
|
<ul class="clearfix">
|
||||||
|
<#if posts.hasPrevious()>
|
||||||
|
<#if posts.number == 1>
|
||||||
|
<li class="pre pagbuttons">
|
||||||
|
<a class="btn" role="navigation" href="/">上一页</a>
|
||||||
|
</li>
|
||||||
|
<#else >
|
||||||
|
<li class="pre pagbuttons">
|
||||||
|
<a class="btn" role="navigation" href="/page/${posts.number}">上一页</a>
|
||||||
|
</li>
|
||||||
|
</#if>
|
||||||
|
</#if>
|
||||||
|
<#if posts.hasNext()>
|
||||||
|
<li class="next pagbuttons">
|
||||||
|
<a class="btn" role="navigation" href="/page/${posts.number+2}">下一页</a>
|
||||||
|
</li>
|
||||||
|
</#if>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</#if>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<@footer></@footer>
|
||||||
|
|
@ -0,0 +1,50 @@
|
||||||
|
<#list posts.content as post>
|
||||||
|
<div class="post_entry-module mdl-card mdl-shadow--${options.theme_material_uiux_card_elevation?default(2)}dp mdl-cell mdl-cell--12-col fade out">
|
||||||
|
<!-- Post_entry Header -->
|
||||||
|
<!-- Post Header Info -->
|
||||||
|
<div class="post_entry-header_info without-thumbnail">
|
||||||
|
<!-- Author Avatar & Name -->
|
||||||
|
<img src="${user.userAvatar?default('/material/source/img/avatar.png')}" class="avatar-img" width="44px" height="44px" alt="${user.userDisplayName?default('halo')}'s avatar">
|
||||||
|
<span class="name-span">RYAN0UP</span>
|
||||||
|
</div>
|
||||||
|
<!-- Null Thumbnail -->
|
||||||
|
<div class="post_thumbnail-null">
|
||||||
|
</div>
|
||||||
|
<!-- Post_entry Content -->
|
||||||
|
<div class="post_entry-content mdl-color-text--grey-600 mdl-card__supporting-text">
|
||||||
|
<!-- Post Title -->
|
||||||
|
<p class="post_entry-title">
|
||||||
|
<a href="/archives/${post.postUrl}">${post.postTitle}</a>
|
||||||
|
</p>
|
||||||
|
<!-- Post Excerpt -->
|
||||||
|
<p class="post_entry-excerpt">
|
||||||
|
${post.postSummary?if_exists}...
|
||||||
|
|
||||||
|
<span>
|
||||||
|
<a href="/archives/${post.postUrl}" target="_self">阅读全文</a>
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
|
<!-- Post Tags -->
|
||||||
|
<ul class="post_entry-tags-list">
|
||||||
|
<#if post.tags??>
|
||||||
|
<#list post.tags as tag>
|
||||||
|
<li class="post_entry-tags-list-item">
|
||||||
|
<a class="post_entry-tags-list-link" href="/tags/${tag.tagUrl}/">${tag.tagName}</a>
|
||||||
|
</li>
|
||||||
|
</#list>
|
||||||
|
</#if>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<!-- Post_entry Footer -->
|
||||||
|
<div class="post_entry-footer">
|
||||||
|
<div class="post_entry-footer-border"></div>
|
||||||
|
<div class="post_entry-footer-info">
|
||||||
|
<div class="post_entry-footer-date">
|
||||||
|
${post.postDate?string("MM月 dd,yyyy")}
|
||||||
|
</div>
|
||||||
|
<div class="post_entry-footer-comment">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</#list>
|
||||||
|
|
@ -0,0 +1,46 @@
|
||||||
|
<div class="mdl-color-text--grey-700 mdl-card__supporting-text meta">
|
||||||
|
|
||||||
|
<!-- Author Avatar -->
|
||||||
|
<div id="author-avatar">
|
||||||
|
<img src="${user.userAvatar?default('/material/source/img/avatar.png')}" width="44px" height="44px" alt="Author Avatar"/>
|
||||||
|
</div>
|
||||||
|
<!-- Author Name & Date -->
|
||||||
|
<div>
|
||||||
|
<strong>${user.userDisplayName?default('halo')}</strong>
|
||||||
|
<span>${post.postDate?string("MM月 dd,yyyy")}</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="section-spacer"></div>
|
||||||
|
|
||||||
|
<!-- Favorite -->
|
||||||
|
<!--
|
||||||
|
<button id="article-functions-like-button" class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon btn-like">
|
||||||
|
<i class="material-icons" role="presentation">favorite</i>
|
||||||
|
<span class="visuallyhidden">favorites</span>
|
||||||
|
</button>
|
||||||
|
-->
|
||||||
|
|
||||||
|
<!-- Qrcode -->
|
||||||
|
<!--
|
||||||
|
<% if(theme.qrcode.enable === true) { %>
|
||||||
|
<%- partial('_widget/qrcode') %>
|
||||||
|
<% } %>
|
||||||
|
-->
|
||||||
|
<!-- Tags (bookmark) -->
|
||||||
|
<button id="article-functions-viewtags-button" class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon">
|
||||||
|
<i class="material-icons" role="presentation">bookmark</i>
|
||||||
|
<span class="visuallyhidden">bookmark</span>
|
||||||
|
</button>
|
||||||
|
<ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="article-functions-viewtags-button">
|
||||||
|
<#if post.tags??>
|
||||||
|
<#list post.tags as tag>
|
||||||
|
<li class="mdl-menu__item">
|
||||||
|
<a class="post_tag-link" href="/tags/${tag.tagUrl}/">${tag.tagName}</a>
|
||||||
|
</li>
|
||||||
|
</#list>
|
||||||
|
</#if>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<!-- Share -->
|
||||||
|
<#include "../_partial/post-info-share.ftl">
|
||||||
|
</div>
|
||||||
|
|
@ -0,0 +1,14 @@
|
||||||
|
<script type="text/ls-javascript" id="thumbnail-script">
|
||||||
|
var randomNum;
|
||||||
|
|
||||||
|
var locatePost = $('.locate-thumbnail-symbol').next();
|
||||||
|
for(var i = 0; i < ${options.index_posts?if_exists}; i++) {
|
||||||
|
randomNum = Math.floor(Math.random() * 19 + 1);
|
||||||
|
|
||||||
|
locatePost.children('.post_thumbnail-random').attr('id', 'random_thumbnail-'+randomNum);
|
||||||
|
locatePost.children('.post_thumbnail-random').attr('data-original', '/material/source/img/random/material-' + randomNum + '.png');
|
||||||
|
$('.post_thumbnail-random').addClass('lazy');
|
||||||
|
|
||||||
|
locatePost = locatePost.next();
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,45 @@
|
||||||
|
<#list posts.content as post>
|
||||||
|
<!-- Paradox Thumbnail -->
|
||||||
|
<div class="post_entry-module mdl-card mdl-shadow--${options.theme_material_uiux_card_elevation?default(2)}dp mdl-cell mdl-cell--12-col fade out">
|
||||||
|
<!-- Post Thumbnail -->
|
||||||
|
<!-- Random Thumbnail -->
|
||||||
|
<div class="post_thumbnail-random mdl-card__media mdl-color-text--grey-50">
|
||||||
|
<!-- Post Title -->
|
||||||
|
<p class="article-headline-p"><a href="/archives/${post.postUrl}">${post.postTitle?if_exists}</a></p>
|
||||||
|
</div>
|
||||||
|
<!-- Post Excerpt -->
|
||||||
|
<div class="mdl-color-text--grey-600 mdl-card__supporting-text post_entry-content">
|
||||||
|
${post.postSummary?if_exists}
|
||||||
|
|
||||||
|
<span>
|
||||||
|
<a href="/archives/${post.postUrl}" target="_self">阅读全文</a>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<!-- Post_entry Info-->
|
||||||
|
<div id="post_entry-info">
|
||||||
|
<div id="post_entry-left-info" class="mdl-card__supporting-text meta mdl-color-text--grey-600 ">
|
||||||
|
<!-- Author Avatar -->
|
||||||
|
<div id="author-avatar">
|
||||||
|
<img src="${user.userAvatar?default('/material/source/img/avatar.png')}" width="44px" height="44px"
|
||||||
|
alt="${user.userDisplayName?default('none')}'s avatar">
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<strong>${user.userDisplayName?default('Material')}</strong>
|
||||||
|
<span>${post.postDate?string("MM月 dd,yyyy")}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="post_entry-right-info">
|
||||||
|
<!-- Category -->
|
||||||
|
<#if post.categories??>
|
||||||
|
<#list post.categories as cate>
|
||||||
|
<span class="post_entry-category">
|
||||||
|
<a class="post_category-link" href="/categories/学习笔记/">${cate.cateName}</a>
|
||||||
|
</span>
|
||||||
|
</#list>
|
||||||
|
</#if>
|
||||||
|
<!-- Post Views -->
|
||||||
|
<span class="post_entry-views"></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</#list>
|
||||||
|
|
@ -0,0 +1,39 @@
|
||||||
|
|
||||||
|
<div class="mdl-textfield mdl-js-textfield mdl-textfield--expandable" method="post" action="">
|
||||||
|
<label id="search-label" class="mdl-button mdl-js-ripple-effect mdl-js-button mdl-button--fab mdl-color--accent mdl-shadow--4dp" for="search">
|
||||||
|
<i class="material-icons mdl-color-text--white" role="presentation">search</i>
|
||||||
|
</label>
|
||||||
|
|
||||||
|
<form autocomplete="off" id="search-form" method="get" action="//google.com/search" accept-charset="UTF-8" class="mdl-textfield__expandable-holder" target="_blank">
|
||||||
|
<input class="mdl-textfield__input search-input" type="search" name="q" id="search" placeholder="">
|
||||||
|
<label id="search-form-label" class="mdl-textfield__label" for="search"></label>
|
||||||
|
|
||||||
|
<input type="hidden" name="sitesearch" value="">
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<!--
|
||||||
|
<% if( theme.search.use === 'swiftype' ) { %>
|
||||||
|
<div class="mdl-textfield mdl-js-textfield mdl-textfield--expandable" method="post" action="">
|
||||||
|
<label id="search-label" class="mdl-button mdl-js-ripple-effect mdl-js-button mdl-button--fab mdl-color--accent mdl-shadow--4dp" for="search">
|
||||||
|
<i class="material-icons mdl-color-text--white" role="presentation">search</i>
|
||||||
|
</label>
|
||||||
|
|
||||||
|
<form autocomplete="off" id="search-form" class="mdl-textfield__expandable-holder" action="">
|
||||||
|
<input class="mdl-textfield__input search-input st-default-search-input" type="text" name="q" id="search">
|
||||||
|
<label id="search-form-label" class="mdl-textfield__label" for="search"></label>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<% } %>
|
||||||
|
<div class="mdl-textfield mdl-js-textfield mdl-textfield--expandable" method="post" action="">
|
||||||
|
<label id="search-label" class="mdl-button mdl-js-ripple-effect mdl-js-button mdl-button--fab mdl-color--accent mdl-shadow--4dp" for="search">
|
||||||
|
<i class="material-icons mdl-color-text--white" role="presentation">search</i>
|
||||||
|
</label>
|
||||||
|
|
||||||
|
<form autocomplete="off" id="search-form" class="mdl-textfield__expandable-holder">
|
||||||
|
<input type="text" id="search" class="form-control mdl-textfield__input search-input" name="q" results="0" placeholder=""/>
|
||||||
|
<label id="search-form-label" class="mdl-textfield__label" for="search"></label>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div id="local-search-result"></div>
|
||||||
|
-->
|
||||||
|
|
||||||
|
|
@ -0,0 +1,133 @@
|
||||||
|
<!-- Blog info -->
|
||||||
|
<div class="mdl-card mdl-shadow--${options.theme_material_uiux_card_elevation?default(2)}dp something-else mdl-cell mdl-cell--8-col mdl-cell--4-col-desktop index-top-block">
|
||||||
|
|
||||||
|
<!-- Search -->
|
||||||
|
<#include "Paradox-search.ftl">
|
||||||
|
|
||||||
|
<!-- LOGO -->
|
||||||
|
<div class="something-else-logo mdl-color--white mdl-color-text--grey-600">
|
||||||
|
<a href="#" target="_blank">
|
||||||
|
<img src="${options.blog_logo?default('/material/source/img/logo.png')}" alt="logo" />
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Infomation -->
|
||||||
|
<div class="mdl-card__supporting-text meta meta--fill mdl-color-text--grey-600">
|
||||||
|
<!-- Blog Title -->
|
||||||
|
<div>
|
||||||
|
<strong>${options.blog_title?if_exists}</strong>
|
||||||
|
</div>
|
||||||
|
<div class="section-spacer"></div>
|
||||||
|
|
||||||
|
<!-- Pages -->
|
||||||
|
<button id="show-pages-button" class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon">
|
||||||
|
<i class="material-icons" role="presentation">view_carousel</i>
|
||||||
|
<span class="visuallyhidden">Pages</span>
|
||||||
|
</button>
|
||||||
|
<ul class="mdl-menu mdl-js-menu mdl-menu--bottom-right" for="show-pages-button">
|
||||||
|
<a class="index_share-link" href="/tags" title="标签">
|
||||||
|
<li class="mdl-menu__item mdl-js-ripple-effect">
|
||||||
|
标签
|
||||||
|
</li>
|
||||||
|
</a>
|
||||||
|
<a class="index_share-link" href="/gallery" title="图库">
|
||||||
|
<li class="mdl-menu__item mdl-js-ripple-effect">
|
||||||
|
图库
|
||||||
|
</li>
|
||||||
|
</a>
|
||||||
|
<a class="index_share-link" href="/links" title="友链">
|
||||||
|
<li class="mdl-menu__item mdl-js-ripple-effect">
|
||||||
|
友链
|
||||||
|
</li>
|
||||||
|
</a>
|
||||||
|
<a class="index_share-link" href="/about" title="关于">
|
||||||
|
<li class="mdl-menu__item mdl-js-ripple-effect">
|
||||||
|
关于
|
||||||
|
</li>
|
||||||
|
</a>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<!-- Menu -->
|
||||||
|
<button id="menubtn" class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon">
|
||||||
|
<i class="material-icons" role="presentation">more_vert</i>
|
||||||
|
<span class="visuallyhidden">show menu</span>
|
||||||
|
</button>
|
||||||
|
<ul class="mdl-menu mdl-js-menu mdl-menu--bottom-right" for="menubtn">
|
||||||
|
<!--
|
||||||
|
<% if(theme.busuanzi.all_site_uv === true) { %>
|
||||||
|
<a class="index_share-link" href="#">
|
||||||
|
<li class="mdl-menu__item mdl-js-ripple-effect">
|
||||||
|
<span id="busuanzi_container_site_uv">
|
||||||
|
<span id="busuanzi_value_site_uv"></span> <%= __('post.views') %>
|
||||||
|
</span>
|
||||||
|
</li>
|
||||||
|
</a>
|
||||||
|
<% } %>
|
||||||
|
-->
|
||||||
|
|
||||||
|
<a class="index_share-link" href="/feed.xml">
|
||||||
|
<li class="mdl-menu__item mdl-js-ripple-effect">
|
||||||
|
RSS订阅
|
||||||
|
</li>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<#if options.theme_material_sns_share_weibo?if_exists=='true'>
|
||||||
|
<a class="post_share-link" href="http://service.weibo.com/share/share.php?appkey=&title=<%= page.title %>&url=<%= config.url + url_for(path) %>&pic=<%- config.url + theme.head.favicon %>&searchPic=false&style=simple" target="_blank">
|
||||||
|
<li class="mdl-menu__item">
|
||||||
|
分享到Weibo
|
||||||
|
</li>
|
||||||
|
</a>
|
||||||
|
</#if>
|
||||||
|
|
||||||
|
<!-- Share Twitter -->
|
||||||
|
<#if options.theme_material_sns_share_twitter?if_exists=='true'>
|
||||||
|
<a class="post_share-link" href="https://twitter.com/intent/tweet?text=<%= page.title %>&url=<%= config.url + url_for(path) %>&via=<%= config.author %>" target="_blank">
|
||||||
|
<li class="mdl-menu__item">
|
||||||
|
分享到Twitter
|
||||||
|
</li>
|
||||||
|
</a>
|
||||||
|
</#if>
|
||||||
|
|
||||||
|
<#if options.theme_material_sns_share_facebook?if_exists=='true'>
|
||||||
|
<a class="post_share-link" href="https://www.facebook.com/sharer/sharer.php?u=<%= config.url + url_for(path) %>" target="_blank">
|
||||||
|
<li class="mdl-menu__item">
|
||||||
|
分享到FaceBook
|
||||||
|
</li>
|
||||||
|
</a>
|
||||||
|
</#if>
|
||||||
|
|
||||||
|
<#if options.theme_material_sns_share_googleplus?if_exists=='true'>
|
||||||
|
<a class="post_share-link" href="https://plus.google.com/share?url=<%= config.url + url_for(path) %>" target="_blank">
|
||||||
|
<li class="mdl-menu__item">
|
||||||
|
分享到Google+
|
||||||
|
</li>
|
||||||
|
</a>
|
||||||
|
</#if>
|
||||||
|
|
||||||
|
<#if options.theme_material_sns_share_linkedin?if_exists=='true'>
|
||||||
|
<a class="post_share-link" href="https://www.linkedin.com/shareArticle?mini=true&url=<%- config.url + url_for(path) %>&title=<%= page.title %>" target="_blank">
|
||||||
|
<li class="mdl-menu__item">
|
||||||
|
分享到LinkedIn
|
||||||
|
</li>
|
||||||
|
</a>
|
||||||
|
</#if>
|
||||||
|
|
||||||
|
<!-- Share QQ -->
|
||||||
|
<#if options.theme_material_sns_share_qq?if_exists=='true'>
|
||||||
|
<a class="post_share-link" href="http://connect.qq.com/widget/shareqq/index.html?site=<%= config.title %>&title=<%= page.title %>&summary=<%= config.description %>&pics=<%- config.url + theme.head.favicon %>&url=<%- config.url + url_for(path) %>" target="_blank">
|
||||||
|
<li class="mdl-menu__item">
|
||||||
|
分享到QQ
|
||||||
|
</li>
|
||||||
|
</a>
|
||||||
|
</#if>
|
||||||
|
|
||||||
|
<#if options.theme_material_sns_share_telegram?if_exists=='true'>
|
||||||
|
<a class="post_share-link" href="https://telegram.me/share/url?url=<%- config.url + url_for(path) %>&text=<%= page.title %>" target="_blank">
|
||||||
|
<li class="mdl-menu__item">
|
||||||
|
分享到Telegram
|
||||||
|
</li>
|
||||||
|
</a>
|
||||||
|
</#if>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
@ -0,0 +1,17 @@
|
||||||
|
<#switch options.comment_system>
|
||||||
|
<#case "native">
|
||||||
|
<#include "../../../common/comment/_native_comment.ftl">
|
||||||
|
<#break >
|
||||||
|
<#case "valine">
|
||||||
|
<#include "../../../common/comment/_valine_comment.ftl">
|
||||||
|
<#break >
|
||||||
|
<#case "disqus">
|
||||||
|
<#include "../../../common/comment/_disqus_comment.ftl">
|
||||||
|
<#break >
|
||||||
|
<#case "livere">
|
||||||
|
<#include "../../../common/comment/_livere_comment.ftl">
|
||||||
|
<#break >
|
||||||
|
<#case "changyan">
|
||||||
|
<#include "../../../common/comment/_changyan_comment.ftl">
|
||||||
|
<#break >
|
||||||
|
</#switch>
|
||||||
|
|
@ -0,0 +1,127 @@
|
||||||
|
<!-- Config CSS -->
|
||||||
|
|
||||||
|
<!-- Other Styles -->
|
||||||
|
<style>
|
||||||
|
body, html {
|
||||||
|
font-family: Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
|
||||||
|
overflow-x: hidden !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
code {
|
||||||
|
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: ${options.theme_material_uiux_hyperlink_color?default("#00838F")};
|
||||||
|
}
|
||||||
|
|
||||||
|
.mdl-card__media,
|
||||||
|
#search-label,
|
||||||
|
#search-form-label:after,
|
||||||
|
#scheme-Paradox .hot_tags-count,
|
||||||
|
#scheme-Paradox .sidebar_archives-count,
|
||||||
|
#scheme-Paradox .sidebar-colored .sidebar-header,
|
||||||
|
#scheme-Paradox .sidebar-colored .sidebar-badge{
|
||||||
|
background-color: ${options.theme_material_uiux_theme_color?default("#0097A7")} !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Sidebar User Drop Down Menu Text Color */
|
||||||
|
#scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover,
|
||||||
|
#scheme-Paradox .sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
|
||||||
|
color: ${options.theme_material_uiux_theme_color?default("#0097A7")} !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#post_entry-right-info,
|
||||||
|
.sidebar-colored .sidebar-nav li:hover > a,
|
||||||
|
.sidebar-colored .sidebar-nav li:hover > a i,
|
||||||
|
.sidebar-colored .sidebar-nav li > a:hover,
|
||||||
|
.sidebar-colored .sidebar-nav li > a:hover i,
|
||||||
|
.sidebar-colored .sidebar-nav li > a:focus i,
|
||||||
|
.sidebar-colored .sidebar-nav > .open > a,
|
||||||
|
.sidebar-colored .sidebar-nav > .open > a:hover,
|
||||||
|
.sidebar-colored .sidebar-nav > .open > a:focus,
|
||||||
|
#ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {
|
||||||
|
color: ${options.theme_material_uiux_theme_color?default("#0097A7")} !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.toTop {
|
||||||
|
background: ${options.theme_material_uiux_button_color?default("#757575")} !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.material-layout .material-post>.material-nav,
|
||||||
|
.material-layout .material-index>.material-nav,
|
||||||
|
.material-nav a {
|
||||||
|
color: ${options.theme_material_uiux_button_color?default("#757575")};
|
||||||
|
}
|
||||||
|
|
||||||
|
#scheme-Paradox .MD-burger-layer {
|
||||||
|
background-color: ${options.theme_material_uiux_button_color?default("#757575")};
|
||||||
|
}
|
||||||
|
|
||||||
|
#scheme-Paradox #post-toc-trigger-btn {
|
||||||
|
color: ${options.theme_material_uiux_button_color?default("#757575")};
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-toc a:hover {
|
||||||
|
color: ${options.theme_material_uiux_hyperlink_color?default("#00838F")};
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Theme Background Related-->
|
||||||
|
<#if options.theme_material_background_bing?default('false')=="true">
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
background-color: ${options.theme_material_background_purecolor?default("#F5F5F5")};
|
||||||
|
}
|
||||||
|
|
||||||
|
/* blog_info bottom background */
|
||||||
|
#scheme-Paradox .material-layout .something-else .mdl-card__supporting-text {
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<#elseif !options.theme_material_background_bgimg??>
|
||||||
|
<style>
|
||||||
|
body{
|
||||||
|
background-color: ${options.theme_material_background_purecolor?default("#F5F5F5")};
|
||||||
|
}
|
||||||
|
|
||||||
|
/* blog_info bottom background */
|
||||||
|
#scheme-Paradox .material-layout .something-else .mdl-card__supporting-text{
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<#else >
|
||||||
|
<style>
|
||||||
|
body{
|
||||||
|
background-image: url(${options.theme_material_background_bgimg?if_exists});
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</#if>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Fade Effect -->
|
||||||
|
|
||||||
|
<#if options.theme_material_other_js_fade?default('true')=='true'>
|
||||||
|
<style>
|
||||||
|
.fade {
|
||||||
|
transition: all ${options.theme_material_uiux_nprogress_buffer?default('800')}ms linear;
|
||||||
|
-webkit-transform: translate3d(0,0,0);
|
||||||
|
-moz-transform: translate3d(0,0,0);
|
||||||
|
-ms-transform: translate3d(0,0,0);
|
||||||
|
-o-transform: translate3d(0,0,0);
|
||||||
|
transform: translate3d(0,0,0);
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fade.out{
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</#if>
|
||||||
|
|
||||||
|
<!-- Import Font -->
|
||||||
|
<#include "config_font.ftl">
|
||||||
|
|
@ -0,0 +1,85 @@
|
||||||
|
<!-- Import Roboto -->
|
||||||
|
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">
|
||||||
|
<!--
|
||||||
|
<% if(theme.fonts.use === "google") { %>
|
||||||
|
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">
|
||||||
|
<% } else if(theme.fonts.use === "ustc") { %>
|
||||||
|
<link href="https://fonts.proxy.ustclug.org/css?family=Roboto:300,400,500" rel="stylesheet">
|
||||||
|
<% } else if(theme.fonts.use === "custom") { %>
|
||||||
|
<link href="<%= theme.fonts.custom_font_host %>/css?family=Roboto:300,400,500" rel="stylesheet">
|
||||||
|
<% } else if(theme.fonts.use === "baomitu") { %>
|
||||||
|
<style>
|
||||||
|
@font-face {
|
||||||
|
font-family: Roboto;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 300;
|
||||||
|
src: url(https://lib.baomitu.com/fonts/roboto/roboto-v15-latin-300.eot);
|
||||||
|
src: local('Roboto'),local('Roboto-Normal'),url(https://lib.baomitu.com/fonts/roboto/roboto-v15-latin-300.eot?#iefix) format('embedded-opentype'),url(https://lib.baomitu.com/fonts/roboto/roboto-v15-latin-300.woff2) format('woff2'),url(https://lib.baomitu.com/fonts/roboto/roboto-v15-latin-300.woff) format('woff'),url(https://lib.baomitu.com/fonts/roboto/roboto-v15-latin-300.ttf) format('truetype'),url(https://lib.baomitu.com/fonts/roboto/roboto-v15-latin-300.svg#Roboto) format('svg')
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: Roboto;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: regular;
|
||||||
|
src: url(https://lib.baomitu.com/fonts/roboto/roboto-v15-latin-regular.eot);
|
||||||
|
src: local('Roboto'),local('Roboto-Normal'),url(https://lib.baomitu.com/fonts/roboto/roboto-v15-latin-regular.eot?#iefix) format('embedded-opentype'),url(https://lib.baomitu.com/fonts/roboto/roboto-v15-latin-regular.woff2) format('woff2'),url(https://lib.baomitu.com/fonts/roboto/roboto-v15-latin-regular.woff) format('woff'),url(https://lib.baomitu.com/fonts/roboto/roboto-v15-latin-regular.ttf) format('truetype'),url(https://lib.baomitu.com/fonts/roboto/roboto-v15-latin-regular.svg#Roboto) format('svg')
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: Roboto;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 500;
|
||||||
|
src: url(https://lib.baomitu.com/fonts/roboto/roboto-v15-latin-500.eot);
|
||||||
|
src: local('Roboto'),local('Roboto-Normal'),url(https://lib.baomitu.com/fonts/roboto/roboto-v15-latin-500.eot?#iefix) format('embedded-opentype'),url(https://lib.baomitu.com/fonts/roboto/roboto-v15-latin-500.woff2) format('woff2'),url(https://lib.baomitu.com/fonts/roboto/roboto-v15-latin-500.woff) format('woff'),url(https://lib.baomitu.com/fonts/roboto/roboto-v15-latin-500.ttf) format('truetype'),url(https://lib.baomitu.com/fonts/roboto/roboto-v15-latin-500.svg#Roboto) format('svg')
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<% } else if(theme.fonts.use === "catnet") { %>
|
||||||
|
<style>
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Roboto';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 300;
|
||||||
|
src: local('Roboto Light'), local('Roboto-Light'), url('https://cdnjs.cat.net/ajax/libs/mdui/0.2.1/fonts/roboto/Roboto-Light.woff2') format('woff2'), url('https://cdnjs.cat.net/ajax/libs/mdui/0.2.1/fonts/roboto/Roboto-Light.woff') format('woff');
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Roboto';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 300;
|
||||||
|
src: local('Roboto LightItalic'), local('Roboto-LightItalic'), url('https://cdnjs.cat.net/ajax/libs/mdui/0.2.1/fonts/roboto/Roboto-LightItalic.woff2') format('woff2'), url('https://cdnjs.cat.net/ajax/libs/mdui/0.2.1/fonts/roboto/Roboto-LightItalic.woff') format('woff');
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Roboto';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
src: local('Roboto Regular'), local('Roboto-Regular'), url('https://cdnjs.cat.net/ajax/libs/mdui/0.2.1/fonts/roboto/Roboto-Regular.woff2') format('woff2'), url('https://cdnjs.cat.net/ajax/libs/mdui/0.2.1/fonts/roboto/Roboto-Regular.woff') format('woff');
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Roboto';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 400;
|
||||||
|
src: local('Roboto RegularItalic'), local('Roboto-RegularItalic'), url('https://cdnjs.cat.net/ajax/libs/mdui/0.2.1/fonts/roboto/Roboto-RegularItalic.woff2') format('woff2'), url('https://cdnjs.cat.net/ajax/libs/mdui/0.2.1/fonts/roboto/Roboto-RegularItalic.woff') format('woff');
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Roboto';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 500;
|
||||||
|
src: local('Roboto Medium'), local('Roboto-Medium'), url('https://cdnjs.cat.net/ajax/libs/mdui/0.2.1/fonts/roboto/Roboto-Medium.woff2') format('woff2'), url('https://cdnjs.cat.net/ajax/libs/mdui/0.2.1/fonts/roboto/Roboto-Medium.woff') format('woff');
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Roboto';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 500;
|
||||||
|
src: local('Roboto MediumItalic'), local('Roboto-MediumItalic'), url('https://cdnjs.cat.net/ajax/libs/mdui/0.2.1/fonts/roboto/Roboto-MediumItalic.woff2') format('woff2'), url('https://cdnjs.cat.net/ajax/libs/mdui/0.2.1/fonts/roboto/Roboto-MediumItalic.woff') format('woff');
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<% } %>
|
||||||
|
-->
|
||||||
|
<!-- Import Material Icons -->
|
||||||
|
<!--
|
||||||
|
<% if(theme.vendors.materialcdn) { %>
|
||||||
|
<%- cssLsload({path:(theme.vendors.materialcdn + '/css/material-icons.css'),key:'material_icons'}) %>
|
||||||
|
<% } else { %>
|
||||||
|
<%- cssLsload({path:('css/material-icons.css'),key:'material_icons'}) %>
|
||||||
|
<% } %>
|
||||||
|
-->
|
||||||
|
<style id="material_icons"></style><script>if(typeof window.lsLoadCSSMaxNums === "undefined")window.lsLoadCSSMaxNums = 0;window.lsLoadCSSMaxNums++;lsloader.load("material_icons","/material/source/css/material-icons.css?pqhB/Rd/ab0H2+kZp0RDmw==",function(){if(typeof window.lsLoadCSSNums === "undefined")window.lsLoadCSSNums = 0;window.lsLoadCSSNums++;if(window.lsLoadCSSNums == window.lsLoadCSSMaxNums)document.documentElement.style.display="";}, false)</script>
|
||||||
|
|
@ -0,0 +1,20 @@
|
||||||
|
<!-- Daily pic -->
|
||||||
|
<div class="mdl-card mdl-shadow--${options.theme_material_uiux_card_elevation?default(2)}dp daily-pic mdl-cell mdl-cell--8-col index-top-block">
|
||||||
|
<!-- Pic & Slogan -->
|
||||||
|
<div class="mdl-card__media mdl-color-text--grey-50" style="background-image:url(${options.theme_material_daily_pic?default('/material/source/img/daily_pic.png')})">
|
||||||
|
<p class="index-top-block-slogan"><a href="#">
|
||||||
|
${options.theme_material_uiux_slogan?default("Hi,nice to meet you")}
|
||||||
|
</a></p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Avatar & Name -->
|
||||||
|
<div class="mdl-card__supporting-text meta mdl-color-text--grey-600">
|
||||||
|
<!-- Author Avatar -->
|
||||||
|
<div id="author-avatar">
|
||||||
|
<img src="${user.userAvatar?default('/material/source/img/avatar.png')}" width="32px" height="32px" alt="avatar">
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<strong>${user.userDisplayName?default('Material')}</strong>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
@ -0,0 +1,100 @@
|
||||||
|
<div class="mdl-mini-footer--left-section sns-list">
|
||||||
|
<!-- Twitter -->
|
||||||
|
<#if options.theme_material_sns_twitter?if_exists!="">
|
||||||
|
<a href="${options.theme_material_sns_twitter?if_exists}" target="_blank">
|
||||||
|
<button class="mdl-mini-footer--social-btn social-btn footer-sns-twitter">
|
||||||
|
<span class="visuallyhidden">Twitter</span>
|
||||||
|
</button>
|
||||||
|
</a>
|
||||||
|
</#if>
|
||||||
|
|
||||||
|
<!-- Facebook -->
|
||||||
|
<#if options.theme_material_sns_facebook?if_exists!="">
|
||||||
|
<a href="${options.theme_material_sns_facebook?if_exists}" target="_blank">
|
||||||
|
<button class="mdl-mini-footer--social-btn social-btn footer-sns-facebook">
|
||||||
|
<span class="visuallyhidden">Facebook</span>
|
||||||
|
</button>
|
||||||
|
</a>
|
||||||
|
</#if>
|
||||||
|
|
||||||
|
<!-- Google + -->
|
||||||
|
<#if options.theme_material_sns_googleplus?if_exists!="">
|
||||||
|
<a href="${options.theme_material_sns_googleplus?if_exists}" target="_blank">
|
||||||
|
<button class="mdl-mini-footer--social-btn social-btn footer-sns-gplus">
|
||||||
|
<span class="visuallyhidden">Google Plus</span>
|
||||||
|
</button>
|
||||||
|
</a>
|
||||||
|
</#if>
|
||||||
|
|
||||||
|
<#if options.theme_material_sns_weibo?if_exists!="">
|
||||||
|
<a href="${options.theme_material_sns_weibo?if_exists}" target="_blank">
|
||||||
|
<button class="mdl-mini-footer--social-btn social-btn footer-sns-weibo">
|
||||||
|
<span class="visuallyhidden">Weibo</span>
|
||||||
|
</button>
|
||||||
|
</a>
|
||||||
|
</#if>
|
||||||
|
|
||||||
|
<#if options.theme_material_sns_instagram?if_exists!="">
|
||||||
|
<a href="${options.theme_material_sns_instagram?if_exists}" target="_blank">
|
||||||
|
<button class="mdl-mini-footer--social-btn social-btn footer-sns-instagram">
|
||||||
|
<span class="visuallyhidden">Instagram</span>
|
||||||
|
</button>
|
||||||
|
</a>
|
||||||
|
</#if>
|
||||||
|
|
||||||
|
<#if options.theme_material_sns_tumblr?if_exists!="">
|
||||||
|
<a href="${options.theme_material_sns_tumblr?if_exists}" target="_blank">
|
||||||
|
<button class="mdl-mini-footer--social-btn social-btn footer-sns-tumblr">
|
||||||
|
<span class="visuallyhidden">Tumblr</span>
|
||||||
|
</button>
|
||||||
|
</a>
|
||||||
|
</#if>
|
||||||
|
|
||||||
|
<#if options.theme_material_sns_github?if_exists!="">
|
||||||
|
<a href="${options.theme_material_sns_github?if_exists}" target="_blank">
|
||||||
|
<button class="mdl-mini-footer--social-btn social-btn footer-sns-github">
|
||||||
|
<span class="visuallyhidden">Github</span>
|
||||||
|
</button>
|
||||||
|
</a>
|
||||||
|
</#if>
|
||||||
|
|
||||||
|
<#if options.theme_material_sns_linkedin?if_exists!="">
|
||||||
|
<a href="${options.theme_material_sns_linkedin?if_exists}" target="_blank">
|
||||||
|
<button class="mdl-mini-footer--social-btn social-btn footer-sns-linkedin">
|
||||||
|
<span class="visuallyhidden">LinkedIn</span>
|
||||||
|
</button>
|
||||||
|
</a>
|
||||||
|
</#if>
|
||||||
|
|
||||||
|
<#if options.theme_material_sns_zhihu?if_exists!="">
|
||||||
|
<a href="${options.theme_material_sns_zhihu?if_exists}" target="_blank">
|
||||||
|
<button class="mdl-mini-footer--social-btn social-btn footer-sns-zhihu">
|
||||||
|
<span class="visuallyhidden">Zhihu</span>
|
||||||
|
</button>
|
||||||
|
</a>
|
||||||
|
</#if>
|
||||||
|
|
||||||
|
<#if options.theme_material_sns_bilibili?if_exists!="">
|
||||||
|
<a href="${options.theme_material_sns_bilibili?if_exists}" target="_blank">
|
||||||
|
<button class="mdl-mini-footer--social-btn social-btn footer-sns-bilibili">
|
||||||
|
<span class="visuallyhidden">Bilibili</span>
|
||||||
|
</button>
|
||||||
|
</a>
|
||||||
|
</#if>
|
||||||
|
|
||||||
|
<#if options.theme_material_sns_telegram?if_exists!="">
|
||||||
|
<a href="${options.theme_material_sns_telegram?if_exists}" target="_blank">
|
||||||
|
<button class="mdl-mini-footer--social-btn social-btn footer-sns-telegram">
|
||||||
|
<span class="visuallyhidden">Telegram</span>
|
||||||
|
</button>
|
||||||
|
</a>
|
||||||
|
</#if>
|
||||||
|
|
||||||
|
<#if options.theme_material_sns_v2ex?if_exists!="">
|
||||||
|
<a href="${options.theme_material_sns_v2ex?if_exists}" target="_blank">
|
||||||
|
<button class="mdl-mini-footer--social-btn social-btn footer-sns-v2ex">
|
||||||
|
<span class="visuallyhidden">V2EX</span>
|
||||||
|
</button>
|
||||||
|
</a>
|
||||||
|
</#if>
|
||||||
|
</div>
|
||||||
|
|
@ -0,0 +1,31 @@
|
||||||
|
<!--Footer-->
|
||||||
|
<footer class="mdl-mini-footer" id="bottom">
|
||||||
|
<#if options.theme_material_scheme?if_exists == "Paradox">
|
||||||
|
<!-- Paradox Footer Left Section -->
|
||||||
|
<#include "footer-left.ftl">
|
||||||
|
|
||||||
|
<!--Copyright-->
|
||||||
|
<div id="copyright">
|
||||||
|
Copyright © 2016 -<script type="text/javascript">var fd = new Date();document.write(" " + fd.getFullYear() + " ");</script>${options.blog_title?if_exists}
|
||||||
|
<br>
|
||||||
|
${options.blog_footer?if_exists}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Paradox Footer Right Section -->
|
||||||
|
|
||||||
|
<!--
|
||||||
|
I am glad you use this theme, the development is no so easy, I hope you can keep the copyright.
|
||||||
|
It will not impact the appearance and can give developers a lot of support :)
|
||||||
|
|
||||||
|
很高兴您使用该主题，开发不易，希望您可以保留一下版权声明。
|
||||||
|
它不会影响美观并可以给开发者很大的支持。 :)
|
||||||
|
-->
|
||||||
|
|
||||||
|
<div class="mdl-mini-footer--right-section">
|
||||||
|
<div>
|
||||||
|
<div class="footer-develop-div">Powered by <a href="https://github.com/ruibaby/halo" target="_blank" class="footer-develop-a">Halo</a></div>
|
||||||
|
<div class="footer-develop-div">Theme - <a href="https://github.com/viosey/hexo-theme-material" target="_blank" class="footer-develop-a">Material</a></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</#if>
|
||||||
|
</footer>
|
||||||
|
|
@ -0,0 +1,5 @@
|
||||||
|
<div id="back-to-top" class="toTop-wrap">
|
||||||
|
<a href="#top" class="toTop">
|
||||||
|
<i class="material-icons footer_top-i">expand_less</i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
@ -0,0 +1,132 @@
|
||||||
|
<#macro head title="" keywords="" description="">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<!--
|
||||||
|
© Material Theme
|
||||||
|
https://github.com/viosey/hexo-theme-material
|
||||||
|
Version: 1.5.2 -->
|
||||||
|
<script>
|
||||||
|
window.materialVersion = "1.5.2";
|
||||||
|
// Delete localstorage with these tags
|
||||||
|
window.oldVersion = [
|
||||||
|
'codestartv1',
|
||||||
|
'1.3.4',
|
||||||
|
'1.4.0',
|
||||||
|
'1.4.0b1',
|
||||||
|
'1.5.0'
|
||||||
|
]
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<!-- dns prefetch -->
|
||||||
|
<#include "../_widget/dnsprefetch.ftl">
|
||||||
|
|
||||||
|
<!-- Meta & Info -->
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
|
||||||
|
<meta name="renderer" content="webkit">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
|
||||||
|
|
||||||
|
<!-- Title -->
|
||||||
|
<title>${title?default("null")}</title>
|
||||||
|
|
||||||
|
<!-- Favicons -->
|
||||||
|
<link rel="icon shortcut" type="image/ico" href="${options.theme_material_favicon?if_exists}">
|
||||||
|
<link rel="icon" href="${options.theme_material_high_res_favicon?if_exists}">
|
||||||
|
|
||||||
|
<meta name="format-detection" content="telephone=no"/>
|
||||||
|
<meta name="description" itemprop="description" content="${description}">
|
||||||
|
<meta name="keywords" content="${keywords?default('null')}">
|
||||||
|
<meta name="theme-color" content="${options.theme_material_footer_uiux_android_chrome_color?default('#0097a7')}">
|
||||||
|
|
||||||
|
<!-- Disable Fucking Bloody Baidu Tranformation -->
|
||||||
|
<meta http-equiv="Cache-Control" content="no-transform" />
|
||||||
|
<meta http-equiv="Cache-Control" content="no-siteapp" />
|
||||||
|
|
||||||
|
<!--[if lte IE 9]>
|
||||||
|
<link rel="stylesheet" href="/material/source/css/ie-blocker.css">
|
||||||
|
<script src="/material/source/js/ie-blocker.zhCN.js"></script>
|
||||||
|
<![endif]-->
|
||||||
|
|
||||||
|
<!-- Import lsloader -->
|
||||||
|
<script>(function(){window.lsloader={jsRunSequence:[],jsnamemap:{},cssnamemap:{}};lsloader.removeLS=function(a){try{localStorage.removeItem(a)}catch(b){}};lsloader.setLS=function(a,c){try{localStorage.setItem(a,c)}catch(b){}};lsloader.getLS=function(a){var c="";try{c=localStorage.getItem(a)}catch(b){c=""}return c};versionString="/*"+(window.materialVersion||"unknownVersion")+"*/";lsloader.clean=function(){try{var b=[];for(var a=0;a<localStorage.length;a++){b.push(localStorage.key(a))}b.forEach(function(e){var f=lsloader.getLS(e);if(window.oldVersion){var d=window.oldVersion.reduce(function(g,h){return g||f.indexOf("/*"+h+"*/")!==-1},false);if(d){lsloader.removeLS(e)}}})}catch(c){}};lsloader.clean();lsloader.load=function(f,a,b,d){if(typeof b==="boolean"){d=b;b=undefined}d=d||false;b=b||function(){};var e;e=this.getLS(f);if(e&&e.indexOf(versionString)===-1){this.removeLS(f);this.requestResource(f,a,b,d);return}if(e){var c=e.split(versionString)[0];if(c!=a){console.log("reload:"+a);this.removeLS(f);this.requestResource(f,a,b,d);return}e=e.split(versionString)[1];if(d){this.jsRunSequence.push({name:f,code:e});this.runjs(a,f,e)}else{document.getElementById(f).appendChild(document.createTextNode(e));b()}}else{this.requestResource(f,a,b,d)}};lsloader.requestResource=function(b,e,a,c){var d=this;if(c){this.iojs(e,b,function(h,f,g){d.setLS(f,h+versionString+g);d.runjs(h,f,g)})}else{this.iocss(e,b,function(f){document.getElementById(b).appendChild(document.createTextNode(f));d.setLS(b,e+versionString+f)},a)}};lsloader.iojs=function(d,b,g){var a=this;a.jsRunSequence.push({name:b,code:""});try{var f=new XMLHttpRequest();f.open("get",d,true);f.onreadystatechange=function(){if(f.readyState==4){if((f.status>=200&&f.status<300)||f.status==304){if(f.response!=""){g(d,b,f.response);return}}a.jsfallback(d,b)}};f.send(null)}catch(c){a.jsfallback(d,b)}};lsloader.iocss=function(f,c,h,a){var b=this;try{var g=new XMLHttpRequest();g.open("get",f,true);g.onreadystatechange=function(){if(g.readyState==4){if((g.status>=200&&g.status<300)||g.status==304){if(g.response!=""){h(g.response);a();return}}b.cssfallback(f,c,a)}};g.send(null)}catch(d){b.cssfallback(f,c,a)}};lsloader.iofonts=function(f,c,h,a){var b=this;try{var g=new XMLHttpRequest();g.open("get",f,true);g.onreadystatechange=function(){if(g.readyState==4){if((g.status>=200&&g.status<300)||g.status==304){if(g.response!=""){h(g.response);a();return}}b.cssfallback(f,c,a)}};g.send(null)}catch(d){b.cssfallback(f,c,a)}};lsloader.runjs=function(f,c,e){if(!!c&&!!e){for(var b in this.jsRunSequence){if(this.jsRunSequence[b].name==c){this.jsRunSequence[b].code=e}}}if(!!this.jsRunSequence[0]&&!!this.jsRunSequence[0].code&&this.jsRunSequence[0].status!="failed"){var a=document.createElement("script");a.appendChild(document.createTextNode(this.jsRunSequence[0].code));a.type="text/javascript";document.getElementsByTagName("head")[0].appendChild(a);this.jsRunSequence.shift();if(this.jsRunSequence.length>0){this.runjs()}}else{if(!!this.jsRunSequence[0]&&this.jsRunSequence[0].status=="failed"){var d=this;var a=document.createElement("script");a.src=this.jsRunSequence[0].path;a.type="text/javascript";this.jsRunSequence[0].status="loading";a.onload=function(){d.jsRunSequence.shift();if(d.jsRunSequence.length>0){d.runjs()}};document.body.appendChild(a)}}};lsloader.tagLoad=function(b,a){this.jsRunSequence.push({name:a,code:"",path:b,status:"failed"});this.runjs()};lsloader.jsfallback=function(c,b){if(!!this.jsnamemap[b]){return}else{this.jsnamemap[b]=b}for(var a in this.jsRunSequence){if(this.jsRunSequence[a].name==b){this.jsRunSequence[a].code="";this.jsRunSequence[a].status="failed";this.jsRunSequence[a].path=c}}this.runjs()};lsloader.cssfallback=function(e,c,b){if(!!this.cssnamemap[c]){return}else{this.cssnamemap[c]=1}var d=document.createElement("link");d.type="text/css";d.href=e;d.rel="stylesheet";d.onload=d.onerror=b;var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(d,a)};lsloader.runInlineScript=function(c,b){var a=document.getElementById(b).innerText;this.jsRunSequence.push({name:c,code:a});this.runjs()}})();</script>
|
||||||
|
|
||||||
|
<!-- Import queue -->
|
||||||
|
<script>function Queue(){this.dataStore=[];this.offer=b;this.poll=d;this.execNext=a;this.debug=false;this.startDebug=c;function b(e){if(this.debug){console.log("Offered a Queued Function.")}if(typeof e==="function"){this.dataStore.push(e)}else{console.log("You must offer a function.")}}function d(){if(this.debug){console.log("Polled a Queued Function.")}return this.dataStore.shift()}function a(){var e=this.poll();if(e!==undefined){if(this.debug){console.log("Run a Queued Function.")}e()}}function c(){this.debug=true}}var queue=new Queue();</script>
|
||||||
|
|
||||||
|
<!-- Import CSS -->
|
||||||
|
<style id="material_css"></style><script>if(typeof window.lsLoadCSSMaxNums === "undefined")window.lsLoadCSSMaxNums = 0;window.lsLoadCSSMaxNums++;lsloader.load("material_css","/material/source/css/material.min.css?Z7a72R1E4SxzBKR/WGctOA==",function(){if(typeof window.lsLoadCSSNums === "undefined")window.lsLoadCSSNums = 0;window.lsLoadCSSNums++;if(window.lsLoadCSSNums == window.lsLoadCSSMaxNums)document.documentElement.style.display="";}, false)</script>
|
||||||
|
<style id="style_css"></style><script>if(typeof window.lsLoadCSSMaxNums === "undefined")window.lsLoadCSSMaxNums = 0;window.lsLoadCSSMaxNums++;lsloader.load("style_css","/material/source/css/style.min.css?MKetZV3cUTfDxvMffaOezg==",function(){if(typeof window.lsLoadCSSNums === "undefined")window.lsLoadCSSNums = 0;window.lsLoadCSSNums++;if(window.lsLoadCSSNums == window.lsLoadCSSMaxNums)document.documentElement.style.display="";}, false)</script>
|
||||||
|
|
||||||
|
<#if options.theme_material_scheme?default('Paradox') == "Isolation">
|
||||||
|
<link rel="stylesheet" href="/material/source/css/fontawesome.min.css">
|
||||||
|
</#if>
|
||||||
|
|
||||||
|
<#include "../_partial/config_css.ftl">
|
||||||
|
|
||||||
|
<!-- Import jQuery -->
|
||||||
|
<script>lsloader.load("jq_js","/material/source/js/jquery.min.js?qcusAULNeBksqffqUM2+Ig==", true)</script>
|
||||||
|
|
||||||
|
<!-- WebAPP Icons -->
|
||||||
|
<meta name="mobile-web-app-capable" content="yes">
|
||||||
|
<meta name="application-name" content="${title?default('null')}">
|
||||||
|
<meta name="msapplication-starturl" content="https://ryanc.cc/">
|
||||||
|
<meta name="msapplication-navbutton-color" content="${options.theme_material_footer_uiux_android_chrome_color?default('#0097a7')}">
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
|
<meta name="apple-mobile-web-app-title" content="${title?default('null')}">
|
||||||
|
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||||||
|
<link rel="apple-touch-icon" href="${options.theme_material_apple_touch_icon?if_exists}">
|
||||||
|
|
||||||
|
<!-- Site Verification -->
|
||||||
|
|
||||||
|
<meta name="google-site-verification" content="${options.theme_material_google_site_verification?if_exists}" />
|
||||||
|
<meta name="baidu-site-verification" content="${options.theme_material_baidu_site_verification?if_exists}" />
|
||||||
|
|
||||||
|
<!-- RSS -->
|
||||||
|
<link rel=alternate type="application/atom+xml" href="/atom.xml">
|
||||||
|
|
||||||
|
<!-- The Open Graph protocol -->
|
||||||
|
<meta property="og:url" content="">
|
||||||
|
<meta property="og:type" content="blog">
|
||||||
|
<meta property="og:title" content="${title?default('null')}">
|
||||||
|
<meta property="og:image" content="${options.theme_material_high_res_favicon?if_exists}">
|
||||||
|
<meta property="og:description" content="${keywords?default('null')}">
|
||||||
|
|
||||||
|
<!-- The Twitter Card protocol -->
|
||||||
|
<meta name="twitter:card" content="summary_large_image">
|
||||||
|
|
||||||
|
<!-- Add canonical link for SEO -->
|
||||||
|
<!--
|
||||||
|
<% if( (page.current === 1) && (is_home()) ) { %>
|
||||||
|
<link rel="canonical" href="<%- config.url %>" />
|
||||||
|
<% } else { %>
|
||||||
|
<link rel="canonical" href="<%- config.url + url_for(path) %>" />
|
||||||
|
<% } %>
|
||||||
|
|
||||||
|
<!-- Structured-data for SEO -->
|
||||||
|
<!--
|
||||||
|
<% if(theme.head.structured_data === true) { %>
|
||||||
|
<%- partial('_partial/structured-data') %>
|
||||||
|
<% } %>
|
||||||
|
-->
|
||||||
|
|
||||||
|
<!-- Analytics -->
|
||||||
|
<!--
|
||||||
|
<% if(theme.analytics.google_site_id) { %>
|
||||||
|
<%- partial('_widget/analytics/google-analytics') %>
|
||||||
|
<% } %>
|
||||||
|
<% if(theme.analytics.baidu_site_id) { %>
|
||||||
|
<%- partial('_widget/analytics/baidu-analytics') %>
|
||||||
|
<% } %>
|
||||||
|
<% if(theme.analytics.cnzz_site_id) { %>
|
||||||
|
<%- partial('_widget/analytics/cnzz-analytics') %>
|
||||||
|
<% } %>
|
||||||
|
-->
|
||||||
|
<!-- Custom Head -->
|
||||||
|
<!--
|
||||||
|
<% if (site.data.head) { %>
|
||||||
|
<% for (var i in site.data.head) { %>
|
||||||
|
<%- site.data.head[i] %>
|
||||||
|
<% } %>
|
||||||
|
<% } %>
|
||||||
|
-->
|
||||||
|
</head>
|
||||||
|
</#macro>
|
||||||
|
|
@ -0,0 +1,99 @@
|
||||||
|
<!-- Import JS File -->
|
||||||
|
<script>lsloader.load("lazyload_js","/material/source/js/lazyload.min.js?1BcfzuNXqV+ntF6gq+5X3Q==", true)</script>
|
||||||
|
<script>lsloader.load("js_js","/material/source/js/js.min.js?V/53wGualMuiPM3xoetD5Q==", true)</script>
|
||||||
|
|
||||||
|
<#include "../_widget/nprogress.ftl">
|
||||||
|
<#if options.theme_material_other_js_smoothscroll?default('true')=='true'>
|
||||||
|
<script>lsloader.load("sm_js","/material/source/js/smoothscroll.js?lOy/ACj5suSNi7ZVFVbpFQ==", true)</script>
|
||||||
|
</#if>
|
||||||
|
<#include "footer-option.ftl">
|
||||||
|
<!-- UC Browser Compatible -->
|
||||||
|
<script>
|
||||||
|
var agent = navigator.userAgent.toLowerCase();
|
||||||
|
if(agent.indexOf('ucbrowser')>0) {
|
||||||
|
document.write('<%- css("css/uc") %>');
|
||||||
|
alert('由于 UC 浏览器使用极旧的内核，而本网站使用了一些新的特性。\n为了您能更好的浏览，推荐使用 Chrome 或 Firefox 浏览器。');
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<!-- Import prettify js -->
|
||||||
|
<!--
|
||||||
|
<% if (theme.prettify.enable){ %>
|
||||||
|
<% if ( (is_post()) ) { %>
|
||||||
|
<% if(theme.vendors.prettify) { %>
|
||||||
|
<%- jsLsload({path:(theme.vendors.prettify),key:'prettify_js'}) %>
|
||||||
|
<% } else if(theme.vendors.materialcdn) { %>
|
||||||
|
<%- jsLsload({path:(theme.vendors.materialcdn + '/js/prettify.min.js'),key:'prettify_js'}) %>
|
||||||
|
<% } else { %>
|
||||||
|
<%- jsLsload({path:('js/prettify.min.js'),key:'prettify_js'}) %>
|
||||||
|
<% } %>
|
||||||
|
<% } %>
|
||||||
|
<% } %>
|
||||||
|
<% if (theme.hanabi.enable) { %>
|
||||||
|
<% if(theme.vendors.materialcdn) { %>
|
||||||
|
<%- jsLsload({path:(theme.vendors.materialcdn + '/js/hanabi-browser-bundle.js'),key:'hanabi'}) %>
|
||||||
|
<% } else { %>
|
||||||
|
<%- jsLsload({path:('js/hanabi-browser-bundle.js'),key:'hanabi'}) %>
|
||||||
|
<% } %>
|
||||||
|
<% } %>
|
||||||
|
-->
|
||||||
|
<!-- Window Load -->
|
||||||
|
<!-- add class for prettify -->
|
||||||
|
<script type="text/ls-javascript" id="window-load">
|
||||||
|
$(window).on('load', function() {
|
||||||
|
// Post_Toc parent position fixed
|
||||||
|
$('.post-toc-wrap').parent('.mdl-menu__container').css('position', 'fixed');
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<!-- MathJax Load-->
|
||||||
|
<!--
|
||||||
|
<% if (page.mathjax) { %>
|
||||||
|
<%- partial('_widget/mathjax') %>
|
||||||
|
<% } %>
|
||||||
|
-->
|
||||||
|
|
||||||
|
<!-- Bing Background -->
|
||||||
|
<#if options.theme_material_background_bing?default('false')=="true">
|
||||||
|
<script type="text/ls-javascript" id="Bing-Background-script">
|
||||||
|
queue.offer(function(){
|
||||||
|
$('body').attr('data-original', 'https://api.i-meto.com/bing');
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</#if>
|
||||||
|
|
||||||
|
<script type="text/ls-javascript" id="lazy-load">
|
||||||
|
// Offer LazyLoad
|
||||||
|
queue.offer(function(){
|
||||||
|
$('.lazy').lazyload({
|
||||||
|
effect : 'show'
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
// Start Queue
|
||||||
|
$(document).ready(function(){
|
||||||
|
setInterval(function(){
|
||||||
|
queue.execNext();
|
||||||
|
},200);
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<!-- Custom Footer -->
|
||||||
|
<!--
|
||||||
|
<% if (site.data.footer) { %>
|
||||||
|
<% for (var i in site.data.footer) { %>
|
||||||
|
<%- site.data.footer[i] %>
|
||||||
|
<% } %>
|
||||||
|
<% } %>
|
||||||
|
-->
|
||||||
|
<script>
|
||||||
|
(function(){
|
||||||
|
var scriptList = document.querySelectorAll('script[type="text/ls-javascript"]')
|
||||||
|
|
||||||
|
for (var i = 0; i < scriptList.length; ++i) {
|
||||||
|
var item = scriptList[i];
|
||||||
|
lsloader.runInlineScript(item.id,item.id);
|
||||||
|
}
|
||||||
|
})()
|
||||||
|
console.log('\n %c © Material Theme | Version: 1.5.2 | https://github.com/viosey/hexo-theme-material %c \n', 'color:#455a64;background:#e0e0e0;padding:5px 0;border-top-left-radius:5px;border-bottom-left-radius:5px;', 'color:#455a64;background:#e0e0e0;padding:5px 0;border-top-right-radius:5px;border-bottom-right-radius:5px;');
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,29 @@
|
||||||
|
<#macro nav url="">
|
||||||
|
<#if posts.totalPages gt 1 >
|
||||||
|
<nav class="material-nav mdl-cell mdl-cell--12-col">
|
||||||
|
<#if posts.hasPrevious()>
|
||||||
|
<#if posts.number == 1>
|
||||||
|
<a class="extend prev" rel="prev" href="${url}">
|
||||||
|
<button class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon">
|
||||||
|
<i class="material-icons" role="presentation">arrow_back</i>
|
||||||
|
</button>
|
||||||
|
</a>
|
||||||
|
<#else >
|
||||||
|
<a class="extend prev" rel="prev" href="${url}page/${posts.number}">
|
||||||
|
<button class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon">
|
||||||
|
<i class="material-icons" role="presentation">arrow_back</i>
|
||||||
|
</button>
|
||||||
|
</a>
|
||||||
|
</#if>
|
||||||
|
</#if>
|
||||||
|
<span class="page-number current">${posts.number+1}</span>
|
||||||
|
<#if posts.hasNext()>
|
||||||
|
<a class="extend next" rel="next" href="${url}page/${posts.number+2}">
|
||||||
|
<button class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon">
|
||||||
|
<i class="material-icons" role="presentation">arrow_forward</i>
|
||||||
|
</button>
|
||||||
|
</a>
|
||||||
|
</#if>
|
||||||
|
</nav>
|
||||||
|
</#if>
|
||||||
|
</#macro>
|
||||||
|
|
@ -0,0 +1,63 @@
|
||||||
|
<div class="header-item header-sns_list">
|
||||||
|
<!-- Twitter -->
|
||||||
|
<#if options.theme_material_sns_twitter??>
|
||||||
|
<a href="${options.theme_material_sns_twitter}" target="_blank">
|
||||||
|
<i class="fa fa-twitter fa-lg" aria-hidden="true"></i>
|
||||||
|
</a>
|
||||||
|
</#if>
|
||||||
|
<!-- Facebook -->
|
||||||
|
<#if options.theme_material_sns_facebook??>
|
||||||
|
<a href="${options.theme_material_sns_facebook}" target="_blank">
|
||||||
|
<i class="fa fa-facebook fa-lg" aria-hidden="true"></i>
|
||||||
|
</a>
|
||||||
|
</#if>
|
||||||
|
|
||||||
|
<!-- Google + -->
|
||||||
|
<#if options.theme_material_sns_googleplus??>
|
||||||
|
<a href="${options.theme_material_sns_googleplus}" target="_blank">
|
||||||
|
<i class="fa fa-google-plus fa-lg" aria-hidden="true"></i>
|
||||||
|
</a>
|
||||||
|
</#if>
|
||||||
|
|
||||||
|
<!-- Weibo -->
|
||||||
|
<#if options.theme_material_sns_weibo??>
|
||||||
|
<a href="${options.theme_material_sns_weibo}" target="_blank">
|
||||||
|
<i class="fa fa-weibo fa-lg" aria-hidden="true"></i>
|
||||||
|
</a>
|
||||||
|
</#if>
|
||||||
|
|
||||||
|
<!-- Instagram -->
|
||||||
|
<#if options.theme_material_sns_instagram??>
|
||||||
|
<a href="${options.theme_material_sns_instagram}" target="_blank">
|
||||||
|
<i class="fa fa-instagram fa-lg" aria-hidden="true"></i>
|
||||||
|
</a>
|
||||||
|
</#if>
|
||||||
|
|
||||||
|
<!-- Tumblr -->
|
||||||
|
<#if options.theme_material_sns_tumblr??>
|
||||||
|
<a href="${options.theme_material_sns_tumblr}" target="_blank">
|
||||||
|
<i class="fa fa-tumblr fa-lg" aria-hidden="true"></i>
|
||||||
|
</a>
|
||||||
|
</#if>
|
||||||
|
|
||||||
|
<!-- Github -->
|
||||||
|
<#if options.theme_material_sns_github??>
|
||||||
|
<a href="${options.theme_material_sns_github}" target="_blank">
|
||||||
|
<i class="fa fa-github fa-lg" aria-hidden="true"></i>
|
||||||
|
</a>
|
||||||
|
</#if>
|
||||||
|
|
||||||
|
<!-- LinkedIn -->
|
||||||
|
<#if options.theme_material_sns_linkedin??>
|
||||||
|
<a href="${options.theme_material_sns_linkedin}" target="_blank">
|
||||||
|
<i class="fa fa-linkedin fa-lg" aria-hidden="true"></i>
|
||||||
|
</a>
|
||||||
|
</#if>
|
||||||
|
|
||||||
|
<!-- Telegram -->
|
||||||
|
<#if options.theme_material_sns_zhihu??>
|
||||||
|
<a href="${options.theme_material_sns_zhihu}" target="_blank">
|
||||||
|
<i class="fa fa-telegram fa-lg" aria-hidden="true"></i>
|
||||||
|
</a>
|
||||||
|
</#if>
|
||||||
|
</div>
|
||||||
|
|
@ -0,0 +1,76 @@
|
||||||
|
<header class="header">
|
||||||
|
<div class="header-wrapper">
|
||||||
|
<!-- Header Copyright -->
|
||||||
|
<div class="header-copyright">
|
||||||
|
<div class="header-blog">
|
||||||
|
©
|
||||||
|
<script type="text/javascript">
|
||||||
|
var fd = new Date();
|
||||||
|
document.write(fd.getFullYear());
|
||||||
|
</script>
|
||||||
|
${options.blog_title?if_exists}
|
||||||
|
</div>
|
||||||
|
<!--
|
||||||
|
I'm glad you use this theme, the development is no so easy, I hope you can keep the copyright.
|
||||||
|
It will not impact the appearance and can give developers a lot of support :)
|
||||||
|
|
||||||
|
很高兴您使用该主题，开发不易，希望您可以保留一下版权声明。
|
||||||
|
它不会影响美观并可以给开发者很大的支持。 :)
|
||||||
|
-->
|
||||||
|
<div>
|
||||||
|
Powered by <a href="https://github.com/ruibaby/halo.git" target="_blank" class="footer-develop-a">Halo</a>
|
||||||
|
<br>
|
||||||
|
Theme - <a href="https://github.com/viosey/hexo-theme-material" target="_blank" class="footer-develop-a">Material</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Header Title -->
|
||||||
|
<span class="header-title header-item">
|
||||||
|
<a href="/" title="<%= config.title %>">
|
||||||
|
${options.blog_title?if_exists}
|
||||||
|
</a>
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<p class="header-slogan header-item">
|
||||||
|
${options.theme_material_uiux_slogan?default("Hi,nice to meet you")}
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<!-- Header Nav -->
|
||||||
|
<nav class="header-nav header-item">
|
||||||
|
<span class="header-nav-item">
|
||||||
|
<a href="/" title="Home">
|
||||||
|
<span>主页</span>
|
||||||
|
</a>
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<!-- Pages -->
|
||||||
|
|
||||||
|
<span class="header-nav-item">
|
||||||
|
<a href="/tags" title="标签">
|
||||||
|
<span>标签</span>
|
||||||
|
</a>
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<span class="header-nav-item">
|
||||||
|
<a href="/gallery" title="图库">
|
||||||
|
<span>图库</span>
|
||||||
|
</a>
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<span class="header-nav-item">
|
||||||
|
<a href="/links" title="友链">
|
||||||
|
<span>友链</span>
|
||||||
|
</a>
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<span class="header-nav-item">
|
||||||
|
<a href="/about" title="关于">
|
||||||
|
<span>关于</span>
|
||||||
|
</a>
|
||||||
|
</span>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<!-- Header SNS -->
|
||||||
|
<#include "isolate-sns_list.ftl">
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
@ -0,0 +1,32 @@
|
||||||
|
<div id="post-content" class="mdl-color-text--grey-700 mdl-card__supporting-text fade out">
|
||||||
|
<#if options.theme_material_scheme?if_exists == "Paradox">
|
||||||
|
${post.postContent?if_exists}
|
||||||
|
<#if options.theme_material_other_post_license??>
|
||||||
|
<blockquote style="margin: 2em 0 0;padding: 0.5em 1em;border-left: 3px solid #F44336;background-color: #F5F5F5;list-style: none;">
|
||||||
|
<p>
|
||||||
|
<strong>${options.theme_material_other_post_license?if_exists}</strong>
|
||||||
|
<br>
|
||||||
|
<strong>本文链接：</strong><a href="${options.blog_url?if_exists}/article/${post.postUrl}">${options.blog_url?if_exists}/article/${post.postUrl}</a>
|
||||||
|
</p>
|
||||||
|
</blockquote>
|
||||||
|
</#if>
|
||||||
|
</#if>
|
||||||
|
|
||||||
|
<#if options.theme_material_scheme?if_exists == "Isolation">
|
||||||
|
<div class="post-content_wrapper">
|
||||||
|
<p class="post-title">
|
||||||
|
${post.postTitle?if_exists}
|
||||||
|
</p>
|
||||||
|
${post.postContent?if_exists}
|
||||||
|
<#if options.theme_material_other_post_license??>
|
||||||
|
<blockquote>
|
||||||
|
<p>
|
||||||
|
<strong>${options.theme_material_other_post_license?if_exists}</strong>
|
||||||
|
<br>
|
||||||
|
<strong>本文链接：</strong><a href="${options.blog_url?if_exists}/article/${post.postUrl}">${options.blog_url?if_exists}/article/${post.postUrl}</a>
|
||||||
|
</p>
|
||||||
|
</blockquote>
|
||||||
|
</#if>
|
||||||
|
</div>
|
||||||
|
</#if>
|
||||||
|
</div>
|
||||||
|
|
@ -0,0 +1,21 @@
|
||||||
|
<#if options.theme_material_scheme?if_exists == "Paradox">
|
||||||
|
<!-- Paradox Post Header -->
|
||||||
|
<!-- Random Thumbnail -->
|
||||||
|
<div class="post_thumbnail-random mdl-card__media mdl-color-text--grey-50">
|
||||||
|
<script type="text/ls-javascript" id="post-thumbnail-script">
|
||||||
|
var randomNum = Math.floor(Math.random() * 19 + 1);
|
||||||
|
$('.post_thumbnail-random').attr('data-original', '/material/source/img/random/material-' + randomNum + '.png');
|
||||||
|
$('.post_thumbnail-random').addClass('lazy');
|
||||||
|
</script>
|
||||||
|
<p class="article-headline-p">
|
||||||
|
${post.postTitle}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</#if>
|
||||||
|
<#if options.theme_material_scheme?if_exists == "Isolation">
|
||||||
|
<div class="post-header_info without-thumbnail">
|
||||||
|
<!-- Author Avatar & Name -->
|
||||||
|
<img src="${user.userAvatar?default('/material/source/img/avatar.png')}" class="avatar-img" width="44px" height="44px" alt="${user.userDisplayName?default('halo')}'s avatar">
|
||||||
|
<span class="name-span">${user.userDisplayName?default('halo')}</span>
|
||||||
|
</div>
|
||||||
|
</#if>
|
||||||
|
|
@ -0,0 +1,68 @@
|
||||||
|
<button id="article-fuctions-share-button" class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon">
|
||||||
|
<i class="material-icons" role="presentation">share</i>
|
||||||
|
<span class="visuallyhidden">share</span>
|
||||||
|
</button>
|
||||||
|
<ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="article-fuctions-share-button">
|
||||||
|
<!-- Share Weibo -->
|
||||||
|
<#if options.theme_material_sns_share_weibo?if_exists=='true'>
|
||||||
|
<a class="post_share-link" href="http://service.weibo.com/share/share.php?appkey=&title=${post.postTitle}&url=${options.blog_url}/archives/${post.postUrl}&pic=&searchPic=false&style=simple" target="_blank">
|
||||||
|
<li class="mdl-menu__item">
|
||||||
|
分享到Weibo
|
||||||
|
</li>
|
||||||
|
</a>
|
||||||
|
</#if>
|
||||||
|
|
||||||
|
<!-- Share Twitter -->
|
||||||
|
<#if options.theme_material_sns_share_twitter?if_exists=='true'>
|
||||||
|
<a class="post_share-link" href="https://twitter.com/intent/tweet?text=${post.postTitle}&url=<${post.postTitle}&url=${options.blog_url}/archives/${post.postUrl}&via=${user.userDisplayName?default('none')}" target="_blank">
|
||||||
|
<li class="mdl-menu__item">
|
||||||
|
分享到Twitter
|
||||||
|
</li>
|
||||||
|
</a>
|
||||||
|
</#if>
|
||||||
|
|
||||||
|
<!-- Share Facebook -->
|
||||||
|
<#if options.theme_material_sns_share_facebook?if_exists=='true'>
|
||||||
|
<a class="post_share-link" href="https://www.facebook.com/sharer/sharer.php?u=${options.blog_url}/archives/${post.postUrl}" target="_blank">
|
||||||
|
<li class="mdl-menu__item">
|
||||||
|
分享到FaceBook
|
||||||
|
</li>
|
||||||
|
</a>
|
||||||
|
</#if>
|
||||||
|
|
||||||
|
<!-- Share Google+ -->
|
||||||
|
<#if options.theme_material_sns_share_googleplus?if_exists=='true'>
|
||||||
|
<a class="post_share-link" href="https://plus.google.com/share?url=${options.blog_url}/archives/${post.postUrl}" target="_blank">
|
||||||
|
<li class="mdl-menu__item">
|
||||||
|
分享到Google+
|
||||||
|
</li>
|
||||||
|
</a>
|
||||||
|
</#if>
|
||||||
|
|
||||||
|
<!-- Share LinkedIn -->
|
||||||
|
<#if options.theme_material_sns_share_linkedin?if_exists=='true'>
|
||||||
|
<a class="post_share-link" href="https://www.linkedin.com/shareArticle?mini=true&url=${options.blog_url}/archives/${post.postUrl}&title=${post.postTitle}" target="_blank">
|
||||||
|
<li class="mdl-menu__item">
|
||||||
|
分享到LinkedIn
|
||||||
|
</li>
|
||||||
|
</a>
|
||||||
|
</#if>
|
||||||
|
|
||||||
|
<!-- Share QQ -->
|
||||||
|
<#if options.theme_material_sns_share_qq?if_exists=='true'>
|
||||||
|
<a class="post_share-link" href="http://connect.qq.com/widget/shareqq/index.html?site=${options.blog_title}&title=${post.postTitle}&summary=${post.postSummary?if_exists}&pics=&url=${options.blog_url}/archives/${post.postUrl}" target="_blank">
|
||||||
|
<li class="mdl-menu__item">
|
||||||
|
分享到QQ
|
||||||
|
</li>
|
||||||
|
</a>
|
||||||
|
</#if>
|
||||||
|
|
||||||
|
<!-- Share Telegram -->
|
||||||
|
<#if options.theme_material_sns_share_telegram?if_exists=='true'>
|
||||||
|
<a class="post_share-link" href="https://telegram.me/share/url?url=${options.blog_url}/archives/${post.postUrl}&text=${post.postTitle}" target="_blank">
|
||||||
|
<li class="mdl-menu__item">
|
||||||
|
分享到Telegram
|
||||||
|
</li>
|
||||||
|
</a>
|
||||||
|
</#if>
|
||||||
|
</ul>
|
||||||
|
|
@ -0,0 +1,26 @@
|
||||||
|
<nav class="material-nav mdl-color-text--grey-50 mdl-cell mdl-cell--12-col">
|
||||||
|
|
||||||
|
<!-- Prev Nav -->
|
||||||
|
<#if afterPost??>
|
||||||
|
<a href="/archives/${afterPost.postUrl?if_exists}" id="post_nav-newer" class="prev-content">
|
||||||
|
<button class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon mdl-color--white mdl-color-text--grey-900" role="presentation">
|
||||||
|
<i class="material-icons">arrow_back</i>
|
||||||
|
</button>
|
||||||
|
|
||||||
|
新篇
|
||||||
|
</a>
|
||||||
|
</#if>
|
||||||
|
<!-- Section Spacer -->
|
||||||
|
<div class="section-spacer"></div>
|
||||||
|
|
||||||
|
<!-- Next Nav -->
|
||||||
|
<#if beforePost??>
|
||||||
|
<a href="/archives/${beforePost.postUrl?if_exists}" id="post_nav-older" class="next-content">
|
||||||
|
旧篇
|
||||||
|
|
||||||
|
<button class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon mdl-color--white mdl-color-text--grey-900" role="presentation">
|
||||||
|
<i class="material-icons">arrow_forward</i>
|
||||||
|
</button>
|
||||||
|
</a>
|
||||||
|
</#if>
|
||||||
|
</nav>
|
||||||
|
|
@ -0,0 +1,33 @@
|
||||||
|
<!-- Sidebar Footer -->
|
||||||
|
<!--
|
||||||
|
I'm glad you use this theme, the development is no so easy, I hope you can keep the copyright, I will thank you so much.
|
||||||
|
If you still want to delete the copyrights, could you still retain the first one? Which namely "Theme Material"
|
||||||
|
It will not impact the appearance and can give developers a lot of support :)
|
||||||
|
|
||||||
|
很高兴您使用并喜欢该主题，开发不易 十分谢谢与希望您可以保留一下版权声明。
|
||||||
|
如果您仍然想删除的话 能否只保留第一项呢？即 "Theme Material"
|
||||||
|
它不会影响美观并可以给开发者很大的支持和动力。 :)
|
||||||
|
-->
|
||||||
|
<!-- Sidebar Divider -->
|
||||||
|
<div class="sidebar-divider"></div>
|
||||||
|
<!-- Theme Material -->
|
||||||
|
<a href="https://github.com/viosey/hexo-theme-material" class="sidebar-footer-text-a" target="_blank">
|
||||||
|
<div class="sidebar-text mdl-button mdl-js-button mdl-js-ripple-effect sidebar-footer-text-div" data-upgraded=",MaterialButton,MaterialRipple">
|
||||||
|
主题 - Material
|
||||||
|
<span class="sidebar-badge badge-circle">i</span>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<!-- Help & Support -->
|
||||||
|
<!--
|
||||||
|
|
||||||
|
-->
|
||||||
|
|
||||||
|
<!-- Feedback -->
|
||||||
|
<!--
|
||||||
|
|
||||||
|
-->
|
||||||
|
|
||||||
|
<!-- About Theme -->
|
||||||
|
<!--
|
||||||
|
|
||||||
|
-->
|
||||||
|
|
@ -0,0 +1,6 @@
|
||||||
|
<!-- Sidebar Image -->
|
||||||
|
<span id="footer-image">
|
||||||
|
<a href="https://www.upyun.com/" target="_blank" title="upyun_logo">
|
||||||
|
<img src="/material/source/img/upyun_logo.svg" alt="upyun_logo"><!--
|
||||||
|
--></a>
|
||||||
|
</span>
|
||||||
|
|
@ -0,0 +1,24 @@
|
||||||
|
<div class="sidebar-header header-cover" style="background-image: url(${options.theme_material_sidebar_header?default('/material/source/img/sidebar_header.png')});">
|
||||||
|
<!-- Top bar -->
|
||||||
|
<div class="top-bar"></div>
|
||||||
|
|
||||||
|
<!-- Sidebar toggle button -->
|
||||||
|
<button type="button" class="sidebar-toggle mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon" style="display: initial;" data-upgraded=",MaterialButton,MaterialRipple">
|
||||||
|
<i class="material-icons">clear_all</i>
|
||||||
|
<span class="mdl-button__ripple-container">
|
||||||
|
<span class="mdl-ripple">
|
||||||
|
</span>
|
||||||
|
</span>
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<!-- Sidebar Avatar -->
|
||||||
|
<div class="sidebar-image">
|
||||||
|
<img src="${user.userAvatar?default('/material/source/img/avatar.png')}" alt="${user.userDisplayName?default("")}'s avatar">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Sidebar Email -->
|
||||||
|
<a data-toggle="dropdown" class="sidebar-brand" href="#settings-dropdown">
|
||||||
|
${user.userEmail?default(" ")}
|
||||||
|
<b class="caret"></b>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
@ -0,0 +1,89 @@
|
||||||
|
<ul class="nav sidebar-nav">
|
||||||
|
<!-- User dropdown -->
|
||||||
|
<li class="dropdown">
|
||||||
|
<ul id="settings-dropdown" class="dropdown-menu">
|
||||||
|
<li>
|
||||||
|
<a href="mailto:${user.userEmail?default("")}" target="_blank" title="Email Me">
|
||||||
|
<i class="material-icons sidebar-material-icons sidebar-indent-left1pc-element">email</i>
|
||||||
|
Email Me
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<!-- Homepage -->
|
||||||
|
<li id="sidebar-first-li">
|
||||||
|
<a href="/">
|
||||||
|
<i class="material-icons sidebar-material-icons">home</i>
|
||||||
|
主页
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="divider"></li>
|
||||||
|
|
||||||
|
<#if options.theme_material_other_sidebar_archives?default('true') == 'true'>
|
||||||
|
<!-- Archives -->
|
||||||
|
<li class="dropdown">
|
||||||
|
<a href="#" class="ripple-effect dropdown-toggle" data-toggle="dropdown">
|
||||||
|
<i class="material-icons sidebar-material-icons">inbox</i>
|
||||||
|
归档
|
||||||
|
<b class="caret"></b>
|
||||||
|
</a>
|
||||||
|
<ul class="dropdown-menu">
|
||||||
|
<@articleTag method="archives">
|
||||||
|
<#if archives??>
|
||||||
|
<#list archives?sort_by("year")?reverse as archive>
|
||||||
|
<li>
|
||||||
|
<a class="sidebar_archives-link" href="/archives/${archive.year}/${archive.month}/">${archive.month}月 ${archive.year}<span class="sidebar_archives-count">${archive.count}</span></a>
|
||||||
|
</li>
|
||||||
|
</#list>
|
||||||
|
</#if>
|
||||||
|
</@articleTag>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</#if>
|
||||||
|
|
||||||
|
<#if options.theme_material_other_sidebar_cates?default('true') == 'true'>
|
||||||
|
<!-- Categories -->
|
||||||
|
<li class="dropdown">
|
||||||
|
<a href="#" class="ripple-effect dropdown-toggle" data-toggle="dropdown">
|
||||||
|
<i class="material-icons sidebar-material-icons">chrome_reader_mode</i>
|
||||||
|
分类
|
||||||
|
<b class="caret"></b>
|
||||||
|
</a>
|
||||||
|
<ul class="dropdown-menu">
|
||||||
|
<@commonTag method="categories">
|
||||||
|
<#list categories as cate>
|
||||||
|
<li>
|
||||||
|
<a class="sidebar_archives-link" href="/categories/${cate.cateUrl}/">${cate.cateName}<span class="sidebar_archives-count">4</span></a>
|
||||||
|
</li>
|
||||||
|
</#list>
|
||||||
|
</@commonTag>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</#if>
|
||||||
|
|
||||||
|
<!-- Pages -->
|
||||||
|
<@commonTag method="menus">
|
||||||
|
<#list menus?sort_by("menuSort") as menu>
|
||||||
|
<li>
|
||||||
|
<a href="${menu.menuUrl}" title="${menu.menuName}">
|
||||||
|
<#if menu.menuIcon!="">
|
||||||
|
<i class="material-icons sidebar-material-icons">${menu.menuIcon}</i>
|
||||||
|
</#if>
|
||||||
|
${menu.menuName}
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</#list>
|
||||||
|
</@commonTag>
|
||||||
|
|
||||||
|
<#if options.theme_material_other_sidebar_postcount?default('true') == 'true'>
|
||||||
|
<!-- Article Number -->
|
||||||
|
<li>
|
||||||
|
<a href="/archives">
|
||||||
|
文章总数
|
||||||
|
<@articleTag method="postsCount">
|
||||||
|
<span class="sidebar-badge">${postsCount}</span>
|
||||||
|
</@articleTag>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</#if>
|
||||||
|
</ul>
|
||||||
|
|
@ -0,0 +1,19 @@
|
||||||
|
<!-- Overlay For Active Sidebar -->
|
||||||
|
<div class="sidebar-overlay"></div>
|
||||||
|
|
||||||
|
<!-- Material sidebar -->
|
||||||
|
<aside id="sidebar" class="sidebar sidebar-colored sidebar-fixed-left" role="navigation">
|
||||||
|
<div id="sidebar-main">
|
||||||
|
<!-- Sidebar Header -->
|
||||||
|
<#include "../_partial/sidebar-header.ftl">
|
||||||
|
|
||||||
|
<!-- Sidebar Navigation -->
|
||||||
|
<#include "../_partial/sidebar-navigation.ftl">
|
||||||
|
|
||||||
|
<!-- Sidebar Footer -->
|
||||||
|
<#include "../_partial/sidebar-footer.ftl">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Sidebar Image -->
|
||||||
|
<#include "../_partial/sidebar-footer_image.ftl">
|
||||||
|
</aside>
|
||||||
|
|
@ -0,0 +1,8 @@
|
||||||
|
<script>
|
||||||
|
var _hmt = _hmt || [];
|
||||||
|
(function() {var hm = document.createElement('script');
|
||||||
|
hm.src = 'https://hm.baidu.com/hm.js?<%= theme.analytics.baidu_site_id %>';
|
||||||
|
var s = document.getElementsByTagName('script')[0];
|
||||||
|
s.parentNode.insertBefore(hm, s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
<div style="display: none;">
|
||||||
|
<script src="//s95.cnzz.com/z_stat.php?id=<%= theme.analytics.cnzz_site_id %>&web_id=<%= theme.analytics.cnzz_site_id %>" language="JavaScript"></script>
|
||||||
|
</div>
|
||||||
|
|
@ -0,0 +1,7 @@
|
||||||
|
<script>
|
||||||
|
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||||
|
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||||
|
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||||||
|
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
|
||||||
|
ga('create', '<%= theme.analytics.google_site_id %>', 'auto');ga('send', 'pageview');
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,4 @@
|
||||||
|
<!-- 畅言公共 js 代码 start -->
|
||||||
|
<script id="cy_cmt_num" src="https://changyan.sohu.com/upload/plugins/plugins.list.count.js?clientId=<%=theme.comment.changyan_appid%>">
|
||||||
|
</script>
|
||||||
|
<!-- 畅言公共 js 代码 end -->
|
||||||
|
|
@ -0,0 +1,10 @@
|
||||||
|
<!-- 使用 changyan -->
|
||||||
|
<div id="changyan-comment">
|
||||||
|
<%- partial('_widget/comment/' + theme.comment.use + '/main') %>
|
||||||
|
</div>
|
||||||
|
<style>
|
||||||
|
#changyan-comment{
|
||||||
|
background-color: #eee;
|
||||||
|
padding: 2pc;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
<!--PC和WAP自适应版-->
|
||||||
|
<div id="SOHUCS" sid="<% if(theme.comment.changyan_thread_key_type == "id"){ %><%= page.id %><% } else { %><%= page.path %><% } %>" ></div>
|
||||||
|
<script type="text/javascript">
|
||||||
|
(function(){
|
||||||
|
var appid = '<%= theme.comment.changyan_appid %>';
|
||||||
|
var conf = '<%= theme.comment.changyan_conf %>';
|
||||||
|
var width = window.innerWidth || document.documentElement.clientWidth;
|
||||||
|
if (width < 960) {
|
||||||
|
window.document.write('<script id="changyan_mobile_js" charset="utf-8" type="text/javascript" src="https://changyan.sohu.com/upload/mobile/wap-js/changyan_mobile.js?client_id=' + appid + '&conf=' + conf + '"><\/script>'); } else { var loadJs=function(d,a){var c=document.getElementsByTagName("head")[0]||document.head||document.documentElement;var b=document.createElement("script");b.setAttribute("type","text/javascript");b.setAttribute("charset","UTF-8");b.setAttribute("src",d);if(typeof a==="function"){if(window.attachEvent){b.onreadystatechange=function(){var e=b.readyState;if(e==="loaded"||e==="complete"){b.onreadystatechange=null;a()}}}else{b.onload=a}}c.appendChild(b)};loadJs("https://changyan.sohu.com/upload/changyan.js",function(){window.changyan.api.config({appid:appid,conf:conf})}); } })(); </script>
|
||||||
|
|
@ -0,0 +1,2 @@
|
||||||
|
<!-- 使用 DISQUS js 代码 -->
|
||||||
|
<script id="dsq-count-scr" src="//<%= theme.comment.shortname %>.disqus.com/count.js" async></script>
|
||||||
|
|
@ -0,0 +1,10 @@
|
||||||
|
<!-- 使用 DISQUS -->
|
||||||
|
<div id="disqus-comment">
|
||||||
|
<%- partial('_widget/comment/' + theme.comment.use + '/main') %>
|
||||||
|
</div>
|
||||||
|
<style>
|
||||||
|
#disqus-comment{
|
||||||
|
background-color: #eee;
|
||||||
|
padding: 2pc;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,18 @@
|
||||||
|
<div id="disqus_thread"></div>
|
||||||
|
<script type="text/javascript">
|
||||||
|
var disqus_config = function () {
|
||||||
|
this.page.url = '<%= page.permalink %>'; // Replace PAGE_URL with your page's canonical URL variable
|
||||||
|
this.page.identifier = '<%= page.permalink %>'; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<script type="text/ls-javascript" id="disqus-thread-script">
|
||||||
|
queue.offer(function() {
|
||||||
|
(function() { // DON'T EDIT BELOW THIS LINE
|
||||||
|
var d = document;
|
||||||
|
var s = d.createElement('script');
|
||||||
|
s.src = '//<%= theme.comment.shortname %>.disqus.com/embed.js';
|
||||||
|
s.setAttribute('data-timestamp', + new Date());
|
||||||
|
(d.head || d.body).appendChild(s);
|
||||||
|
})();
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1 @@
|
||||||
|
<!-- 使用 DISQUS js 代码 -->
|
||||||
|
|
@ -0,0 +1,10 @@
|
||||||
|
<!-- 使用 DISQUS_CLICK -->
|
||||||
|
<div id="disqus-comment">
|
||||||
|
<%- partial('_widget/comment/' + theme.comment.use + '/main') %>
|
||||||
|
</div>
|
||||||
|
<style>
|
||||||
|
#disqus-comment{
|
||||||
|
background-color: #eee;
|
||||||
|
padding: 2pc;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,73 @@
|
||||||
|
<div id="disqus_thread"></div>
|
||||||
|
|
||||||
|
<!-- add animation -->
|
||||||
|
<style>
|
||||||
|
.disqus_click_btn {
|
||||||
|
line-height: 30px;
|
||||||
|
margin: 0;
|
||||||
|
min-width: 50px;
|
||||||
|
padding: 0 14px;
|
||||||
|
display: inline-block;
|
||||||
|
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 400;
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
will-change: box-shadow;
|
||||||
|
transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1);
|
||||||
|
outline: 0;
|
||||||
|
cursor: pointer;
|
||||||
|
text-decoration: none;
|
||||||
|
text-align: center;
|
||||||
|
vertical-align: middle;
|
||||||
|
border: 0;
|
||||||
|
background: rgba(158, 158, 158, .2);
|
||||||
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
|
||||||
|
color: #fff;
|
||||||
|
background-color: <%= theme.uiux.button_color %>;
|
||||||
|
text-shadow: 0;
|
||||||
|
display: none
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<div class="btn_click_load">
|
||||||
|
<button class="disqus_click_btn"><%= __('post.comments_load_button') %></button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
var disqus_config = function () {
|
||||||
|
this.page.url = '<%= page.permalink %>'; // Replace PAGE_URL with your page's canonical URL variable
|
||||||
|
this.page.identifier = '<%= page.permalink %>'; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script type="text/ls-javascript" id="disqus-lazy-load-script">
|
||||||
|
$.ajax({
|
||||||
|
url: 'https://disqus.com/next/config.json',
|
||||||
|
timeout: 4000,
|
||||||
|
type: 'GET',
|
||||||
|
success: (function() {
|
||||||
|
var d = document;
|
||||||
|
var s = d.createElement('script');
|
||||||
|
s.src = '//<%= theme.comment.shortname %>.disqus.com/embed.js';
|
||||||
|
s.setAttribute('data-timestamp', + new Date());
|
||||||
|
(d.head || d.body).appendChild(s);
|
||||||
|
$('.disqus_click_btn').css('display','none');
|
||||||
|
})(),
|
||||||
|
error: function() {
|
||||||
|
$('.disqus_click_btn').css('display','block');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
$('.btn_click_load').click(function() { //click to load comments
|
||||||
|
(function() { // DON'T EDIT BELOW THIS LINE
|
||||||
|
var d = document;
|
||||||
|
var s = d.createElement('script');
|
||||||
|
s.src = '//<%= theme.comment.shortname %>.disqus.com/embed.js';
|
||||||
|
s.setAttribute('data-timestamp', + new Date());
|
||||||
|
(d.head || d.body).appendChild(s);
|
||||||
|
})();
|
||||||
|
$('.disqus_click_btn').css('display','none');
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
@ -0,0 +1 @@
|
||||||
|
<!-- GitTalk -->
|
||||||
|
|
@ -0,0 +1,10 @@
|
||||||
|
<!-- 使用 Gitalk -->
|
||||||
|
<div id="gitalk-comment">
|
||||||
|
<%- partial('_widget/comment/' + theme.comment.use + '/main') %>
|
||||||
|
</div>
|
||||||
|
<style>
|
||||||
|
#gitalk-comment {
|
||||||
|
background-color: #eee;
|
||||||
|
padding: 2pc;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,19 @@
|
||||||
|
<!-- Gitalk 评论框 -->
|
||||||
|
<div id="gitalk-container"></div>
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="https://unpkg.com/gitalk/dist/gitalk.css">
|
||||||
|
|
||||||
|
<script src="https://unpkg.com/gitalk/dist/gitalk.min.js"></script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
var gitalk = new Gitalk({
|
||||||
|
clientID: '<%= theme.comment.gitalk_client_id %>',
|
||||||
|
clientSecret: '<%= theme.comment.gitalk_client_secret %>',
|
||||||
|
repo: '<%= theme.comment.gitalk_repo %>',
|
||||||
|
owner: '<%= theme.comment.gitalk_owner %>',
|
||||||
|
admin: ['<%= theme.comment.gitalk_owner %>'],
|
||||||
|
// facebook-like distraction free mode
|
||||||
|
distractionFreeMode: false
|
||||||
|
})
|
||||||
|
gitalk.render('gitalk-container')
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1 @@
|
||||||
|
<!-- Gitment -->
|
||||||
|
|
@ -0,0 +1,24 @@
|
||||||
|
<!-- 使用 gitcoment -->
|
||||||
|
<div id="gitment-comment">
|
||||||
|
<%- partial('_widget/comment/' + theme.comment.use + '/main') %>
|
||||||
|
</div>
|
||||||
|
<style>
|
||||||
|
#gitment-comment{
|
||||||
|
background-color: #eee;
|
||||||
|
padding: 2pc;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<link rel="stylesheet" href="https://imsun.github.io/gitment/style/default.css">
|
||||||
|
<script src="https://imsun.github.io/gitment/dist/gitment.browser.js"></script>
|
||||||
|
<script>
|
||||||
|
var gitment = new Gitment({
|
||||||
|
//id: '页面 ID', // 可选。默认为 location.href
|
||||||
|
owner: '<%= theme.comment.gitment_owner %>',
|
||||||
|
repo: '<%= theme.comment.gitment_repo %>',
|
||||||
|
oauth: {
|
||||||
|
client_id: '<%= theme.comment.gitment_client_id %>',
|
||||||
|
client_secret: '<%= theme.comment.gitment_client_secret %>',
|
||||||
|
},
|
||||||
|
})
|
||||||
|
gitment.render('container')
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,2 @@
|
||||||
|
<!-- Gitment 评论框 -->
|
||||||
|
<div id="container"></div>
|
||||||
|
|
@ -0,0 +1,10 @@
|
||||||
|
<!-- 使用 来必力 -->
|
||||||
|
<div id="livere-comment">
|
||||||
|
<%- partial('_widget/comment/' + theme.comment.use + '/main') %>
|
||||||
|
</div>
|
||||||
|
<style>
|
||||||
|
#livere-comment{
|
||||||
|
background-color: #eee;
|
||||||
|
padding: 2pc;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,12 @@
|
||||||
|
<div id="lv-container" data-id="city" data-uid="<%= theme.comment.livere_data_uid %>">
|
||||||
|
<script type="text/ls-javascript" id="livere-comment-js">
|
||||||
|
(function(d, s) {
|
||||||
|
var j, e = d.getElementsByTagName(s)[0];
|
||||||
|
if (typeof LivereTower === 'function') { return; }
|
||||||
|
j = d.createElement(s);
|
||||||
|
j.src = 'https://cdn-city.livere.com/js/embed.dist.js';
|
||||||
|
j.async = true;
|
||||||
|
e.parentNode.insertBefore(j, e);
|
||||||
|
})(document, 'script');
|
||||||
|
</script>
|
||||||
|
</div>
|
||||||
|
|
@ -0,0 +1,2 @@
|
||||||
|
<div id="comment" style='padding:10px;' class="vcomment"></div>
|
||||||
|
<%- partial('_widget/comment/' + theme.comment.use + '/main') %>
|
||||||
|
|
@ -0,0 +1,21 @@
|
||||||
|
<script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
|
||||||
|
<script src="//unpkg.com/valine/dist/Valine.min.js"></script>
|
||||||
|
<script>
|
||||||
|
var GUEST_INFO = ['nick','mail','link'];
|
||||||
|
var guest_info = '<%= theme.comment.valine_guest_info %>'.split(',').filter(function(item){
|
||||||
|
return GUEST_INFO.indexOf(item) > -1
|
||||||
|
});
|
||||||
|
var notify = '<%= theme.comment.valine_notify %>' == true;
|
||||||
|
var verify = '<%= theme.comment.valine_verify %>' == true;
|
||||||
|
new Valine({
|
||||||
|
el: '.vcomment',
|
||||||
|
notify: notify,
|
||||||
|
verify: verify,
|
||||||
|
appId: "<%= theme.comment.valine_leancloud_appId %>",
|
||||||
|
appKey: "<%= theme.comment.valine_leancloud_appKey %>",
|
||||||
|
placeholder: "<%= theme.comment.valine_placeholder %>",
|
||||||
|
pageSize:'<%= theme.comment.valine_pageSize %>',
|
||||||
|
avatar:'<%= theme.comment.valine_avatar %>',
|
||||||
|
lang:'<%= theme.comment.valine_lang %>'
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,15 @@
|
||||||
|
<meta http-equiv="x-dns-prefetch-control" content="on">
|
||||||
|
<#if (options.comment_system?if_exists)=='valine'>
|
||||||
|
<link rel="dns-prefetch" href="https://cdn1.lncld.net"/>
|
||||||
|
</#if>
|
||||||
|
<#if (options.comment_system?if_exists)=='changyan'>
|
||||||
|
<link rel="dns-prefetch" href="https://changyan.sohu.com"/>
|
||||||
|
</#if>
|
||||||
|
<#if (options.comment_system?if_exists)=='livere'>
|
||||||
|
<link rel="dns-prefetch" href="https://cdn-city.livere.com"/>
|
||||||
|
</#if>
|
||||||
|
<link rel="dns-prefetch" href="https://hm.baidu.com"/>
|
||||||
|
<link rel="dns-prefetch" href="https://www.google-analytics.com"/>
|
||||||
|
<link rel="dns-prefetch" href="https://s95.cnzz.com"/>
|
||||||
|
<link rel="dns-prefetch" href="https://fonts.googleapis.com"/>
|
||||||
|
<link rel="dns-prefetch" href="https://lib.baomitu.com"/>
|
||||||
|
|
@ -0,0 +1,22 @@
|
||||||
|
<script>lsloader.load("np_js","/material/source/js/nprogress.js?pl3Qhb9lvqR1FlyLUna1Yw==", true)</script>
|
||||||
|
|
||||||
|
<script type="text/ls-javascript" id="NProgress-script">
|
||||||
|
NProgress.configure({
|
||||||
|
showSpinner: true
|
||||||
|
});
|
||||||
|
NProgress.start();
|
||||||
|
$('#nprogress .bar').css({
|
||||||
|
'background': '${options.theme_material_uiux_nprogress_color?default('#29d')}'
|
||||||
|
});
|
||||||
|
$('#nprogress .peg').css({
|
||||||
|
'box-shadow': '0 0 10px ${options.theme_material_uiux_nprogress_color?default("#29d")}, 0 0 15px ${options.theme_material_uiux_nprogress_color?default("#29d")}'
|
||||||
|
});
|
||||||
|
$('#nprogress .spinner-icon').css({
|
||||||
|
'border-top-color': '${options.theme_material_uiux_nprogress_color?default("#29d")}',
|
||||||
|
'border-left-color': '${options.theme_material_uiux_nprogress_color?default("#29d")}'
|
||||||
|
});
|
||||||
|
setTimeout(function() {
|
||||||
|
NProgress.done();
|
||||||
|
$('.fade').removeClass('out');
|
||||||
|
}, ${options.theme_material_uiux_nprogress_buffer?default("800")});
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,102 @@
|
||||||
|
<link rel="stylesheet" href="/material/source/css/gallery.min.css">
|
||||||
|
<body>
|
||||||
|
<!-- Wrapper -->
|
||||||
|
<div id="wrapper">
|
||||||
|
|
||||||
|
<!-- Header -->
|
||||||
|
<header id="header">
|
||||||
|
<h1>
|
||||||
|
<a href="/"><strong>${options.blog_title?if_exists}</strong></a> - 图库
|
||||||
|
</h1>
|
||||||
|
<nav>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<a href="#footer" class="icon fa-info-circle">
|
||||||
|
© ${user.userDisplayName?default('none')}
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<!-- Main -->
|
||||||
|
<div id="main">
|
||||||
|
<#list galleries as gallery>
|
||||||
|
<article class="thumb">
|
||||||
|
<a href="${gallery.galleryThumbnailUrl}" class="image lazy" data-original="${gallery.galleryThumbnailUrl}">
|
||||||
|
<img class="lazy" data-original="${gallery.galleryUrl}" alt="${gallery.galleryDesc}" />
|
||||||
|
</a>
|
||||||
|
<h2>${gallery.galleryName}</h2>
|
||||||
|
<p>${gallery.galleryDate?string("yyyy-MM-dd")}</p>
|
||||||
|
</article>
|
||||||
|
</#list>
|
||||||
|
</div>
|
||||||
|
<!-- Footer -->
|
||||||
|
<!--
|
||||||
|
<footer id="footer" class="panel">
|
||||||
|
<div class="inner split">
|
||||||
|
<div>
|
||||||
|
<section>
|
||||||
|
<h2>Magna feugiat sed adipiscing</h2>
|
||||||
|
<p>Nulla consequat, ex ut suscipit rutrum, mi dolor tincidunt erat, et scelerisque turpis ipsum eget quis orci mattis aliquet. Maecenas fringilla et ante at lorem et ipsum. Dolor nulla eu bibendum sapien. Donec non pharetra dui. Nulla consequat, ex ut suscipit rutrum, mi dolor tincidunt erat, et scelerisque turpis ipsum.</p>
|
||||||
|
</section>
|
||||||
|
<section>
|
||||||
|
<h2>Follow me on ...</h2>
|
||||||
|
<ul class="icons">
|
||||||
|
<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
|
||||||
|
<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
|
||||||
|
<li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
|
||||||
|
<li><a href="#" class="icon fa-github"><span class="label">GitHub</span></a></li>
|
||||||
|
<li><a href="#" class="icon fa-dribbble"><span class="label">Dribbble</span></a></li>
|
||||||
|
<li><a href="#" class="icon fa-linkedin"><span class="label">LinkedIn</span></a></li>
|
||||||
|
<li><a href="#" class="icon fa-telegram"><span class="label">Telegram</span></a></li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
<p class="copyright">
|
||||||
|
© Design: <a href="#">Gallery</a>.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<section>
|
||||||
|
<h2>Get in touch</h2>
|
||||||
|
<form method="post" action="#">
|
||||||
|
<div class="field half first">
|
||||||
|
<input type="text" name="name" id="name" placeholder="Name" />
|
||||||
|
</div>
|
||||||
|
<div class="field half">
|
||||||
|
<input type="text" name="email" id="email" placeholder="Email" />
|
||||||
|
</div>
|
||||||
|
<div class="field">
|
||||||
|
<textarea name="message" id="message" rows="4" placeholder="Message"></textarea>
|
||||||
|
</div>
|
||||||
|
<ul class="actions">
|
||||||
|
<li><input type="submit" value="Send" class="special" /></li>
|
||||||
|
<li><input type="reset" value="Reset" /></li>
|
||||||
|
</ul>
|
||||||
|
</form>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
-->
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Scripts -->
|
||||||
|
<script src="/material/source/js/gallery/gallery.js"></script>
|
||||||
|
<script>lsloader.load("lazyload_js","/material/source/js/lazyload.min.js?1BcfzuNXqV+ntF6gq+5X3Q==", true)</script>
|
||||||
|
<script>
|
||||||
|
queue.offer(function(){
|
||||||
|
$('.lazy').lazyload({
|
||||||
|
effect: 'fadeIn',
|
||||||
|
event: 'scrollstop'
|
||||||
|
});
|
||||||
|
})
|
||||||
|
<!-- Start Queue -->
|
||||||
|
$(document).ready(function(){
|
||||||
|
setInterval(function(){
|
||||||
|
queue.execNext();
|
||||||
|
},200);
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
|
@ -0,0 +1,111 @@
|
||||||
|
<style>
|
||||||
|
.md-links {
|
||||||
|
min-height: calc(100% - 120px - 5pc - 6em);
|
||||||
|
text-align: center;
|
||||||
|
overflow: auto;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0 auto;
|
||||||
|
max-width: 320px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 680px) {
|
||||||
|
.md-links {
|
||||||
|
max-width: 640px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 1000px) {
|
||||||
|
.md-links {
|
||||||
|
max-width: 960px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 1320px) {
|
||||||
|
.md-links {
|
||||||
|
max-width: 1280px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 1640px) {
|
||||||
|
.md-links {
|
||||||
|
max-width: 1600px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 480px) {
|
||||||
|
.md-links {
|
||||||
|
min-height: calc(100% - 200px - 5pc - 6em);
|
||||||
|
margin-top: 6em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.md-links-item {
|
||||||
|
background: #fff;
|
||||||
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
|
||||||
|
height: 72px;
|
||||||
|
line-height: 15px;
|
||||||
|
margin: 20px 10px;
|
||||||
|
padding: 0px 0px;
|
||||||
|
transition: box-shadow 0.25s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.md-links a {
|
||||||
|
color: #333;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.md-links li {
|
||||||
|
width: 300px;
|
||||||
|
float: left;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.md-links-item img {
|
||||||
|
float: left;
|
||||||
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 11px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
|
||||||
|
}
|
||||||
|
|
||||||
|
.md-links-item:hover {
|
||||||
|
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
.md-links-item a:hover{
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.md-links-title {
|
||||||
|
font-size: 20px;
|
||||||
|
line-height: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#scheme-Paradox .mdl-mini-footer{
|
||||||
|
clear: left;
|
||||||
|
}
|
||||||
|
#bottom{
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<ul class="md-links">
|
||||||
|
<#list links?if_exists as link>
|
||||||
|
<li class="md-links-item">
|
||||||
|
<a href="${link.linkUrl}" title="${link.linkName}" target="_blank">
|
||||||
|
<img src="${link.linkPic}" alt="${link.linkName}" height="72px"/>
|
||||||
|
<span class="md-links-title">${link.linkName}</span><br />
|
||||||
|
<span>${link.linkDesc?if_exists}</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</#list>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<script type="text/ls-javascript" id="page-links-script">
|
||||||
|
var adjustFooter = function() {
|
||||||
|
if( ($('#bottom').offset().top + $('#bottom').outerHeight() )<$(window).height() ) {
|
||||||
|
var footerBottom = $(window).height() - $('#bottom').outerHeight() - $('#bottom').offset().top;
|
||||||
|
$('#bottom').css('bottom', '-' + footerBottom + 'px');
|
||||||
|
}
|
||||||
|
};
|
||||||
|
$(document).ready(function() {
|
||||||
|
adjustFooter();
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,52 @@
|
||||||
|
<style>
|
||||||
|
#bottom{
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 480px) {
|
||||||
|
.material-tagscloud{
|
||||||
|
margin: 6em 2em 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.material-tagscloud a{
|
||||||
|
text-decoration:none;
|
||||||
|
padding: 1px 9px;
|
||||||
|
margin: 9px 1px;
|
||||||
|
line-height: 40px;
|
||||||
|
white-space: nowrap;
|
||||||
|
transition: .6s;
|
||||||
|
opacity: .85;
|
||||||
|
}
|
||||||
|
|
||||||
|
.material-tagscloud a:hover{
|
||||||
|
transition: .6s;
|
||||||
|
opacity: 1;
|
||||||
|
background: #FAFAFA;
|
||||||
|
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<div class=" material-tagscloud">
|
||||||
|
<div class="material-post mdl-grid">
|
||||||
|
<#if tags??>
|
||||||
|
<#list tags as tag>
|
||||||
|
<a href="/tags/${tag.tagUrl}/" style="font-size: 22.33px; color: #757575">${tag.tagName}</a>
|
||||||
|
</#list>
|
||||||
|
</#if>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<script type="text/ls-javascript" id="page-tagcloud-script">
|
||||||
|
var adjustFooter = function() {
|
||||||
|
if( ($('#bottom').offset().top + $('#bottom').outerHeight() ) < $(window).height() ) {
|
||||||
|
var footerBottom = $(window).height() - $('#bottom').outerHeight() - $('#bottom').offset().top;
|
||||||
|
$('#bottom').css('bottom', '-' + footerBottom + 'px');
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
$(document).ready(function() {
|
||||||
|
adjustFooter();
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
<script type="text/ls-javascript" id="search-local-js-script">
|
||||||
|
var searchFunc=function(c,a,b){$.ajax({url:c,dataType:"xml",success:function(e){var d=$("entry",e).map(function(){return{title:$("title",this).text(),content:$("content",this).text(),url:$("url",this).text()}}).get();var g=document.getElementById(a);var f=document.getElementById(b);g.addEventListener("input",function(){var i='<ul class="search-result-list">';var h=this.value.trim().toLowerCase().split(/[\s\-]+/);f.innerHTML="";if(this.value.trim().length<=0){return}d.forEach(function(o){var n=true;var s=[];var t=o.title.trim().toLowerCase();var m=o.content.trim().replace(/<[^>]+>/g,"").toLowerCase();var j=o.url;var u=-1;var q=-1;var p=-1;if(t!==""&&m!==""){h.forEach(function(w,x){u=t.indexOf(w);q=m.indexOf(w);if(u<0&&q<0){n=false}else{if(q<0){q=0}if(x===0){p=q}}})}if(n){i+='<li><a href="'+j+'" class="search-result-title" target="_blank">'+t;var r=o.content.trim().replace(/<[^>]+>/g,"");if(p>=0){var k=p-6;var l=p+6;if(k<0){k=0}if(k===0){l=10}if(l>r.length){l=r.length}var v=r.substr(k,l);h.forEach(function(w){var x=new RegExp(w,"gi");v=v.replace(x,'<em class="search-keyword">'+w+"</em>")});i+='<p class="search-result">'+v+"...</p></a>"}}});f.innerHTML=i})}})};
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,27 @@
|
||||||
|
<#include "module/macro.ftl">
|
||||||
|
<@layout title="归档 | ${options.blog_title?default('Material')}" keywords="${options.seo_keywords?default('Material')}" description="${options.seo_desc?default('Material')}">
|
||||||
|
<!-- Index Module -->
|
||||||
|
<div class="material-index mdl-grid">
|
||||||
|
<#if options.theme_material_scheme?if_exists == "Paradox" && posts.number==0 && !isArchives??>
|
||||||
|
<!-- Paradox Header -->
|
||||||
|
<#include "_partial/daily_pic.ftl">
|
||||||
|
<#include "_partial/blog_info.ftl">
|
||||||
|
</#if>
|
||||||
|
<div class="locate-thumbnail-symbol"></div>
|
||||||
|
<!-- Pin on top -->
|
||||||
|
|
||||||
|
<!-- Normal Post -->
|
||||||
|
<#if options.theme_material_scheme?if_exists == "Paradox">
|
||||||
|
<!-- Paradox Thumbnail -->
|
||||||
|
<#include "_partial/Paradox-post_entry.ftl">
|
||||||
|
<#else>
|
||||||
|
<!-- Isolation Thumbnail -->
|
||||||
|
<#include "_partial/Isolation-post_entry.ftl">
|
||||||
|
</#if>
|
||||||
|
<#include "_partial/index-nav.ftl">
|
||||||
|
<@nav url="/archives/"></@nav>
|
||||||
|
<#if options.theme_material_scheme?if_exists == "Paradox">
|
||||||
|
<#include "_partial/Paradox-post_entry-thumbnail.ftl">
|
||||||
|
</#if>
|
||||||
|
</div>
|
||||||
|
</@layout>
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue