2019-10-02 16:15:37 +00:00
|
|
|
<#macro layout title,keywords,description,canonical>
|
|
|
|
|
<#include "common/navbar.ftl">
|
|
|
|
|
<#include "common/widget.ftl">
|
|
|
|
|
<#include "common/module.ftl">
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="zh">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8"/>
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
|
|
|
|
|
<title>${title!}</title>
|
|
|
|
|
|
|
|
|
|
<meta name="keywords" content="${keywords!}"/>
|
|
|
|
|
<meta name="description" content="${description!}">
|
|
|
|
|
<meta property="og:type" content="website">
|
|
|
|
|
<meta property="og:title" content="${title!}">
|
|
|
|
|
<meta property="og:url" content="${canonical}">
|
|
|
|
|
<meta property="og:site_name" content="${title!}">
|
|
|
|
|
<meta property="og:description" content="${description!}">
|
|
|
|
|
<meta property="og:locale" content="zh">
|
|
|
|
|
<meta property="og:image" content="${user.avatar!}">
|
|
|
|
|
<meta name="twitter:card" content="summary">
|
|
|
|
|
<meta name="twitter:title" content="${title!}">
|
|
|
|
|
<meta name="twitter:description" content="${description!}">
|
|
|
|
|
<meta name="twitter:image" content="${user.avatar!}">
|
|
|
|
|
|
|
|
|
|
<link rel="canonical" href="${canonical!}"/>
|
|
|
|
|
|
|
|
|
|
<link rel="alternative" href="${context!}/atom.xml" title="${options.blog_title!}" type="application/atom+xml">
|
|
|
|
|
|
|
|
|
|
<@global.head />
|
|
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/bulma@0.7.5/css/bulma.min.css">
|
|
|
|
|
<link rel="stylesheet" href="//use.fontawesome.com/releases/v5.4.1/css/all.css">
|
2019-10-14 05:26:19 +00:00
|
|
|
<link href="https://fonts.googleapis.com/css?family=Fira+Sans&display=swap" rel="stylesheet">
|
2019-10-02 16:15:37 +00:00
|
|
|
<style>
|
|
|
|
|
body > .footer,
|
|
|
|
|
body > .navbar,
|
|
|
|
|
body > .section {
|
|
|
|
|
opacity: 0
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|
2020-02-29 09:32:58 +00:00
|
|
|
<#if is_post?? || is_sheet?? || is_journal??>
|
2019-10-02 16:15:37 +00:00
|
|
|
<style>
|
|
|
|
|
.content code .number {
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
display: unset;
|
2020-02-29 09:32:58 +00:00
|
|
|
font-size: 1em;
|
2019-10-02 16:15:37 +00:00
|
|
|
margin-right: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
vertical-align: unset;
|
|
|
|
|
}
|
2020-02-29 09:32:58 +00:00
|
|
|
.tag {
|
|
|
|
|
font-size: 1em !important;
|
|
|
|
|
padding-right: 0 !important;
|
|
|
|
|
padding-left: 0 !important;
|
|
|
|
|
}
|
|
|
|
|
.attr-name {
|
|
|
|
|
padding-left: 0.75em !important;
|
|
|
|
|
}
|
2019-10-02 16:15:37 +00:00
|
|
|
</style>
|
|
|
|
|
</#if>
|
|
|
|
|
|
2020-02-29 09:32:58 +00:00
|
|
|
<#if is_post?? || is_sheet?? || is_journal??>
|
2019-10-02 16:15:37 +00:00
|
|
|
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/lightgallery@1.6.8/dist/css/lightgallery.min.css">
|
|
|
|
|
<link rel="stylesheet"
|
|
|
|
|
href="//cdn.jsdelivr.net/npm/justifiedGallery@3.7.0/dist/css/justifiedGallery.min.css">
|
|
|
|
|
</#if>
|
|
|
|
|
<link rel="stylesheet"
|
|
|
|
|
href="//cdn.jsdelivr.net/npm/outdatedbrowser@1.1.5/outdatedbrowser/outdatedbrowser.min.css">
|
|
|
|
|
<script src="//cdn.jsdelivr.net/npm/pace-js@1.0.2/pace.min.js"></script>
|
|
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="${static!}/source/css/style.css">
|
|
|
|
|
<link rel="stylesheet" href="${static!}/source/css/bundle.css">
|
|
|
|
|
<link rel="stylesheet" href="${static!}/source/css/back-to-top.css">
|
2019-10-14 14:27:49 +00:00
|
|
|
<#include "./plugin/style.theme.ftl">
|
2020-02-29 09:32:58 +00:00
|
|
|
<#if post?? || journals??>
|
2019-10-16 15:25:57 +00:00
|
|
|
<link rel="stylesheet" type="text/css"
|
2020-02-29 09:32:58 +00:00
|
|
|
href="${static!}/source/lib/prism/css/prism-Tomorrow Night.css"/>
|
2019-10-02 16:15:37 +00:00
|
|
|
<script type="text/javascript" src="${static!}/source/lib/prism/js/prism.js"></script>
|
|
|
|
|
</#if>
|
|
|
|
|
<#if is_index??>
|
|
|
|
|
<link rel="stylesheet" href="${static!}/source/css/widget_pin.css">
|
|
|
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.3.5/css/swiper.min.css">
|
|
|
|
|
</#if>
|
2020-02-29 09:32:58 +00:00
|
|
|
|
|
|
|
|
<script src="https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget@latest/autoload.js"></script>
|
2019-10-02 16:15:37 +00:00
|
|
|
</head>
|
|
|
|
|
<body class="is-3-column">
|
|
|
|
|
<@navbar 'page' />
|
2019-10-16 15:25:57 +00:00
|
|
|
<div class="card-normal">
|
|
|
|
|
<section class="section">
|
|
|
|
|
<div class="container">
|
|
|
|
|
<div class="columns">
|
|
|
|
|
<#if post?? >
|
|
|
|
|
<#if is_post??>
|
|
|
|
|
<#if settings.share_type !=''>
|
|
|
|
|
<@module 'share' />
|
|
|
|
|
</#if>
|
|
|
|
|
<div class="column is-12-tablet is-8-desktop is-8-widescreen is-8-fullhd has-order-2 column-main">
|
|
|
|
|
<#nested />
|
|
|
|
|
</div>
|
|
|
|
|
<@widget 'right' />
|
|
|
|
|
<#elseif is_sheet??>
|
|
|
|
|
<div class="column is-12-tablet is-12-desktop is-12-widescreen is-12-fullhd has-order-2 column-main">
|
|
|
|
|
<#nested />
|
|
|
|
|
</div>
|
|
|
|
|
</#if>
|
|
|
|
|
<#else >
|
|
|
|
|
<#if is_index??>
|
|
|
|
|
<div class="column is-8-tablet is-8-desktop is-9-widescreen is-9-fullhd has-order-2 column-main"
|
|
|
|
|
style="margin-left: 10px">
|
|
|
|
|
<div class="columns">
|
|
|
|
|
<div class="column is-12-tablet is-12-desktop is-12-widescreen has-order-2 column-main">
|
|
|
|
|
<#-- 判断是否已经有置顶文章-->
|
|
|
|
|
<#list posts.content as post>
|
|
|
|
|
<#if post.topPriority == 1>
|
|
|
|
|
<#assign isTop = 'yes'>
|
|
|
|
|
<#break>
|
|
|
|
|
</#if>
|
|
|
|
|
</#list>
|
|
|
|
|
<#if isTop??>
|
|
|
|
|
<div class="level">
|
|
|
|
|
<#-- <#include "./common/widget_pin.ftl">-->
|
|
|
|
|
<@module 'slider' />
|
|
|
|
|
</div>
|
2019-10-02 16:15:37 +00:00
|
|
|
</#if>
|
2019-12-08 10:21:57 +00:00
|
|
|
<div class="level is-medium">
|
|
|
|
|
<div class="ceta">
|
|
|
|
|
<div class="tabs" style="overflow: hidden">
|
|
|
|
|
<ul style="overflow: hidden;border-bottom-style: none">
|
|
|
|
|
<li class="is-active"><a>全部</a></li>
|
|
|
|
|
<@categoryTag method="list">
|
|
|
|
|
<#list categories as category>
|
2019-12-08 12:18:21 +00:00
|
|
|
<#if category_index <= 4>
|
|
|
|
|
<li><a href="${context!}/categories/${category.slugName!}" style="text-transform:capitalize">${category.name}</a></li>
|
|
|
|
|
</#if>
|
2019-12-08 10:21:57 +00:00
|
|
|
</#list>
|
|
|
|
|
</@categoryTag>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2019-10-02 16:15:37 +00:00
|
|
|
<div class="level">
|
2019-10-16 15:25:57 +00:00
|
|
|
<div class="columns">
|
|
|
|
|
<div class="column is-12-tablet is-12-desktop is-8-widescreen is-8-fullhd has-order-2 column-main">
|
|
|
|
|
<#nested />
|
|
|
|
|
</div>
|
|
|
|
|
<@widget 'right' />
|
2019-10-02 16:15:37 +00:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
2019-10-16 15:25:57 +00:00
|
|
|
</div>
|
2019-10-02 16:15:37 +00:00
|
|
|
</div>
|
|
|
|
|
</div>
|
2019-10-16 15:25:57 +00:00
|
|
|
<@widget 'left' />
|
|
|
|
|
<#else>
|
|
|
|
|
<div class="column is-12-tablet is-8-desktop is-6-widescreen is-6-fullhd has-order-2 column-main">
|
|
|
|
|
<#nested />
|
|
|
|
|
</div>
|
|
|
|
|
<@widget 'left' />
|
|
|
|
|
<@widget 'right' />
|
|
|
|
|
</#if>
|
2019-10-02 16:15:37 +00:00
|
|
|
</#if>
|
2019-10-16 15:25:57 +00:00
|
|
|
</div>
|
2019-10-02 16:15:37 +00:00
|
|
|
</div>
|
2019-10-16 15:25:57 +00:00
|
|
|
</section>
|
|
|
|
|
</div>
|
2019-10-02 16:15:37 +00:00
|
|
|
<#include "common/footer.ftl">
|
|
|
|
|
<#include "common/scripts.ftl">
|
|
|
|
|
<#include "search/local.ftl">
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
</#macro>
|
