jinql
/
halo-theme-xinac-fantastic
mirror of https://github.com/jinqilin721/halo-theme-xinac-fantastic
1
0
Fork 0
Code Issues Releases Wiki Activity

优化更新

pull/5/head
新逸Cary 2020-06-24 11:34:45 +08:00
parent a265f761dc
commit 9bdc480d27
11 changed files with 554 additions and 616 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
CHANGELOG.md
View File

@ -21,3 +21,10 @@
> 2、文章封面图支持上传图片、使用随机封面图片、关闭封面图片显示 > 2、文章封面图支持上传图片、使用随机封面图片、关闭封面图片显示
> 3、支持增加一键灰色背景设置 > 3、支持增加一键灰色背景设置
> 4、支持一键使用主题静态CDN，https://s.xinac.net > 4、支持一键使用主题静态CDN，https://s.xinac.net
<br>
## v1.3.3--20.06.24
> 1. 页面源码优化，使html源码更标准
> 2. 分享按钮去除QQ空间分享
> 3. 修复页面滚动时的一个报错问题

4
layout/common/footer.ftl
View File

@ -45,7 +45,7 @@
</script> </script>
</#if> </#if>
<#if settings.social_beian?? && settings.social_beian!=''> <#if settings.social_beian?? && settings.social_beian!=''>
<p style="text-align: left; line-height: 20px;margin: 0"> <p style="text-align: left; line-height: 20px;">
<a target="_blank" href="http://beian.miit.gov.cn/" style="color: black;font-style: inherit;font-weight: inherit;"> <a target="_blank" href="http://beian.miit.gov.cn/" style="color: black;font-style: inherit;font-weight: inherit;">
${settings.social_beian!} ${settings.social_beian!}
</a> </a>
@ -53,7 +53,7 @@
</#if> </#if>
<#if settings.social_free?? && settings.social_free!=''> <#if settings.social_free?? && settings.social_free!=''>
<p style="text-align: left; line-height: 20px; margin: 0"> <p style="text-align: left; line-height: 20px; margin: 0">
&copy; ${.now?string('yyyy')} ${user.nickname!}&nbsp;${settings.social_free!}&nbsp;&nbsp;@${version!} &copy; ${user.nickname!}&nbsp;${settings.social_free!}
</p> </p>
</#if> </#if>
<#if settings.caidai!true> <#if settings.caidai!true>

7
layout/common/navbar.ftl
View File

@ -33,7 +33,6 @@
<i class="${child.icon!}" aria-hidden="true"></i>&nbsp;${child.name!} <i class="${child.icon!}" aria-hidden="true"></i>&nbsp;${child.name!}
</a> </a>
</#list> </#list>
</div> </div>
</div> </div>
<#else> <#else>
@ -52,10 +51,10 @@
</#if> </#if>
</#if> </#if>
</@menuTag> </@menuTag>
</div> </div>
<div class="navbar-end"> <div class="navbar-end">
<#--${settings.links_top!} ${settings.links_top!}
<#--
<a class="navbar-item search" title="夜间模式" href="javascript:alert('开发中，敬请期待');"> <a class="navbar-item search" title="夜间模式" href="javascript:alert('开发中，敬请期待');">
<i class="fas fa-adjust"></i> <i class="fas fa-adjust"></i>
</a>--> </a>-->
@ -66,8 +65,6 @@
</div> </div>
</div> </div>
</nav> </nav>
<style>
</style>
<script> <script>
(function () { (function () {
var burger = document.querySelector('.burger'); var burger = document.querySelector('.burger');

59
layout/layout.ftl
View File

@ -10,7 +10,6 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<title>${title!}</title> <title>${title!}</title>
<meta name="keywords" content="${meta_keywords!}" /> <meta name="keywords" content="${meta_keywords!}" />
<meta name="description" content="${meta_description!}" /> <meta name="description" content="${meta_description!}" />
<meta property="og:type" content="website" /> <meta property="og:type" content="website" />
@ -24,7 +23,6 @@
<meta name="twitter:title" content="${title!}" /> <meta name="twitter:title" content="${title!}" />
<meta name="twitter:description" content="${meta_description!}" /> <meta name="twitter:description" content="${meta_description!}" />
<meta name="twitter:image" content="${user.avatar!}" /> <meta name="twitter:image" content="${user.avatar!}" />
<link rel="canonical" href="${canonical!}" /> <link rel="canonical" href="${canonical!}" />
<link rel="alternative" href="${atom_url!}" title="${blog_title!}" type="application/atom+xml" /> <link rel="alternative" href="${atom_url!}" title="${blog_title!}" type="application/atom+xml" />
@ -32,17 +30,35 @@
<link rel="stylesheet" href="${settings.cdn_bulma_css!}" /> <link rel="stylesheet" href="${settings.cdn_bulma_css!}" />
<link rel="stylesheet" href="${settings.cdn_fontawesome_css!}" /> <link rel="stylesheet" href="${settings.cdn_fontawesome_css!}" />
<link href="${settings.cdn_google_fonts!}/css?family=Fira+Sans&display=swap" rel="stylesheet" /> <link rel="stylesheet" href="${settings.cdn_google_fonts!}/css?family=Fira+Sans&display=swap" />
<#if is_post?? || is_sheet?? || is_journal??>
<link rel="stylesheet" href="${settings.cdn_lightgallery_css!}" />
<link rel="stylesheet" href="${settings.cdn_justifiedGallery_css!}" />
</#if>
<link rel="stylesheet" href="${theme_base!}/source/lib/outdatedbrowser/outdatedbrowser.min.css" />
<link rel="stylesheet" href="${theme_base!}/source/css/style.css" />
<link rel="stylesheet" href="${theme_base!}/source/css/bundle.css" />
<link rel="stylesheet" href="${theme_base!}/source/css/back-to-top.css" />
<#if post?? || journals??>
<link rel="stylesheet" href="${theme_base!}/source/lib/prism/css/prism-${settings.code_pretty!'Default'}.css" />
<script type="text/javascript" src="${theme_base!}/source/lib/prism/js/prism.js"></script>
</#if>
<#if is_index??>
<link rel="stylesheet" href="${theme_base!}/source/css/widget_pin.css" />
<link rel="stylesheet" href="${settings.cdn_swiper_css!}" />
</#if>
<#if settings.kanbanniang!true>
<script src="https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget@latest/autoload.js"></script>
</#if>
<script type="text/javascript" src="${settings.cdn_pace_js!}"></script>
<#include "./plugin/style.theme.ftl">
<style> <style>
body > .footer, body > .footer,
body > .navbar, body > .navbar,
body > .section { body > .section {
opacity: 0 opacity: 0
} }
</style>
<#if is_post?? || is_sheet?? || is_journal??> <#if is_post?? || is_sheet?? || is_journal??>
<style>
.content code .number { .content code .number {
background-color: transparent; background-color: transparent;
border-radius: 0; border-radius: 0;
@ -52,43 +68,18 @@
padding: 0; padding: 0;
vertical-align: unset; vertical-align: unset;
} }
.tag { .tag {
font-size: 1em !important; font-size: 1em !important;
padding-right: 0 !important; padding-right: 0 !important;
padding-left: 0 !important; padding-left: 0 !important;
} }
.attr-name { .attr-name {
padding-left: 0.75em !important; padding-left: 0.75em !important;
} }
</#if>
</style> </style>
</#if>
<#if is_post?? || is_sheet?? || is_journal??>
<link rel="stylesheet" href="${settings.cdn_lightgallery_css!}" />
<link rel="stylesheet" href="${settings.cdn_justifiedGallery_css!}" />
</#if>
<link rel="stylesheet" href="${theme_base!}/source/lib/outdatedbrowser/outdatedbrowser.min.css" />
<script src="${settings.cdn_pace_js!}"></script>
<link rel="stylesheet" href="${theme_base!}/source/css/style.css" />
<link rel="stylesheet" href="${theme_base!}/source/css/bundle.css" />
<link rel="stylesheet" href="${theme_base!}/source/css/back-to-top.css" />
<#include "./plugin/style.theme.ftl">
<#if post?? || journals??>
<link rel="stylesheet" type="text/css" href="${theme_base!}/source/lib/prism/css/prism-${settings.code_pretty!'Default'}.css" />
<script type="text/javascript" src="${theme_base!}/source/lib/prism/js/prism.js"></script>
</#if>
<#if is_index??>
<link rel="stylesheet" href="${theme_base!}/source/css/widget_pin.css" />
<link rel="stylesheet" href="${settings.cdn_swiper_css!}" />
</#if>
<#if settings.kanbanniang!true>
<script src="https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget@latest/autoload.js"></script>
</#if>
</head> </head>
<body class="is-3-column"> <body class="is-3-column">
<@navbar 'page' /> <@navbar 'page' />
<div class="card-normal"> <div class="card-normal">
@ -173,8 +164,8 @@
</div> </div>
</section> </section>
</div> </div>
<#include "common/footer.ftl">
<#include "common/scripts.ftl"> <#include "common/scripts.ftl">
<#include "common/footer.ftl">
<#include "search/local.ftl"> <#include "search/local.ftl">
</body> </body>
</html> </html>

76
layout/plugin/style.theme.ftl
View File

@ -48,8 +48,8 @@
--toc-vertical-line-color: #1485FE; --toc-vertical-line-color: #1485FE;
--toc-item-bg-hover: #1485FE; --toc-item-bg-hover: #1485FE;
} }
<#if settings.auto_theme!true>
<#if settings.auto_theme!true>
/* Dark mode */ /* Dark mode */
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
:root { :root {
@ -95,123 +95,98 @@
} }
} }
</#if> </#if>
html { html {
background: var(--background); background: var(--background);
color: var(--color); color: var(--color);
} }
body > .footer, body > .navbar { body > .footer, body > .navbar {
background-color: var(--cardbgcolor); background-color: var(--cardbgcolor);
color: var(--cardcolor); color: var(--cardcolor);
} }
a:hover { a:hover {
color: var(--link-color); color: var(--link-color);
} }
.content a { .content a {
color: var(--link-color); color: var(--link-color);
} }
.content a:hover { .content a:hover {
color: var(--link-hover-color); color: var(--link-hover-color);
font-weight: 400; font-weight: 400;
} }
.card { .card {
background-color: var(--cardbgcolor); background-color: var(--cardbgcolor);
color: var(--cardcolor); color: var(--cardcolor);
} }
.card .card-image img, .card .card-image img,
img.thumbnail { img.thumbnail {
filter: var(--img-default-filter); filter: var(--img-default-filter);
} }
.card .card-image img:hover, .card .card-image img:hover,
img.thumbnail:hover { img.thumbnail:hover {
filter: var(--img-hover-filter); filter: var(--img-hover-filter);
} }
.card .title { .card .title {
color: var(--color) !important; color: var(--color) !important;
} }
.navbar-dropdown { .navbar-dropdown {
background-color: var(--background); background-color: var(--background);
} }
blockquote { blockquote {
background-color: var(--code-bg-color) !important; background-color: var(--code-bg-color) !important;
color: #fff !important; color: #fff !important;
} }
.card .content, .card .content,
/*.card .title a{*/ /**
/* color: var(--cardtitlecolor) !important;*/ .card .title a{
/*}*/ color: var(--cardtitlecolor) !important;
}
*/
.pagination .pagination-link:not(.is-current), .pagination .pagination-link:not(.is-current),
.pagination .pagination-previous, .pagination .pagination-previous,
.pagination .pagination-next { .pagination .pagination-next {
background-color: var(--cardbgcolor); background-color: var(--cardbgcolor);
color: var(--cardcolor); color: var(--cardcolor);
} }
.navbar-item, .navbar-link, .navbar-item, .navbar-link,
.navbar-main .navbar-item .sub-menu { .navbar-main .navbar-item .sub-menu {
color: var(--navbarcolor); color: var(--navbarcolor);
} }
.has-link-black-ter { .has-link-black-ter {
color: var(--cardtitlecolor) !important; color: var(--cardtitlecolor) !important;
} }
.button { .button {
background-color: var(--btn-bg-color) !important; background-color: var(--btn-bg-color) !important;
color: var(--btn-color) !important; color: var(--btn-color) !important;
} }
.button:hover { .button:hover {
background-color: var(--btn-hover-color) !important; background-color: var(--btn-hover-color) !important;
} }
body > footer > div > div > div.level-end > div > a > i { body > footer > div > div > div.level-end > div > a > i {
background-color: transparent; background-color: transparent;
color: var(--color); color: var(--color);
} }
.level .level-item.button { .level .level-item.button {
background-color: var(--cardbgcolor) !important; background-color: var(--cardbgcolor) !important;
border-color: var(--cardbgcolor) !important; border-color: var(--cardbgcolor) !important;
color: var(--color) !important; color: var(--color) !important;
border: 0; border: 0;
} }
.menu-list .level { .menu-list .level {
color: var(--color); color: var(--color);
} }
.menu-list a:hover { .menu-list a:hover {
background-color: var(--background); background-color: var(--background);
opacity: 0.6; opacity: 0.6;
color: var(--link-hover-color); color: var(--link-hover-color);
} }
.tag:not(body) { .tag:not(body) {
background-color: var(--background) !important; background-color: var(--background) !important;
color: var(--color) !important; color: var(--color) !important;
} }
.content .tag { .content .tag {
background-color: transparent !important; background-color: transparent !important;
color: var(--code-class-color) !important; color: var(--code-class-color) !important;
} }
h1, h1,
h2, h2,
h3, h3,
@ -222,43 +197,35 @@
strong { strong {
color: var(--color) !important; color: var(--color) !important;
} }
.is-active a { .is-active a {
color: var(--color) !important; color: var(--color) !important;
} }
a.navbar-item:hover { a.navbar-item:hover {
background-color: var(--cardbgcolor); background-color: var(--cardbgcolor);
color: #3273dc; color: #3273dc;
} }
code { code {
color: var(--color); color: var(--color);
/*background-color: var(--code-bg-color)*/ /*background-color: var(--code-bg-color)*/
} }
code[class*="language-"], code[class*="language-"],
pre[class*="language-"] { pre[class*="language-"] {
color: var(--color); color: var(--color);
background-color: var(--code-bg-color) !important; background-color: var(--code-bg-color) !important;
} }
pre[class*="language-"], pre[class*="language-"],
:not(pre) > code[class*="language-"] { :not(pre) > code[class*="language-"] {
background: var(--background); background: var(--background);
} }
:not(pre) > code[class*="language-"] { :not(pre) > code[class*="language-"] {
border: red; border: red;
} }
.token.comment, .token.comment,
.token.prolog, .token.prolog,
.token.doctype, .token.doctype,
.token.cdata { .token.cdata {
color: var(--code-cdata-color); color: var(--code-cdata-color);
} }
.token.property, .token.property,
.token.tag, .token.tag,
.token.boolean, .token.boolean,
@ -267,7 +234,6 @@
.token.symbol { .token.symbol {
color: var(--code-symbol-color); color: var(--code-symbol-color);
} }
.token.selector, .token.selector,
.token.attr-name, .token.attr-name,
.token.string, .token.string,
@ -276,7 +242,6 @@
.token.inserted { .token.inserted {
color: var(--code-class-color); color: var(--code-class-color);
} }
.token.operator, .token.operator,
.token.entity, .token.entity,
.token.url, .token.url,
@ -285,37 +250,29 @@
.token.variable { .token.variable {
color: var(--code-variable-color); color: var(--code-variable-color);
} }
.token.atrule, .token.atrule,
.token.attr-value, .token.attr-value,
.token.keyword { .token.keyword {
color: var(--code-keyworks-color); color: var(--code-keyworks-color);
} }
.token.regex, .token.regex,
.token.important { .token.important {
color: var(--code-regex-color); color: var(--code-regex-color);
} }
.token.deleted { .token.deleted {
color: var(--code-deleted-color); color: var(--code-deleted-color);
} }
.line-numbers .line-numbers-rows { .line-numbers .line-numbers-rows {
background-color: var(--code-line-numbers-bg-color) !important; background-color: var(--code-line-numbers-bg-color) !important;
} }
.line-numbers-rows > span:before { .line-numbers-rows > span:before {
color: var(--code-line-numbers-color) !important; color: var(--code-line-numbers-color) !important;
} }
.line-highlight { .line-highlight {
background: rgba(21, 21, 21, 0.2) !important; background: rgba(21, 21, 21, 0.2) !important;
background: -webkit-linear-gradient(left, rgba(21, 21, 21, 0.2) 70%, rgba(21, 21, 21, 0)) !important; background: -webkit-linear-gradient(left, rgba(21, 21, 21, 0.2) 70%, rgba(21, 21, 21, 0)) !important;
background: linear-gradient(to right, rgba(21, 21, 21, 0.2) 70%, rgba(21, 21, 21, 0)) !important; background: linear-gradient(to right, rgba(21, 21, 21, 0.2) 70%, rgba(21, 21, 21, 0)) !important;
} }
div.code-toolbar > .toolbar a, div.code-toolbar > .toolbar a,
div.code-toolbar > .toolbar button, div.code-toolbar > .toolbar button,
div.code-toolbar > .toolbar span { div.code-toolbar > .toolbar span {
@ -323,7 +280,6 @@
/*box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);*/ /*box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);*/
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
} }
div.code-toolbar > .toolbar a:hover, div.code-toolbar > .toolbar a:hover,
div.code-toolbar > .toolbar a:focus, div.code-toolbar > .toolbar a:focus,
div.code-toolbar > .toolbar button:hover, div.code-toolbar > .toolbar button:hover,
@ -332,85 +288,65 @@
div.code-toolbar > .toolbar span:focus { div.code-toolbar > .toolbar span:focus {
color: var(--code-toolbar-color) !important; color: var(--code-toolbar-color) !important;
} }
.line-numbers-rows > span:before { .line-numbers-rows > span:before {
color: #fff; color: #fff;
} }
.content table thead td, .content table thead td,
.content table thead th { .content table thead th {
color: var(--color); color: var(--color);
} }
#toc ul li a, #toc ul li a,
#toc ul li ul li a, #toc ul li ul li a,
#toc ul li ul li ul li a { #toc ul li ul li ul li a {
color: var(--color); color: var(--color);
} }
#toc .active { #toc .active {
color: var(--toc-dot-active-color) !important; color: var(--toc-dot-active-color) !important;
} }
#toc > ul li::before { #toc > ul li::before {
background-color: var(--toc-dot-color) background-color: var(--toc-dot-color)
} }
#toc a:hover { #toc a:hover {
color: var(--toc-dot-active-color) !important; color: var(--toc-dot-active-color) !important;
background-color: var(--toc-dot-active-bg-color); background-color: var(--toc-dot-active-bg-color);
} }
#toc > ul:before { #toc > ul:before {
background-color: var(--toc-vertical-line-color); background-color: var(--toc-vertical-line-color);
} }
.navbar-burger { .navbar-burger {
color: var(--color); color: var(--color);
} }
.navbar-menu { .navbar-menu {
background-color: var(--cardbgcolor); background-color: var(--cardbgcolor);
} }
body > .navbar { body > .navbar {
background-color: var(--navbarbgcolor); background-color: var(--navbarbgcolor);
-webkit-backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px); backdrop-filter: blur(20px);
} }
.content table thead td, .content table thead td,
.content table thead th { .content table thead th {
border: 1px solid var(--background); border: 1px solid var(--background);
} }
.content table td, .content table td,
.content table th { .content table th {
border: 1px solid var(--background); border: 1px solid var(--background);
} }
table { table {
border: 2px solid var(--btn-hover-color); border: 2px solid var(--btn-hover-color);
} }
thead, tbody, tr, th { thead, tbody, tr, th {
border: 1px solid var(--background); border: 1px solid var(--background);
} }
footer .title { footer .title {
color: var(--color); color: var(--color);
} }
footer .button { footer .button {
background-color: var(--cardbgcolor) !important; background-color: var(--cardbgcolor) !important;
} }
.has-text-black-ter { .has-text-black-ter {
color: var(--color) !important; color: var(--color) !important;
} }
blockquote ul { blockquote ul {
padding: 0 10px !important; padding: 0 10px !important;
margin: 0 !important; margin: 0 !important;

3
layout/search/local.ftl
View File

@ -42,7 +42,6 @@
</@categoryTag> </@categoryTag>
</div> </div>
</div> </div>
</section> </section>
<section class="ins-section"> <section class="ins-section">
<header class="ins-section-header">标签</header> <header class="ins-section-header">标签</header>
@ -52,7 +51,6 @@
<#list tags as tag> <#list tags as tag>
<a href="${tag.fullPath!}"> <a href="${tag.fullPath!}">
<div class="ant-tag ant-tag-green" style="margin-bottom: 8px;"> ${tag.name!}</div> <div class="ant-tag ant-tag-green" style="margin-bottom: 8px;"> ${tag.name!}</div>
<#-- <div class="ins-selectable ins-search-item">--> <#-- <div class="ins-selectable ins-search-item">-->
<#-- <header>--> <#-- <header>-->
<#-- <i class="fa fa-tag"></i>--> <#-- <i class="fa fa-tag"></i>-->
@ -74,7 +72,6 @@
function openSearchPanel() { function openSearchPanel() {
$(".ins-search").addClass("show"); $(".ins-search").addClass("show");
} }
function closeSearchPanel() { function closeSearchPanel() {
$(".ins-search").removeClass("show"); $(".ins-search").removeClass("show");
} }

2
layout/share/sharejs.ftl
View File

@ -1,4 +1,4 @@
<div class="social-share column is-one-third" style="margin-left: 1.5em;" data-disabled="tencent,linkedin,douban,diandian,google"> <div class="social-share column is-one-third" style="margin-left: 1.5em;" data-disabled="tencent,linkedin,douban,diandian,google,qzone">
<#if is_post??> <#if is_post??>
<a href="#" class="social-share-icon views"> <a href="#" class="social-share-icon views">
<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="readme" class="svg-inline--fa fa-readme fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M528.3 46.5H388.5c-48.1 0-89.9 33.3-100.4 80.3-10.6-47-52.3-80.3-100.4-80.3H48c-26.5 0-48 21.5-48 48v245.8c0 26.5 21.5 48 48 48h89.7c102.2 0 132.7 24.4 147.3 75 .7 2.8 5.2 2.8 6 0 14.7-50.6 45.2-75 147.3-75H528c26.5 0 48-21.5 48-48V94.6c0-26.4-21.3-47.9-47.7-48.1zM242 311.9c0 1.9-1.5 3.5-3.5 3.5H78.2c-1.9 0-3.5-1.5-3.5-3.5V289c0-1.9 1.5-3.5 3.5-3.5h160.4c1.9 0 3.5 1.5 3.5 3.5v22.9zm0-60.9c0 1.9-1.5 3.5-3.5 3.5H78.2c-1.9 0-3.5-1.5-3.5-3.5v-22.9c0-1.9 1.5-3.5 3.5-3.5h160.4c1.9 0 3.5 1.5 3.5 3.5V251zm0-60.9c0 1.9-1.5 3.5-3.5 3.5H78.2c-1.9 0-3.5-1.5-3.5-3.5v-22.9c0-1.9 1.5-3.5 3.5-3.5h160.4c1.9 0 3.5 1.5 3.5 3.5v22.9zm259.3 121.7c0 1.9-1.5 3.5-3.5 3.5H337.5c-1.9 0-3.5-1.5-3.5-3.5v-22.9c0-1.9 1.5-3.5 3.5-3.5h160.4c1.9 0 3.5 1.5 3.5 3.5v22.9zm0-60.9c0 1.9-1.5 3.5-3.5 3.5H337.5c-1.9 0-3.5-1.5-3.5-3.5V228c0-1.9 1.5-3.5 3.5-3.5h160.4c1.9 0 3.5 1.5 3.5 3.5v22.9zm0-60.9c0 1.9-1.5 3.5-3.5 3.5H337.5c-1.9 0-3.5-1.5-3.5-3.5v-22.8c0-1.9 1.5-3.5 3.5-3.5h160.4c1.9 0 3.5 1.5 3.5 3.5V190z"></path></svg> <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="readme" class="svg-inline--fa fa-readme fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M528.3 46.5H388.5c-48.1 0-89.9 33.3-100.4 80.3-10.6-47-52.3-80.3-100.4-80.3H48c-26.5 0-48 21.5-48 48v245.8c0 26.5 21.5 48 48 48h89.7c102.2 0 132.7 24.4 147.3 75 .7 2.8 5.2 2.8 6 0 14.7-50.6 45.2-75 147.3-75H528c26.5 0 48-21.5 48-48V94.6c0-26.4-21.3-47.9-47.7-48.1zM242 311.9c0 1.9-1.5 3.5-3.5 3.5H78.2c-1.9 0-3.5-1.5-3.5-3.5V289c0-1.9 1.5-3.5 3.5-3.5h160.4c1.9 0 3.5 1.5 3.5 3.5v22.9zm0-60.9c0 1.9-1.5 3.5-3.5 3.5H78.2c-1.9 0-3.5-1.5-3.5-3.5v-22.9c0-1.9 1.5-3.5 3.5-3.5h160.4c1.9 0 3.5 1.5 3.5 3.5V251zm0-60.9c0 1.9-1.5 3.5-3.5 3.5H78.2c-1.9 0-3.5-1.5-3.5-3.5v-22.9c0-1.9 1.5-3.5 3.5-3.5h160.4c1.9 0 3.5 1.5 3.5 3.5v22.9zm259.3 121.7c0 1.9-1.5 3.5-3.5 3.5H337.5c-1.9 0-3.5-1.5-3.5-3.5v-22.9c0-1.9 1.5-3.5 3.5-3.5h160.4c1.9 0 3.5 1.5 3.5 3.5v22.9zm0-60.9c0 1.9-1.5 3.5-3.5 3.5H337.5c-1.9 0-3.5-1.5-3.5-3.5V228c0-1.9 1.5-3.5 3.5-3.5h160.4c1.9 0 3.5 1.5 3.5 3.5v22.9zm0-60.9c0 1.9-1.5 3.5-3.5 3.5H337.5c-1.9 0-3.5-1.5-3.5-3.5v-22.8c0-1.9 1.5-3.5 3.5-3.5h160.4c1.9 0 3.5 1.5 3.5 3.5V190z"></path></svg>

2
layout/widget/toc-post.ftl
View File

@ -114,7 +114,7 @@
var id = that.attr('href'); var id = that.attr('href');
var target = $(id); var target = $(id);
if (scrollTop >= target.offset().top - offset) { if (target.offset() && scrollTop >= target.offset().top - offset) {
anchors.removeClass('active'); anchors.removeClass('active');
anchors.parent().removeClass("lit-active"); anchors.parent().removeClass("lit-active");
that.addClass('active'); that.addClass('active');

6
source/css/style.css
View File

@ -257,6 +257,9 @@ img.thumbnail {
border-left: 0.4rem solid #4b8af3; border-left: 0.4rem solid #4b8af3;
background-color: #e9f5fe; background-color: #e9f5fe;
} }
.content blockquote {
padding: 0.25em 0.5em;
}
.rtl { .rtl {
direction: rtl; direction: rtl;
} }
@ -437,6 +440,9 @@ img.thumbnail {
font-size: 0.95em; font-size: 0.95em;
font-family: 'Fira Sans', monospace, "Microsoft YaHei"; font-family: 'Fira Sans', monospace, "Microsoft YaHei";
} }
.content code {
color: #ff3860 !important;
}
.content blockquote footer strong + cite { .content blockquote footer strong + cite {
margin-left: 0.5em; margin-left: 0.5em;
} }

6
source/css/style.styl
View File

@ -224,7 +224,9 @@ img.thumbnail
blockquote blockquote
border-left: .4rem solid #4b8af3 border-left: .4rem solid #4b8af3
background-color: #e9f5fe background-color: #e9f5fe
.content
blockquote
padding: 0.25em 0.5em
.rtl .rtl
direction: rtl direction: rtl
.level .level
@ -383,6 +385,8 @@ img.thumbnail
code, pre code, pre
font-size: 0.95em font-size: 0.95em
font-family: family-mono font-family: family-mono
code
color: #ff3860 !important
//code //code
// color: hsl(348, 100%, 61%) // color: hsl(348, 100%, 61%)
// background: transparent // background: transparent

2
theme.yaml
View File

@ -7,5 +7,5 @@ description: Fantastic主题修改版，https://github.com/jinqilin721/halo-them
logo: https://blog.xinac.cn/avatar logo: https://blog.xinac.cn/avatar
website: https://github.com/jinqilin721/halo-theme-xinac-fantastic website: https://github.com/jinqilin721/halo-theme-xinac-fantastic
repo: https://github.com/jinqilin721/halo-theme-xinac-fantastic repo: https://github.com/jinqilin721/halo-theme-xinac-fantastic
version: 1.3.2 version: 1.3.3
require: 1.3.0 require: 1.3.0