valine
This commit is contained in:
parent
eb8afdc46a
commit
f6b22a26f8
15
_config.yml
15
_config.yml
|
@ -81,8 +81,8 @@ comments:
|
||||||
js: https://cdn.jsdelivr.net/gh/XuxuGood/simple-blog-cdn@main/js/Valine.min.js
|
js: https://cdn.jsdelivr.net/gh/XuxuGood/simple-blog-cdn@main/js/Valine.min.js
|
||||||
appId: # your appId
|
appId: # your appId
|
||||||
appKey: # your appKey
|
appKey: # your appKey
|
||||||
placeholder: "温馨提示: 遵纪守法, 友善评论!"
|
placeholder:
|
||||||
requiredFields: [nick,mail]
|
requiredFields: [nick, mail]
|
||||||
enableQQ: true # Unstable avatar link
|
enableQQ: true # Unstable avatar link
|
||||||
recordIP: false # Record commenter IP
|
recordIP: false # Record commenter IP
|
||||||
avatar: robohash # gravatar style https://valine.js.org/avatar
|
avatar: robohash # gravatar style https://valine.js.org/avatar
|
||||||
|
@ -90,12 +90,15 @@ comments:
|
||||||
lang: zh-cn
|
lang: zh-cn
|
||||||
highlight: true
|
highlight: true
|
||||||
mathJax: false
|
mathJax: false
|
||||||
tagMeta: [ 博主,小伙伴,访客 ] # 标签要显示的文字,默认'博主,小伙伴,访客'
|
tagMeta: [博主, 小伙伴, 访客] # 标签要显示的文字,默认'博主,小伙伴,访客'
|
||||||
metaPlaceholder: { nick: "昵称/QQ号(必填)", mail: "邮箱(必填,完全保密)", link: "网址(https://)" }
|
metaPlaceholder:
|
||||||
|
nick: "昵称/QQ号(必填)"
|
||||||
|
mail: "邮箱(必填,完全保密)"
|
||||||
|
link: "网址(https://)"
|
||||||
master: #md5加密后的博主邮箱
|
master: #md5加密后的博主邮箱
|
||||||
- 6a565e6c47127afdd40d5d46089dxxxx
|
- 6783037F2DF30EAB99F9FC256157D875
|
||||||
friends: #md5加密后的小伙伴邮箱
|
friends: #md5加密后的小伙伴邮箱
|
||||||
- d32d39c8e126512382ee4b831a8fxxxx # 某某
|
- 6783037F2DF30EAB99F9FC256157D875
|
||||||
|
|
||||||
|
|
||||||
######## Footer ########
|
######## Footer ########
|
||||||
|
|
|
@ -11,9 +11,6 @@
|
||||||
--card: $c-card-light
|
--card: $c-card-light
|
||||||
--theme-highlight: darken($color-theme, 5)
|
--theme-highlight: darken($color-theme, 5)
|
||||||
--theme-bg: mix($color-theme, $c-card-light, 10)
|
--theme-bg: mix($color-theme, $c-card-light, 10)
|
||||||
// 评论查看更多按钮样式
|
|
||||||
--valine-more-button-before: linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(246, 246, 246, .9))
|
|
||||||
--valine-more-button-after: rgba(246, 246, 246, .9)
|
|
||||||
|
|
||||||
// 页面的dark主题
|
// 页面的dark主题
|
||||||
body[theme='dark']
|
body[theme='dark']
|
||||||
|
@ -29,9 +26,6 @@ body[theme='dark']
|
||||||
--card: $c-card-dark
|
--card: $c-card-dark
|
||||||
--theme-highlight: $color-theme
|
--theme-highlight: $color-theme
|
||||||
--theme-bg: mix($color-theme, $c-card-dark, 10)
|
--theme-bg: mix($color-theme, $c-card-dark, 10)
|
||||||
// 评论查看更多按钮样式
|
|
||||||
--valine-more-button-before: 0 0
|
|
||||||
--valine-more-button-after: #393c40
|
|
||||||
|
|
||||||
// 系统的dark模式
|
// 系统的dark模式
|
||||||
@media (prefers-color-scheme: dark)
|
@media (prefers-color-scheme: dark)
|
||||||
|
@ -48,6 +42,3 @@ body[theme='dark']
|
||||||
--card: $c-card-dark
|
--card: $c-card-dark
|
||||||
--theme-highlight: $color-theme
|
--theme-highlight: $color-theme
|
||||||
--theme-bg: mix($color-theme, $c-card-dark, 10)
|
--theme-bg: mix($color-theme, $c-card-dark, 10)
|
||||||
// 评论查看更多按钮样式
|
|
||||||
--valine-more-button-before: 0 0
|
|
||||||
--valine-more-button-after: #393c40
|
|
||||||
|
|
|
@ -1,4 +1,6 @@
|
||||||
.cmt-body.valine
|
.cmt-body.valine
|
||||||
|
--more-before: linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(246, 246, 246, .9))
|
||||||
|
--more-after: rgba(246, 246, 246, .9)
|
||||||
margin-top: 1rem
|
margin-top: 1rem
|
||||||
#valine_container
|
#valine_container
|
||||||
line-height: 1.5 !important
|
line-height: 1.5 !important
|
||||||
|
@ -87,32 +89,32 @@
|
||||||
position: relative
|
position: relative
|
||||||
.vcontent.expand
|
.vcontent.expand
|
||||||
&:before
|
&:before
|
||||||
background: var(--valine-more-button-before);
|
background: var(--more-before);
|
||||||
&:after
|
&:after
|
||||||
background: var(--valine-more-button-after);
|
background: var(--more-after);
|
||||||
.vimg
|
.vimg
|
||||||
width: 40px
|
width: 40px
|
||||||
height: 40px
|
height: 40px
|
||||||
z-index: 1
|
z-index: 1
|
||||||
transition: all ease 1s
|
|
||||||
&:hover
|
|
||||||
transform: rotate(360deg)
|
|
||||||
.vh
|
.vh
|
||||||
margin-left: -46px
|
margin-left: -46px
|
||||||
padding-bottom: 0
|
padding-bottom: 0
|
||||||
width: 100%
|
width: 100%
|
||||||
|
position: relative
|
||||||
.vhead
|
.vhead
|
||||||
line-height: 1.2
|
line-height: 1.2
|
||||||
.vnick
|
.vnick
|
||||||
margin-left: 44px
|
margin-left: 44px
|
||||||
line-height: inherit
|
line-height: inherit
|
||||||
font-size: $fs-14
|
font-size: $fs-14
|
||||||
.vtime
|
.vtime
|
||||||
margin-left: 44px
|
margin-left: 44px
|
||||||
font-size: $fs-12
|
font-size: $fs-12
|
||||||
font-weight: 500
|
font-weight: 500
|
||||||
.vat
|
.vat
|
||||||
font-size: $fs-12
|
font-size: $fs-12
|
||||||
|
.vvisitor
|
||||||
|
display: none
|
||||||
>.vcard
|
>.vcard
|
||||||
border-radius: $border-block
|
border-radius: $border-block
|
||||||
background: var(--card)
|
background: var(--card)
|
||||||
|
@ -132,26 +134,27 @@
|
||||||
padding: 0
|
padding: 0
|
||||||
background: var(--block)
|
background: var(--block)
|
||||||
.vhead
|
.vhead
|
||||||
span
|
span.vnick
|
||||||
&.vnick
|
color: var(--text-p2)
|
||||||
color: var(--text-p2)
|
cursor: default
|
||||||
cursor: default
|
a.vnick
|
||||||
a
|
color: #ff9800
|
||||||
&.vnick
|
font-weight: 700
|
||||||
color: #ff9800
|
&:hover
|
||||||
font-weight: 700
|
color: $color-hover
|
||||||
&:hover
|
|
||||||
color: $color-hover
|
|
||||||
.vsys
|
.vsys
|
||||||
display: none
|
display: none
|
||||||
.vmeta
|
.vmeta
|
||||||
|
position: static !important
|
||||||
.vat
|
.vat
|
||||||
font-weight: bold
|
font-weight: bold
|
||||||
color: var(--text-p1)
|
color: var(--text-p1)
|
||||||
float: right
|
background: var(--card)
|
||||||
trans()
|
|
||||||
padding: 4px 8px
|
padding: 4px 8px
|
||||||
border-radius: 2px
|
border-radius: 2px
|
||||||
|
position: absolute
|
||||||
|
top: 0
|
||||||
|
right: 0
|
||||||
&:hover
|
&:hover
|
||||||
color: $color-hover
|
color: $color-hover
|
||||||
background-color: var(--block)
|
background-color: var(--block)
|
||||||
|
@ -201,3 +204,14 @@
|
||||||
color: var(--text-p1)
|
color: var(--text-p1)
|
||||||
p
|
p
|
||||||
color: var(--text-p1)
|
color: var(--text-p1)
|
||||||
|
|
||||||
|
|
||||||
|
body[theme='dark']
|
||||||
|
.cmt-body.valine
|
||||||
|
--more-before: 0 0
|
||||||
|
--more-after: #393c40
|
||||||
|
|
||||||
|
@media (prefers-color-scheme: dark)
|
||||||
|
.cmt-body.valine
|
||||||
|
--more-before: 0 0
|
||||||
|
--more-after: #393c40
|
||||||
|
|
Loading…
Reference in New Issue