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 menuTarget;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -84,6 +84,6 @@ public class TagsController extends BaseController {
|
|||
Page<Post> posts = postService.findPostsByTags(tag, pageable);
|
||||
model.addAttribute("posts", posts);
|
||||
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}">
|
||||
<small>*可选项，支持部分字体图标</small>
|
||||
</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>
|
||||
<#else >
|
||||
<div class="box-body">
|
||||
|
|
@ -68,6 +75,13 @@
|
|||
<input type="text" class="form-control" id="menuIcon" name="menuIcon">
|
||||
<small>*可选项，支持部分字体图标</small>
|
||||
</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>
|
||||
</#if>
|
||||
<div class="box-footer">
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<@commonTag method="menus">
|
||||
<#list menus?sort_by('menuSort') as menu>
|
||||
<li>
|
||||
<a href="${menu.menuUrl}">${menu.menuName} </a>
|
||||
<a href="${menu.menuUrl}" target="${menu.menuTarget?if_exists}">${menu.menuName} </a>
|
||||
</li>
|
||||
</#list>
|
||||
</@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