alyenc/hugo-theme-next
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🔧 🚩 🚧 Finished the outline variable replace content.

Browse Source
This commit is contained in:
凡梦星尘 2022-05-21 20:34:09 +08:00
parent c27081fd26
commit 3165c7b566
12 changed files with 63 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
assets/css/_common/outline/footer/index.scss
View File

@ -66,16 +66,16 @@
} }
.with-love { .with-love {
color: hexo-config('footer.icon.color'); color: $footer_icon_color;
display: inline-block; display: inline-block;
margin: 0 5px; margin: 0 5px;
@if hexo-config('footer.icon.animated') { @if $footer_icon_animated {
animation: icon-animate 1.33s ease-in-out infinite; animation: icon-animate 1.33s ease-in-out infinite;
} }
} }
@if hexo-config('footer.beian.enable') and hexo-config('footer.beian.gongan_icon_url') { @if $footer_beian_enable {
.beian img { .beian img {
display: inline-block; display: inline-block;
margin: 0 3px; margin: 0 3px;
@ -83,15 +83,14 @@
} }
} }
@if hexo-config('busuanzi_count.enable') { @if $busuanzi_enable {
.busuanzi-count { .busuanzi-count {
@if hexo-config('busuanzi_count.total_visitors') { @if $busuanzi_visitors {
#busuanzi_container_site_uv { #busuanzi_container_site_uv {
display: none; display: none;
} }
} }
@if $busuanzi_views {
@if hexo-config('busuanzi_count.total_views') {
#busuanzi_container_site_pv { #busuanzi_container_site_pv {
display: none; display: none;
} }

4
assets/css/_common/outline/header/bookmark.scss
View File

@ -1,4 +1,4 @@
@if hexo-config('bookmark.enable') { @if $bookmark_enable {
.book-mark-link { .book-mark-link {
border-bottom: 0; border-bottom: 0;
position: fixed; position: fixed;
@ -11,7 +11,7 @@
} }
&::before { &::before {
color: convert(hexo-config('bookmark.color')); color: convert($bookmark_color);
font-size: 32px; font-size: 32px;
line-height: 1; line-height: 1;
@include font-family-icons('\f02e'); @include font-family-icons('\f02e');

4
assets/css/_common/outline/header/github-banner.scss
View File

@ -1,4 +1,4 @@
@if hexo-config('github_banner.enable') { @if $github_banner_enable {
@keyframes octocat-wave { @keyframes octocat-wave {
0%, 100% { 0%, 100% {
transform: rotate(0); transform: rotate(0);
@ -28,7 +28,7 @@
} }
@include tablet-mobile() { @include tablet-mobile() {
@if hexo-config('local_search.enable') or hexo-config('algolia_search.enable') { @if $local_search_enable or $algolia_search_enable {
display: none; display: none;
} }

4
assets/css/_common/outline/mobile.scss
View File

@ -5,7 +5,7 @@
} }
*/ */
@if hexo-config('mobile_layout_economy') { @if $mobile_layout_economy {
@include mobile-small() { @include mobile-small() {
// For Pisces & Gemini schemes only wider width (remove main blocks in Gemini). // For Pisces & Gemini schemes only wider width (remove main blocks in Gemini).
.main-inner { .main-inner {
@ -56,7 +56,7 @@
margin-bottom: 10px !important; margin-bottom: 10px !important;
padding: 10px !important; padding: 10px !important;
@if hexo-config('note.icons') { @if $note_icons {
&:not(.no-icon) { &:not(.no-icon) {
padding-left: 35px !important; padding-left: 35px !important;
} }

2
assets/css/_common/outline/sidebar/sidebar-author-links.scss
View File

@ -3,7 +3,7 @@
font-size: $font-size-smaller; font-size: $font-size-smaller;
} }
@if not hexo-config('social_icons.icons_only') { @if not $social_icons_only {
.fa, .fab, .far, .fas { .fa, .fab, .far, .fas {
margin-right: 2px; margin-right: 2px;
} }

4
assets/css/_common/outline/sidebar/sidebar-author.scss
View File

@ -3,11 +3,11 @@
max-width: $site-author-image-width; max-width: $site-author-image-width;
padding: 2px; padding: 2px;
@if hexo-config('avatar.rounded') { @if $avatar_rounded {
border-radius: 50%; border-radius: 50%;
} }
@if hexo-config('avatar.rotated') { @if $avatar_rotated {
transition: transform 1s ease-out; transition: transform 1s ease-out;
&:hover { &:hover {

6
assets/css/_common/outline/sidebar/sidebar-toc.scss
View File

@ -1,4 +1,4 @@
@if hexo-config('toc.enable') { @if $toc_enable {
.post-toc { .post-toc {
font-size: $font-size-small; font-size: $font-size-small;
@ -22,14 +22,14 @@
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@if not hexo-config('toc.wrap') { @if not $toc_wrap {
white-space: nowrap; white-space: nowrap;
} }
} }
.nav { .nav {
.nav-child { .nav-child {
display: if(hexo-config('toc.expand_all'), block, none); display: if($toc_expand_all, block, none);
} }
.active > .nav-child { .active > .nav-child {

4
assets/css/_common/outline/sidebar/sidebar-toggle.scss
View File

@ -12,10 +12,10 @@
@media (any-hover: hover) { @media (any-hover: hover) {
body:not(.sidebar-active) .sidebar-toggle:hover { body:not(.sidebar-active) .sidebar-toggle:hover {
@include toggle-arrow(hexo-config('sidebar.position')); @include toggle-arrow($sidebar_position);
} }
} }
.sidebar-active .sidebar-toggle { .sidebar-active .sidebar-toggle {
@include toggle-close(hexo-config('sidebar.position')); @include toggle-close($sidebar_position);
} }

2
assets/css/_common/outline/sidebar/site-state.scss
View File

@ -1,4 +1,4 @@
@if hexo-config('site_state') { @if $site_state {
.site-state { .site-state {
@include flex-wrap(); @include flex-wrap();
line-height: 1.4; line-height: 1.4;

26
assets/css/_sitevars.scss
View File

@ -6,6 +6,22 @@ $scheme: {{ $P.scheme }};
$darkmode: {{ $P.darkmode }}; $darkmode: {{ $P.darkmode }};
$theme_color_dark: {{ $P.themeColor.dark }}; $theme_color_dark: {{ $P.themeColor.dark }};
$theme_color_light: {{ $P.themeColor.light }}; $theme_color_light: {{ $P.themeColor.light }};
$mobile_layout_economy: {{ $P.mobileLayoutEconomy }};
// Header
$bookmark_enable: {{ $P.bookmark.enable }};
$bookmark_color: {{ $P.bookmark.color }};
$github_banner_enable: {{ $P.githubBanner.enable }};
// Footer
$footer_icon_color: {{ $P.footer.icon.color }};
$footer_icon_animated: {{ $P.footer.icon.animated }};
$footer_beian_enable: {{ $P.footer.beian.enable }};
// Counter
$busuanzi_enable: {{ $P.busuanzi.enable }};
$busuanzi_visitors: {{ $P.busuanzi.visitors }};
$busuanzi_views: {{ $P.busuanzi.views }};
// Font // Font
$font_enable: {{ $P.font.enable }}; $font_enable: {{ $P.font.enable }};
@ -26,8 +42,18 @@ $sidebar_padding: {{ $P.sidebar.padding }};
$sidebar_position: {{ $P.sidebar.position }}; $sidebar_position: {{ $P.sidebar.position }};
$sidebar_width: {{ $P.sidebar.width }}; $sidebar_width: {{ $P.sidebar.width }};
$avatar_rotated: {{ $P.avatar.rotated }};
$avatar_rounded: {{ $P.avatar.rounded }};
$avatar_rounded: {{ $P.avatar.rounded }};
$site_state: {{ $P.siteState }};
$social_icons_only: {{ $P.socialIcons.iconsOnly }};
$toc_enable: {{ $P.toc.enable }};
$toc_expand_all: {{ $P.toc.expandAll }};
$toc_wrap: {{ $P.toc.wrap }};
// Note // Note
$note_light_bg_offset: {{ $P.note.lightBgOffset }}; $note_light_bg_offset: {{ $P.note.lightBgOffset }};
$note_icons: {{ $P.note.icons }};
// Reading progress bar // Reading progress bar
$reading_progress_start: {{ $P.readingProgress.start }}; $reading_progress_start: {{ $P.readingProgress.start }};

2
assets/css/main.scss
View File

@ -27,7 +27,7 @@
// @import '_common/scaffolding'; // @import '_common/scaffolding';
// Layout // Layout
// @import '_common/outline'; @import '_common/outline';
// Components // Components
@import '_common/components'; @import '_common/components';

30
exampleSite/config.yaml
View File

@ -152,7 +152,7 @@ params:
rotated: false rotated: false
# Posts / Categories / Tags in sidebar. # Posts / Categories / Tags in sidebar.
site_state: true siteState: true
# Social Links # Social Links
# Usage: `Key: permalink || icon` # Usage: `Key: permalink || icon`
@ -170,9 +170,9 @@ params:
#Instagram: https://instagram.com/yourname || fab fa-instagram #Instagram: https://instagram.com/yourname || fab fa-instagram
#Skype: skype:yourname?call|chat || fab fa-skype #Skype: skype:yourname?call|chat || fab fa-skype
social_icons: socialIcons:
enable: true enable: true
icons_only: false iconsOnly: false
transition: false transition: false
# Blog rolls # Blog rolls
@ -194,9 +194,9 @@ params:
# If true, all words will placed on next lines if header width longer then sidebar width. # If true, all words will placed on next lines if header width longer then sidebar width.
wrap: false wrap: false
# If true, all level of TOC in a post will be displayed, rather than the activated part of it. # If true, all level of TOC in a post will be displayed, rather than the activated part of it.
expand_all: false expandAll: false
# Maximum heading depth of generated toc. # Maximum heading depth of generated toc.
max_depth: 6 maxDepth: 6
# --------------------------------------------------------------- # ---------------------------------------------------------------
@ -346,13 +346,13 @@ params:
preconnect: false preconnect: false
# Set the text alignment in posts / pages. # Set the text alignment in posts / pages.
text_align: textAlign:
# Available values: start | end | left | right | center | justify | justify-all | match-parent # Available values: start | end | left | right | center | justify | justify-all | match-parent
desktop: justify desktop: justify
mobile: justify mobile: justify
# Reduce padding / margin indents on devices with narrow width. # Reduce padding / margin indents on devices with narrow width.
mobile_layout_economy: false mobileLayoutEconomy: false
# Browser header panel color. # Browser header panel color.
themeColor: themeColor:
@ -409,7 +409,7 @@ params:
save: auto save: auto
# `Follow me on GitHub` banner in the top-right corner. # `Follow me on GitHub` banner in the top-right corner.
github_banner: githubBanner:
enable: false enable: false
permalink: https://github.com/yourname permalink: https://github.com/yourname
title: Follow me on GitHub title: Follow me on GitHub
@ -722,14 +722,14 @@ params:
# Show Views / Visitors of the website / page with busuanzi. # Show Views / Visitors of the website / page with busuanzi.
# For more information: http://ibruce.info/2015/04/04/busuanzi/ # For more information: http://ibruce.info/2015/04/04/busuanzi/
busuanzi_count: busuanzi:
enable: false enable: false
total_visitors: true visitors: true
total_visitors_icon: fa fa-user visitorsIcon: fa fa-user
total_views: true views: true
total_views_icon: fa fa-eye viewsIcon: fa fa-eye
post_views: true postViews: true
post_views_icon: far fa-eye postViewsIcon: far fa-eye
# --------------------------------------------------------------- # ---------------------------------------------------------------