OpenSource/LoveIt
1
0
Fork 0
mirror of https://github.com/dillonzq/LoveIt.git synced 2024-11-12 18:06:17 +01:00
Code Issues Projects Releases Packages Wiki Activity

feat: new style update

Browse source
This commit is contained in:
Dillon 2019-08-19 13:26:39 +08:00
parent ee7c7549b5
commit dcbc7547fc
11 changed files with 109 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
archetypes/default.md
View file

@ -6,12 +6,13 @@ draft: true
description: ""
show_in_homepage: true
show_description: false
license: ''
tags: []
categories: []
featured_image: ""
featured_image_preview: ""
featured_image: ''
featured_image_preview: ''
comment: true
toc: false

8
assets/css/_core/_base.scss
View file

@ -73,3 +73,11 @@ a {
}
}
}
.navbar {
background-color: $navbar-background-color;
.dark-theme & {
background-color: $navbar-background-color-dark;
}
}

7
assets/css/_core/_media.scss
View file

@ -19,7 +19,6 @@
margin: 0;
height: 4.5em;
line-height: 4.5em;
background: $global-background-color;
.navbar-header {
display: flex;
@ -90,7 +89,6 @@
.menu {
text-align: center;
background: $global-background-color;
border-top: 2px solid $global-font-color;
display: none;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1), 0px 4px 8px rgba(0, 0, 0, 0.1);
@ -105,14 +103,9 @@
}
.dark-theme & {
background: $global-background-color-dark;
border-top: 2px solid $global-font-color-dark;
}
}
.dark-theme & {
background: $global-background-color-dark !important;
}
}
}

64
assets/css/_page/_post.scss
View file

@ -144,6 +144,22 @@
padding-left: 2em;
}
ruby {
background: $code-background;
rt {
color: $global-font-secondary-color;
}
.dark-theme & {
background: $code-background-dark;
rt {
color: $global-font-secondary-color-dark;
}
}
}
.table-wrapper {
overflow-x: auto;
@ -362,20 +378,60 @@
p {
font-size: 1em;
margin: .5em 0 .5em 0;
text-align: justify;
}
.post-footer {
margin-top: 3rem;
.post-info {
margin-top: 3rem;
border-bottom: 1px solid $global-border-color;
padding: 1rem 0 0.3rem;
display: flex;
justify-content: space-between;
.dark-theme & {
border-top: 1px solid $global-border-color-dark;
border-bottom: 1px solid $global-border-color-dark;
}
.post-info-line {
display: flex;
justify-content: space-between;
.post-info-mod {
font-size: 0.8em;
color: $global-font-secondary-color;
.dark-theme & {
color: $global-font-secondary-color-dark;
}
}
.post-info-license {
font-size: 0.8em;
color: $global-font-secondary-color;
.dark-theme & {
color: $global-font-secondary-color-dark;
}
}
.post-info-md
a {
font-size: 0.8em;
color: $post-link-color;
.dark-theme & {
color: $post-link-color-dark;
}
&:hover {
color: $post-link-hover-color;
.dark-theme & {
color: $post-link-hover-color-dark;
}
}
}
}
}
.post-tags {

1
assets/css/_page/_posts.scss
View file

@ -84,6 +84,7 @@
}
.post-footer {
margin-top: 0;
display: flex;
justify-content: space-between;
align-items: center;

3
assets/css/_variables.scss
View file

@ -7,6 +7,9 @@
$global-background-color: #fff !default;
$global-background-color-dark: #292a2d !default;
$navbar-background-color: #FAFAFA !default;
$navbar-background-color-dark: #252627 !default;
// Text color of the body.
$global-font-color: #161209 !default;
$global-font-color-dark: #a9a9b3 !default;

4
i18n/en.toml
View file

@ -59,7 +59,7 @@ other = "Author"
other = "This article is updated with %s"
[license]
other = "License"
other = "Published under the %s license"
[back]
other = "Back"
@ -68,7 +68,7 @@ other = "Back"
other = "Home"
[readmore]
other = "Read More......"
other = "Read More"
# === posts/single.html ===
# === 404.html ===

7
i18n/zh.toml
View file

@ -59,7 +59,10 @@ other = "作者"
other = "本文于 %s 更新"
[license]
other = "许可协议"
other = "采用 %s 协议发布"
[seeMarkDown]
other = "阅读原始文档"
[back]
other = "返回"
@ -68,7 +71,7 @@ other = "返回"
other = "主页"
[readmore]
other = "阅读全文......"
other = "阅读全文"
# === posts/single.html ===
# === 404.html ===

1
layouts/_default/single.md Normal file
View file

@ -0,0 +1 @@
{{ .RawContent }}

28
layouts/partials/post/footer.html
View file

@ -1,11 +1,29 @@
{{ $modify_date := .Lastmod.Format (.Site.Params.dateFormatToUse | default "2006-01-02") -}}
<div class="post-footer">
<div class="post-info">
<div class="post-info-mod"><span>{{ printf (T "lastMod") $modify_date }}</span></div>
<div class="post-info-share">
{{ if and ( .Param "socialShare" ) (gt (len (.Param "share")) 0) }}
<span>{{ partial "post/share.html" . }}</span>
{{ end }}
<div class="post-info-line">
<div class="post-info-mod">
<span>{{ printf (T "lastMod") $modify_date }}</span>
</div>
<div class="post-info-license">
{{ if .Params.license }}
<span>{{ printf (T "license") .Params.license | safeHTML }}</span>
{{ end }}
</div>
</div>
<div class="post-info-line">
<div class="post-info-md">
{{ if .Site.Params.linkToMarkDown }}
{{ with .OutputFormats.Get "markdown" }}
<span><a class="link-to-markdown" href="{{ .Permalink }}" target="_blank">{{ T "seeMarkDown" }}</a></span>
{{ end }}
{{ end }}
</div>
<div class="post-info-share">
{{ if and ( .Param "socialShare" ) (gt (len (.Param "share")) 0) }}
<span>{{ partial "post/share.html" . }}</span>
{{ end }}
</div>
</div>
</div>

3
layouts/posts/single.html
View file

@ -64,6 +64,9 @@
{{ $REin = `:\(([\w- ]+?)\):` }}
{{ $REout = `<i class="inline-icon $1"></i>` }}
{{ $content = replaceRE $REin $REout $content }}
{{ $REin = `\[(.+?)\]\^\((.+?)\)` }}
{{ $REout = `<strong><ruby>$1<rt>$2</rt></ruby></strong>` }}
{{ $content = replaceRE $REin $REout $content }}
{{ $content | safeHTML }}
</div>