Optimize figcaption style

This commit is contained in:
Mimi 2020-08-18 01:16:46 +08:00
parent 23d9163a2d
commit 90d0a5f966
3 changed files with 16 additions and 8 deletions

View File

@ -342,7 +342,7 @@ mobile_layout_economy: false
# Android Chrome header panel color ($brand-bg / $headband-bg => $black-deep). # Android Chrome header panel color ($brand-bg / $headband-bg => $black-deep).
android_chrome_color: "#222" android_chrome_color: "#222"
# Custom Logo (Do not support scheme Mist) # Custom Logo (Warning: Do not support scheme Mist)
custom_logo: #/uploads/custom-logo.jpg custom_logo: #/uploads/custom-logo.jpg
codeblock: codeblock:
@ -483,10 +483,12 @@ baidu_push: false
# Third Party Plugins & Services Settings # Third Party Plugins & Services Settings
# See: https://theme-next.js.org/docs/third-party-services/ # See: https://theme-next.js.org/docs/third-party-services/
# More plugins: https://github.com/next-theme/awesome-next # More plugins: https://github.com/next-theme/awesome-next
# You may need to install dependencies or set CDN URLs in `vendors` # You may need to install the corresponding dependency packages
# --------------------------------------------------------------- # ---------------------------------------------------------------
# Math Formulas Render Support # Math Formulas Render Support
# Warning: Please install / uninstall the relevant renderer according to the documentation.
# See: https://theme-next.js.org/docs/third-party-services/math-equations
# Server-side plugin: https://github.com/next-theme/hexo-filter-mathjax # Server-side plugin: https://github.com/next-theme/hexo-filter-mathjax
math: math:
# Default (true) will load mathjax / katex script on demand. # Default (true) will load mathjax / katex script on demand.
@ -494,11 +496,9 @@ math:
# If you set it to false, it will load mathjax / katex srcipt EVERY PAGE. # If you set it to false, it will load mathjax / katex srcipt EVERY PAGE.
per_page: true per_page: true
# hexo-renderer-pandoc (or hexo-renderer-kramed) required for full MathJax support.
mathjax: mathjax:
enable: false enable: false
# hexo-renderer-markdown-it-plus (or hexo-renderer-markdown-it with markdown-it-katex plugin) required for full Katex support.
katex: katex:
enable: false enable: false
# See: https://github.com/KaTeX/KaTeX/tree/master/contrib/copy-tex # See: https://github.com/KaTeX/KaTeX/tree/master/contrib/copy-tex
@ -513,7 +513,7 @@ pjax: false
fancybox: false fancybox: false
# A JavaScript library for zooming images like Medium. # A JavaScript library for zooming images like Medium.
# Do not enable both `fancybox` and `mediumzoom`. # Warning: Do not enable both `fancybox` and `mediumzoom`.
# For more information: https://github.com/francoischalifour/medium-zoom # For more information: https://github.com/francoischalifour/medium-zoom
mediumzoom: false mediumzoom: false
@ -681,7 +681,7 @@ cnzz_siteid:
# Show number of visitors of each article. # Show number of visitors of each article.
# You can visit https://leancloud.cn to get AppID and AppKey. # You can visit https://leancloud.cn to get AppID and AppKey.
# AppID and AppKey are recommended to be the same as valine's for counter compatibility. # AppID and AppKey are recommended to be the same as valine's for counter compatibility.
# Do not enable both `valine.visitor` and `leancloud_visitors`. # Warning: Do not enable both `valine.visitor` and `leancloud_visitors`.
leancloud_visitors: leancloud_visitors:
enable: false enable: false
app_id: # <your app id> app_id: # <your app id>

View File

@ -34,7 +34,7 @@
} }
if (hexo-config('codeblock.copy_button.style') == 'mac') { if (hexo-config('codeblock.copy_button.style') == 'mac') {
.highlight { figure.highlight {
border-radius: 5px; border-radius: 5px;
box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .4); box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .4);
padding-top: 30px; padding-top: 30px;

View File

@ -48,7 +48,9 @@ kbd {
white-space: nowrap; white-space: nowrap;
} }
.highlight { // `highlight.line_number: false` && `highlight.wrap: false`
// in Hexo config generates code.highlight elements
figure.highlight {
@extend $code-block; @extend $code-block;
position: relative; position: relative;
@ -105,6 +107,12 @@ kbd {
} }
} }
// See https://github.com/hexojs/hexo-util/pull/229
pre .caption, pre figcaption {
@extend figure.highlight figcaption;
margin-bottom: 10px;
}
.gist table { .gist table {
width: auto; width: auto;