lianglianglee
/
hexo-theme-keep
mirror of https://github.com/liangliangle/hexo-theme-keep.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

style: some module styles have been updated

This commit is contained in:
XPoet 2020-04-07 11:57:53 +08:00
parent 9f639d8939
commit 50a2a544f4
27 changed files with 250 additions and 260 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
_config.yml
View File

@ -1,45 +1,34 @@
# Theme Info # theme basic info
theme_name: ILS-X theme_info:
author: XPoet
theme_version: 1.0.0 name: ILS-X
version: 1.0.0
repository: https://github.com/XPoet/hexo-theme-ils
# navigation menu
menu: menu:
Home: / Home: /
Archives: /archives Archives: /archives
About: /about About: /about
# RSS
rss: /atom.xml rss: /atom.xml
# favicon
favicon: images/favicon.png favicon: images/favicon.png
avatar: images/avatar.png # comment system
comments:
# Social Links. # Valine.
# Usage: `Key: permalink || icon` # You can get your appid and appkey from https://leancloud.cn
# Key is the link label showing to end users. # more info please open https://github.com/xCss/Valine
# Value before `||` delimeter is the target permalink. valine:
# Value after `||` delimeter is the name of FontAwesome icon.
social:
#GitHub: https://github.com/yourname || github
#E-Mail: mailto:yourmail || envelope
#Google: https://plus.google.com/yourname || google
#Twitter: https://twitter.com/yourname || twitter
#Weibo: https://www.facebook.com/yourname || weibo
#FB Page: https://www.facebook.com/yourname || facebook
#VK Group: https://vk.com/yourname || vk
#StackOverflow: https://stackoverflow.com/yourname || stack-overflow
#Instagram: https://instagram.com/yourname || instagram
# Valine.
# You can get your appid and appkey from https://leancloud.cn
# more info please open https://github.com/xCss/Valine
valine:
enable: false enable: false
appid: # your leancloud application appid appid: # your leancloud application appid
appkey: # your leancloud application appkey appkey: # your leancloud application appkey
notify: false # mail notifier, https://github.com/xCss/Valine/wiki notify: false # mail notifier, https://github.com/xCss/Valine/wiki
verify: false # Verification code verify: false # Verification code
placeholder: 评论一下再走吧~ placeholder: 填写昵称和邮箱才能收到回复通知哦~
# Show PV/UV of the website/page with busuanzi. # Show PV/UV of the website/page with busuanzi.
# Get more information on http://ibruce.info/2015/04/04/busuanzi/ # Get more information on http://ibruce.info/2015/04/04/busuanzi/
@ -66,9 +55,3 @@ local_search:
unescape: false unescape: false
# Preload the search data when the page loads. # Preload the search data when the page loads.
preload: false preload: false
# Assets
css: css
js: js
images: images

2
layout/_partial/footer.ejs
View File

@ -5,7 +5,7 @@
</div> </div>
<div class="theme-info info-item"> <div class="theme-info info-item">
<%- __('powered_by', '<a target="_blank" href="https://hexo.io">Hexo</a>') %>. <%- __('theme_for') %> <a <%- __('powered_by', '<a target="_blank" href="https://hexo.io">Hexo</a>') %>. <%- __('theme_for') %> <a
href="https://github.com/XPoet/hexo-theme-ils" target="_blank"><%= theme.theme_name %> v<%= theme.theme_version %></a> href="https://github.com/XPoet/hexo-theme-ils" target="_blank"><%= theme.theme_info.name %> v<%= theme.theme_info.version %></a>
</div> </div>
<% if (theme.busuanzi_count.enable) { %> <% if (theme.busuanzi_count.enable) { %>
<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script> <script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>

2
layout/_partial/header.ejs
View File

@ -2,7 +2,7 @@
<div class="header-content"> <div class="header-content">
<a class="logo-title article-title-hover-animation" href="/"> <a class="logo-title" href="/">
<%= config.title %> <%= config.title %>
</a> </a>

2
layout/_partial/tools.ejs
View File

@ -4,7 +4,7 @@
<li class="search popup-trigger"> <li class="search popup-trigger">
<i class="fa fa-search"></i> <i class="fa fa-search"></i>
</li> </li>
<%- next_js('local-search.js') %> <%- js('js/local-search.js') %>
<% } %> <% } %>
<li class="mode-toggle"> <li class="mode-toggle">
<i class="fa fa-moon-o"></i> <i class="fa fa-moon-o"></i>

12
layout/_partial/valine.ejs
View File

@ -1,16 +1,16 @@
<% if(theme.valine.enable && theme.valine.appid && theme.valine.appkey) { %> <% if(theme.comments.valine.enable && theme.comments.valine.appid && theme.comments.valine.appkey) { %>
<div class="valine-container"> <div class="valine-container">
<script src='//unpkg.com/valine/dist/Valine.min.js'></script> <script src='//unpkg.com/valine/dist/Valine.min.js'></script>
<div id="vcomments"></div> <div id="vcomments"></div>
<script> <script>
new Valine({ new Valine({
el: '#vcomments', el: '#vcomments',
appId: '<%= theme.valine.appid %>', appId: '<%= theme.comments.valine.appid %>',
appKey: '<%= theme.valine.appkey %>', appKey: '<%= theme.comments.valine.appkey %>',
notify: '<%= theme.valine.notify %>', notify: '<%= theme.comments.valine.notify %>',
verify: '<%= theme.valine.verify %>', verify: '<%= theme.comments.valine.verify %>',
avatar: 'wavatar', avatar: 'wavatar',
placeholder: '<%= theme.valine.placeholder %>', placeholder: '<%= theme.comments.valine.placeholder %>',
lang: '<%= config.language%>'.toLowerCase() lang: '<%= config.language%>'.toLowerCase()
}) })
</script> </script>

1
layout/archive-content.ejs
View File

@ -6,7 +6,6 @@ const postList = createNewArchivePosts(is_archive() ? site.posts : page.posts)
<section class="archive-item"> <section class="archive-item">
<div class="archive-item-header"> <div class="archive-item-header">
<span class="archive-year"><%= postYear.year %></span> <span class="archive-year"><%= postYear.year %></span>
<i class="archive-year-number">- <%= postYear.postList.length %> -</i>
</div> </div>
<ul class="article-list"> <ul class="article-list">
<% postYear.postList.forEach(post => { %> <% postYear.postList.forEach(post => { %>

2
layout/article-content.ejs
View File

@ -1,6 +1,6 @@
<div class="article-content-container"> <div class="article-content-container">
<div class="article-title"> <div class="article-title">
<h3><a class="article-title-hover-animation"><%= page.title %></a></h3> <h3><a class="title-hover-animation"><%= page.title %></a></h3>
</div> </div>
<div class="meta-info"> <div class="meta-info">

6
layout/home-content.ejs
View File

@ -1,11 +1,9 @@
<div class="home-content-container"> <div class="home-content-container">
<ul class="home-article-list"> <ul class="home-article-list">
<% page.posts.forEach(post => { %> <% page.posts.forEach(post => { %>
<li class="home-article-item"> <li class="home-article-item">
<h3 class="home-article-title"> <h3 class="home-article-title">
<a class="article-title-hover-animation" href="<%- url_for(post.path) %>"><%= post.title %></a> <a class="title-hover-animation" href="<%- url_for(post.path) %>"><%= post.title %></a>
</h3> </h3>
<div class="home-article-content markdown-body"> <div class="home-article-content markdown-body">
@ -18,7 +16,7 @@
<div class="home-article-meta-info"> <div class="home-article-meta-info">
<span class="article-date"> <span class="article-date">
<i class="fa fa-calendar-o"></i> <%= date(post.date, 'YYYY-MM-DD') %> <i class="fa fa-pencil-square-o"></i> <%= date(post.date, 'YYYY-MM-DD') %>
</span> </span>
<hr> <hr>
<a href="<%- url_for(post.path) %>">阅读全文 <i class="fa fa-angle-right"></i></a> <a href="<%- url_for(post.path) %>">阅读全文 <i class="fa fa-angle-right"></i></a>

8
package.json
View File

@ -1,5 +1,5 @@
{ {
"name": "hexo-theme-poem", "name": "hexo-theme-ils",
"version": "0.0.1", "version": "0.0.1",
"description": "A simple and beautiful theme for Hexo.", "description": "A simple and beautiful theme for Hexo.",
"main": "index.js", "main": "index.js",
@ -8,12 +8,12 @@
}, },
"repository": { "repository": {
"type": "git", "type": "git",
"url": "git+ssh://git@github.com/XPoet/hexo-theme-poem.git" "url": "git+ssh://git@github.com/XPoet/hexo-theme-ils.git"
}, },
"author": "XPoet", "author": "XPoet",
"license": "MIT", "license": "MIT",
"bugs": { "bugs": {
"url": "https://github.com/XPoet/hexo-theme-poem/issues" "url": "https://github.com/XPoet/hexo-theme-ils/issues"
}, },
"homepage": "https://github.com/XPoet/hexo-theme-poem#readme" "homepage": "https://github.com/XPoet/hexo-theme-ils#readme"
} }

49
scripts/helpers/engine.js
View File

@ -1,49 +0,0 @@
/* global hexo */
'use strict';
hexo.extend.helper.register('next_inject', function(point) {
return hexo.theme.config.injects[point]
.map(item => this.partial(item.layout, item.locals, item.options))
.join('');
});
hexo.extend.helper.register('next_js', function(...urls) {
const { js } = hexo.theme.config;
return urls.map(url => this.js(`${js}/${url}`)).join('');
});
hexo.extend.helper.register('next_vendors', function(url) {
if (url.startsWith('//')) return url;
const internal = hexo.theme.config.vendors._internal;
return this.url_for(`${internal}/${url}`);
});
hexo.extend.helper.register('post_edit', function(src) {
const theme = hexo.theme.config;
if (!theme.post_edit.enable) return '';
return this.next_url(theme.post_edit.url + src, '<i class="fa fa-pencil"></i>', {
class: 'post-edit-link',
title: this.__('post.edit')
});
});
hexo.extend.helper.register('post_nav', function(post) {
const theme = hexo.theme.config;
if (theme.post_navigation === false || (!post.prev && !post.next)) return '';
const prev = theme.post_navigation === 'right' ? post.prev : post.next;
const next = theme.post_navigation === 'right' ? post.next : post.prev;
const left = prev ? `
<a href="${this.url_for(prev.path)}" rel="prev" title="${prev.title}">
<i class="fa fa-chevron-left"></i> ${prev.title}
</a>` : '';
const right = next ? `
<a href="${this.url_for(next.path)}" rel="next" title="${next.title}">
${next.title} <i class="fa fa-chevron-right"></i>
</a>` : '';
return `
<div class="post-nav">
<div class="post-nav-item">${left}</div>
<div class="post-nav-item">${right}</div>
</div>`;
});

4
scripts/helpers/export-config.js
View File

@ -13,9 +13,7 @@ hexo.extend.helper.register('export_config', function() {
hostname : url.parse(config.url).hostname || config.url, hostname : url.parse(config.url).hostname || config.url,
root : config.root, root : config.root,
localsearch: theme.local_search, localsearch: theme.local_search,
themeName: theme.theme_name, themeInfo: theme.theme_info
themeVersion: theme.theme_version,
pageLayout: theme.page
}; };
if (config.search) { if (config.search) {
exportConfig.path = config.search.path; exportConfig.path = config.search.path;

6
source/css/layout/_partial/article-meta-info.styl
View File

@ -1,11 +1,9 @@
@require '../common/variables.styl' @require '../common/variables.styl'
$article-meta-info-font-size = 12px;
.article-meta-info { .article-meta-info {
color: var(--third-text-color); color: var(--third-text-color);
font-size: $article-meta-info-font-size; font-size: 0.8em;
.article-meta-item { .article-meta-item {
margin-right: 10px; margin-right: 10px;
@ -26,7 +24,7 @@ $article-meta-info-font-size = 12px;
color: var(--third-text-color); color: var(--third-text-color);
&:hover { &:hover {
color: $primary-color; color: var(--primary-color);
} }
} }
} }

3
source/css/layout/_partial/header.styl
View File

@ -22,12 +22,11 @@
z-index: $z-index-5; z-index: $z-index-5;
.logo-title { .logo-title {
font-size: 28px; font-size: 2.2em;
font-weight: bold; font-weight: bold;
letter-spacing: 1px; letter-spacing: 1px;
color: var(--first-text-color); color: var(--first-text-color);
transform-origin: left center; transform-origin: left center;
transition: all 0.5s ease;
} }

7
source/css/layout/_partial/local-search.styl
View File

@ -1,6 +1,6 @@
@require '../common/variables.styl' @require '../common/variables.styl'
$icon-size = 18px; $icon-size = 1.2em;
.search-pop-overlay { .search-pop-overlay {
display: none; display: none;
@ -25,10 +25,13 @@ $icon-size = 18px;
width: 70%; width: 70%;
z-index: $z-index-6; z-index: $z-index-6;
.search-icon, .popup-btn-close { .search-icon, .popup-btn-close {
color: var(--normal-text-color); color: var(--normal-text-color);
font-size: $icon-size; font-size: $icon-size;
padding: 0 10px; padding: 0 10px;
display: flex;
align-items: center;
} }
.popup-btn-close { .popup-btn-close {
@ -54,7 +57,7 @@ input.search-input {
border: 0; border: 0;
outline: 0; outline: 0;
width: 100%; width: 100%;
font-size: 16px; font-size: 1.2em;
&::-webkit-search-cancel-button { &::-webkit-search-cancel-button {
display: none; display: none;

2
source/css/layout/_partial/tools.styl
View File

@ -10,7 +10,7 @@
border: 1px solid var(--third-text-color); border: 1px solid var(--third-text-color);
width: 26px; width: 26px;
height: 26px; height: 26px;
font-size: 16px; font-size: 1.2em;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;

9
source/css/layout/archive-content.styl
View File

@ -1,8 +1,8 @@
@require 'common/variables.styl' @require 'common/variables.styl'
$archive-year-font-size = 24px; $archive-year-font-size = 1.8em;
$article-title-font-size = 16px; $article-title-font-size = 1.12em;
$article-date-font-size = 14px; $article-date-font-size = 0.8em;
.archive-container { .archive-container {
@ -21,10 +21,9 @@ $article-date-font-size = 14px;
.article-list { .article-list {
padding-left: 20px;
.article-item { .article-item {
margin: 20px 0; margin: 22px 0;
font-size: $article-title-font-size; font-size: $article-title-font-size;
a.article-title { a.article-title {

6
source/css/layout/article-content.styl
View File

@ -6,7 +6,7 @@
h3 { h3 {
font-weight: 600; font-weight: 600;
font-size: 22px; font-size: 1.8em;
margin: 0; margin: 0;
} }
@ -17,11 +17,11 @@
} }
.meta-info { .meta-info {
margin: 10px 0 20px 0; margin: 10px 0 30px 0;
} }
.article-content { .article-content {
padding-bottom: 20px; padding-bottom: 30px;
border-bottom: 1px solid $border-color; border-bottom: 1px solid $border-color;
} }

6
source/css/layout/category-content.styl
View File

@ -3,8 +3,8 @@
.category-container { .category-container {
.category-name { .category-name {
color: var(--second-text-color); color: var(--second-text-color);
font-size 20px font-size: 1.6em;
font-weight 600 font-weight: 600;
margin-bottom 10px margin-bottom: 32px;
} }
} }

68
source/css/layout/common/animated.styl
View File

@ -1,13 +1,27 @@
.animated { the-transition() {
transition-duration: 0.2s;
transition-timing-function: ease-in-out;
transition-delay: 0s;
}
the-transition-ease-in() {
transition-duration: 0.2s;
transition-timing-function: ease-in;
transition-delay: 0s;
}
the-transition-ease-out() {
transition-duration: 0.2s;
transition-timing-function: ease-out;
transition-delay: 0s;
}
.fade-in-down-animation {
animation-fill-mode: both; animation-fill-mode: both;
animation-duration: 1s; animation-duration: 1s;
animation-name fade-in-down animation-name fade-in-down
} }
.animated.hinge {
animation-duration: 1s;
}
@keyframes fade-in-down { @keyframes fade-in-down {
0% { 0% {
opacity: 0; opacity: 0;
@ -20,22 +34,30 @@
} }
} }
the-transition() { .title-hover-animation {
transition-duration: 0.2s; display: inline-block;
transition-timing-function: ease-in-out; position: relative;
transition-delay: 0s; color: var(--second-text-color);
} border-bottom: none;
line-height: 1.3;
vertical-align: top;
the-transition-ease-in() {
transition-duration: 0.2s; &::before {
transition-timing-function: ease-in; content: "";
transition-delay: 0s; position: absolute;
} width: 100%;
height: 2px;
bottom: -4px;
the-transition-ease-out() { left: 0;
transition-duration: 0.2s; background-color: var(--second-text-color);
transition-timing-function: ease-out; visibility: hidden;
transition-delay: 0s; transform: scaleX(0);
the-transition();
}
&:hover::before {
visibility: visible;
transform: scaleX(1);
}
} }

60
source/css/layout/common/basic.styl
View File

@ -10,10 +10,14 @@ html, body {
font-family: $default-font-family; font-family: $default-font-family;
font-weight: $default-font-weight; font-weight: $default-font-weight;
line-height: $default-font-line-height; line-height: $default-font-line-height;
//-webkit-font-smoothing antialiased;
transition: all 0.5s ease; transition: all 0.5s ease;
} }
::selection {
background: var(--selection-color);
color: #fff;
}
ul, ul,
li, li,
ol { ol {
@ -22,15 +26,6 @@ ol {
list-style: none; list-style: none;
} }
button {
padding: 0;
margin: 0;
border: 0;
outline: none;
cursor: pointer;
background: transparent;
}
a { a {
text-decoration: none; text-decoration: none;
color: var(--normal-text-color); color: var(--normal-text-color);
@ -40,8 +35,15 @@ a:hover, a:active {
color: var(--primary-color); color: var(--primary-color);
} }
button {
padding: 0;
margin: 0;
border: 0;
outline: none;
cursor: pointer;
background: transparent;
}
// 预设的按钮样式
.btn { .btn {
display: inline-block; display: inline-block;
position: relative; position: relative;
@ -58,39 +60,3 @@ a:hover, a:active {
border: 1px solid var(--primary-color); border: 1px solid var(--primary-color);
} }
} }
// 文章标题悬浮动画
.article-title-hover-animation {
display: inline-block;
position: relative;
color: var(--second-text-color);
border-bottom: none;
line-height: 1.3;
vertical-align: top;
&::before {
content: "";
position: absolute;
width: 100%;
height: 2px;
bottom: -4px;
left: 0;
background-color: var(--second-text-color);
visibility: hidden;
transform: scaleX(0);
the-transition();
}
&:hover::before {
visibility: visible;
transform: scaleX(1);
}
}
::selection {
background: var(--selection-color);
color: #fff;
}

139
source/css/layout/common/markdown.styl
View File

@ -3,10 +3,10 @@
.markdown-body { .markdown-body {
blockquote { blockquote {
border-left: 5px solid var(--normal-text-color); border-left: 5px solid var(--third-text-color);
margin: 0; margin: 20px 0;
padding: 0 0 0 10px; padding: 0 0 0 10px;
color : var(--third-text-color); color: var(--third-text-color);
} }
p { p {
@ -14,51 +14,117 @@
} }
a { a {
color: var(--primary-color); color: #2050ff;
} }
a:hover { a:hover {
text-decoration: underline; text-decoration: underline;
} }
ul > li, ol > li {
margin-left: 35px;
line-height: 1.8em;
}
ul {
li {
list-style: disc;
ul {
li {
list-style: circle;
ul {
li {
list-style: square;
}
}
}
}
}
}
ol {
li {
list-style: upper-roman;
ol {
li {
list-style: lower-roman;
ol {
li {
list-style: lower-alpha;
}
}
}
}
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
}
h1 { h1 {
color: var(--second-text-color); color: var(--second-text-color);
font-size: 2.2em; font-size: 2em;
font-weight: 600; font-weight: 600;
margin-block-start: 1.1em;
margin-block-end: 1.1em;
} }
h2 { h2 {
color: var(--second-text-color); color: var(--second-text-color);
font-size: 2em; font-size: 1.8em;
font-weight: 600; font-weight: 600;
margin-block-start: 1.1em;
margin-block-end: 1.1em;
} }
h3 { h3 {
color: var(--second-text-color); color: var(--second-text-color);
font-size: 1.8em; font-size: 1.6em;
font-weight: 550; font-weight: 550;
margin-block-start: 1em;
margin-block-end: 1em;
} }
h4 { h4 {
color: var(--second-text-color); color: var(--second-text-color);
font-size: 1.6em; font-size: 1.4em;
font-weight: 500; font-weight: 550;
margin-block-start: 1em;
margin-block-end: 1em;
} }
h5 { h5 {
color: var(--second-text-color); color: var(--second-text-color);
font-size: 1.4em; font-size: 1.2em;
font-weight: 450; font-weight: 500;
margin-block-start: 0.9em;
margin-block-end: 0.9em;
} }
h6 { h6 {
color: var(--second-text-color); color: var(--second-text-color);
font-size: 1.2em; font-size: 1.2em;
font-weight: 400; font-weight: 500;
margin-block-start: 0.9em;
margin-block-end: 0.9em;
} }
@ -69,39 +135,38 @@
border: 1px solid var(--border-color); border: 1px solid var(--border-color);
} }
table:not(figure.highlight) { & > table {
border-spacing: 0;
border-collapse: collapse;
display: block;
width: 100%;
overflow: auto;
border: solid var(--border-color); td,
border-width: 1px 0 0 1px;
thead {
background: var(--border-color);
tr {
th { th {
margin: 0; padding: 0;
padding: 4px;
border: solid var(--border-color);
border-width: 0 1px 1px 0;
}
}
} }
tbody { th {
font-weight: 600;
}
td,
th {
padding: 6px 13px;
border: 1px solid #dfe2e5;
}
tr { tr {
margin: 0; //background-color: #fff;
border-top: 1px solid #c6cbd1;
td {
padding: 4px;
border: solid var(--border-color);
border-width: 0 1px 1px 0;
}
} }
} tr:nth-child(2n) {
//background-color: #f6f8fa;
} }
}
} }

8
source/css/layout/common/variables.styl
View File

@ -25,23 +25,23 @@ $z-index-6 = 1006;
// color // color
// =============================== // ===============================
// normal mode color // normal mode color
$primary-color = #a13b17; // 主题颜色 $primary-color = #62bbbd; // 主题颜色
$background-color = #fcfcfc; // 背景颜色 $background-color = #fcfcfc; // 背景颜色
$normal-text-color = #515061; // 通用文本颜色（默认字体颜色） $normal-text-color = #515061; // 通用文本颜色（默认字体颜色）
$first-text-color = darken($normal-text-color, 20%); // 第一文本颜色 $first-text-color = darken($normal-text-color, 20%); // 第一文本颜色
$second-text-color = darken($normal-text-color, 10%); // 第二文本颜色 $second-text-color = darken($normal-text-color, 10%); // 第二文本颜色
$third-text-color = lighten($normal-text-color, 20%); // 第三文本颜色 $third-text-color = lighten($normal-text-color, 30%); // 第三文本颜色
$border-color = darken($background-color, 15%); // 边框颜色 $border-color = darken($background-color, 15%); // 边框颜色
$selection-color = lighten($primary-color, 8%); $selection-color = lighten($primary-color, 8%);
// dark mode color // dark mode color
$dark-primary-color = $primary-color; $dark-primary-color = $primary-color;
$dark-background-color = #444; $dark-background-color = #3a3a3a;
$dark-normal-text-color = #bbb; $dark-normal-text-color = #bbb;
$dark-first-text-color = lighten($dark-normal-text-color, 30%); $dark-first-text-color = lighten($dark-normal-text-color, 30%);
$dark-second-text-color = lighten($dark-normal-text-color, 20%); $dark-second-text-color = lighten($dark-normal-text-color, 20%);
$dark-third-text-color = darken($dark-normal-text-color, 20%); $dark-third-text-color = darken($dark-normal-text-color, 20%);
$dark-border-color = lighten($dark-background-color, 15%); $dark-border-color = lighten($dark-background-color, 20%);
$dark-selection-color = $selection-color; $dark-selection-color = $selection-color;

22
source/css/layout/home-content.styl
View File

@ -18,15 +18,15 @@
top: 50%; top: 50%;
transform: translateY(-50%); transform: translateY(-50%);
left: -16px; left: -16px;
width: 2px; width: 3px;
height: 20px; height: 22px;
background: $primary-color; background: $primary-color;
transition: all 0.5s ease; transition: all 0.5s ease;
} }
font-weight: 600; font-weight: 600;
color: var(--second-text-color); color: var(--second-text-color);
font-size: 22px; font-size: 1.5em;
margin: 0; margin: 0;
a { a {
@ -43,18 +43,28 @@
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
color: var(--third-text-color);
font-size: 0.9em;
span { span.article-date {
letter-spacing: 1px; letter-spacing: 0.5px;
} }
hr { hr {
border: none; border: none;
flex: 1; flex: 1;
height: 1px; height: 1px;
background: $border-color; background: var(--border-color);
margin: 0 10px; margin: 0 10px;
} }
a {
color: var(--third-text-color);
&:hover {
color: var(--primary-color)
}
}
} }
} }

2
source/css/layout/page.styl
View File

@ -50,7 +50,7 @@
color: var(--frist-text-color); color: var(--frist-text-color);
i { i {
font-size: 16px; font-size: 1.2em;
} }
} }
} }

6
source/css/layout/tag-content.styl
View File

@ -3,8 +3,8 @@
.tag-container { .tag-container {
.tag-name { .tag-name {
color: var(--second-text-color); color: var(--second-text-color);
font-size 20px font-size: 1.6em;
font-weight 600 font-weight: 600;
margin-bottom 10px margin-bottom: 32px;
} }
} }

2
source/js/main.js
View File

@ -1,3 +1,3 @@
window.addEventListener('DOMContentLoaded', () => { window.addEventListener('DOMContentLoaded', () => {
console.log(`${CONFIG.themeName} v${CONFIG.themeVersion}`); console.log(`${CONFIG.themeInfo.name} v${CONFIG.themeInfo.version}`);
}); });

3
source/js/scroll-to-top.js
View File

@ -1,7 +1,7 @@
scrollToTopDom.addEventListener('click', () => { scrollToTopDom.addEventListener('click', () => {
let scrollTopTimer = setInterval(function () { let scrollTopTimer = setInterval(function () {
let top = document.body.scrollTop || document.documentElement.scrollTop; let top = document.body.scrollTop || document.documentElement.scrollTop;
let speed = top / 4; let speed = top / 3;
if (document.body.scrollTop !== 0) { if (document.body.scrollTop !== 0) {
document.body.scrollTop -= speed; document.body.scrollTop -= speed;
} else { } else {
@ -12,4 +12,3 @@ scrollToTopDom.addEventListener('click', () => {
} }
}, 30); }, 30);
}); });