1、页面前端额外CSS:
@font- face { font- family: myFont1;
src: url ( https: font- display: swap;
}
@font- face { font- family: myFont2;
src: url ( https: font- display: swap;
} @font- face { font- family: myFont; src: url ( https: font- display: swap;
}
@keyframes up- down- move {
0 % {
opacity: 0 ;
transform: translate ( - 50 % , - 150 px) ;
}
50 % {
opacity: 1 ;
transform: translate ( - 50 % , - 130 px) ;
}
100 % {
opacity: 0 ;
transform: translate ( - 50 % , - 110 px) ;
}
} . cover- scroll- down . fa- angle- down{
font- size: 3 rem;
text- shadow: 0 px 0 px 8 px #dc1111;
position: absolute;
transform: translate ( - 50 % , - 80 px) ;
opacity: 0 ;
} . cover- scroll- down #pointer1{
animation: up- down- move 3 s linear infinite; } . cover- scroll- down #pointer2{
animation: up- down- move 3 s 1 s linear infinite;
} . cover- scroll- down #pointer3{
animation: up- down- move 3 s 2 s linear infinite;
} # leftbar _overview_author_image { width: 100 px; height: 100 px; margin: auto ; background- position: center; background- repeat: no- repeat; background- size: cover; background- color: rgba ( 127 , 127 , 127 , 0.1 ) ; overflow: hidden; box- shadow: 0 0 5 px rgba ( 116 , 8 , 204 , 0.3 ) ; transition: transform 0.3 s ease;
} # leftbar _overview_author_image: hover { transform: scale ( 1.2 ) ; filter: brightness ( 150 % ) ;
}
. navbar- nav . nav- link { font- size: 1.4 rem;
}
# leftbar _part1 { z- index: 1 ;
}
. navbar- brand { font- family: myFont2; font- size: 1.25 rem; margin- right: - 3 rem; padding- bottom: 0.3 rem;
}
. navbar- brand img { height: 35 px;
} @font- face{ font- family: btfFont; src: url ( https:
} body,
. nav- link- inner-- text { font- family: myFont;
} . navbar- brand { font- size: 1.25 rem; font- weight: 100 ; margin- right: 2 rem; padding- bottom: .1 rem;
}
. banner- title{ transition: .8 s cubic- bezier ( .2 , .8 , .2 , 1 ) ; font- family: myFont2, STKaiti }
. banner- title: hover { transform: scale ( 1.4 ) translateY ( - 50 % ) ;
}
. banner- subtitle{
font- size: 17 px;
- webkit- text- fill- color: transparent;
background: rgb ( 0 , 0 , 0 ) ;
- webkit- background- clip: text;
}
# leftbar _announcement{
background: var ( -- themecolor- gradient) ! important;
}
# wp _statistics_widget- 2 {
background- color: transparent! important;
}
# block - 10 , #block- 12 , #block- 15 { background- color: transparent! important;
}
# leftbar _overview_author_name {
margin- top: 15 px;
font- size: 18 px; align- content;
font- family: myFont2;
color: #FFA500;
color: #FA92B5;
}
. site- state- item{ border- left: 1 px solid #aaa;
}
. site- friend- links- title { border- top: 1 px dotted #aaa;
}
# leftbar _tab_tools ul li { padding- top: 3 px; padding- bottom: 3 px; border- bottom: none;
}
html. darkmode #leftbar_tab_tools ul li { border- bottom: none;
}
# footer {
background: var ( -- themecolor- gradient) ! important
}
blockquote { background: rgba ( var ( -- themecolor- rgbstr) , 0.13 ) ! important; width: 100 %
}
: root { -- color- border- on- foreground- deeper: rgba ( var ( -- themecolor- rgbstr) ) ;
}
主题json
{ "argon_theme_color" : "#cd9ce8" , "argon_theme_color_hex_preview" : "#cd9ce8" , "argon_show_customize_theme_color_picker" : true, "argon_enable_immersion_color" : "true" , "argon_darkmode_autoswitch" : "time" , "argon_enable_amoled_dark" : "false" , "argon_card_radius" : "15" , "argon_card_shadow" : "default" , "argon_page_layout" : "double" , "argon_article_list_waterflow" : "1" , "argon_article_list_layout" : "1" , "argon_font" : "serif" , "argon_assets_path" : "jsdelivr_fastly" , "argon_custom_assets_path" : "" , "argon_wp_path" : "/" , "argon_dateformat" : "YMD" , "argon_enable_headroom" : "true" , "argon_toolbar_title" : "yangmumu" , "argon_toolbar_icon" : "" , "argon_toolbar_icon_link" : " " , "argon_toolbar_blur" : "true" , "argon_banner_title" : "hello yangmumu" , "argon_banner_subtitle" : "我会永远记得你" , "argon_banner_size" : "fullscreen" , "argon_page_background_banner_style" : "transparent" , "argon_show_toolbar_mask" : true, "argon_banner_background_url" : "--bing--" , "argon_banner_background_color_type" : "shape-primary" , "argon_banner_background_hide_shapes" : true, "argon_enable_banner_title_typing_effect" : "true" , "argon_banner_typing_effect_interval" : "100" , "argon_page_background_url" : "https://yangmumu.com/img/wb3_1.jpg" , "argon_page_background_dark_url" : "" , "argon_page_background_opacity" : "1" , "argon_sidebar_banner_title" : "这里是左侧栏标题" , "argon_sidebar_banner_subtitle" : "--hitokoto--" , "argon_sidebar_auther_name" : "yangmumu" , "argon_sidebar_auther_image" : "" , "argon_sidebar_author_description" : "我会永远记得你的" , "argon_sidebar_announcement" : "" , "argon_fab_show_settings_button" : "false" , "argon_fab_show_darkmode_button" : "true" , "argon_fab_show_gotocomment_button" : "false" , "argon_seo_description" : "网站描述 (Description Meta 标签)" , "argon_seo_keywords" : "搜索引擎关键词(Keywords Meta 标签)" , "argon_article_meta" : "time|categories|views" , "argon_show_readingtime" : "true" , "argon_reading_speed" : "580" , "argon_reading_speed_en" : "80" , "argon_reading_speed_code" : "10" , "argon_show_thumbnail_in_banner_in_content_page" : "false" , "argon_first_image_as_thumbnail_by_default" : "true" , "argon_reference_list_title" : "参考" , "argon_show_sharebtn" : "true" , "argon_show_headindex_number" : "false" , "argon_donate_qrcode_url" : "" , "argon_additional_content_after_post" : "文末附加内容" , "argon_related_post" : "category,tag" , "argon_related_post_sort_orderby" : "meta_value_num" , "argon_related_post_sort_order" : "DESC" , "argon_related_post_limit" : "10" , "argon_article_header_style" : "article-header-style-2" , "argon_outdated_info_time_type" : "createdtime" , "argon_outdated_info_days" : "1" , "argon_outdated_info_tip_type" : "inpost" , "argon_outdated_info_tip_content" : "本文最后更新于%modify_date_delta% 天前,其中的信息可能已经过时,如有错误请发送邮件到big_fw@foxmail.com" , "argon_archives_timeline_show_month" : "true" , "argon_archives_timeline_url" : "" , "argon_footer_html" : "<style>\n/* 核心样式 */\n.github-badge {\ndisplay: inline-block;\nborder-radius: 4px;\ntext-shadow: none;\nfont-size: 13.1px;\ncolor: #fff;\nline-height: 15px;\nmargin-bottom: 5px;\nfont-family: \"Open Sans\", sans-serif;\n}\n.github-badge .badge-subject {\ndisplay: inline-block;\nbackground-color: #4d4d4d;\npadding: 4px 4px 4px 6px;\nborder-top-left-radius: 4px;\nborder-bottom-left-radius: 4px;\nfont-family: \"Open Sans\", sans-serif;\n}\n.github-badge .badge-value {\ndisplay: inline-block;\npadding: 4px 6px 4px 4px;\nborder-top-right-radius: 4px;\nborder-bottom-right-radius: 4px;\nfont-family: \"Open Sans\", sans-serif;\n}\n.github-badge-big {\ndisplay: inline-block;\nborder-radius: 6px;\ntext-shadow: none;\nfont-size: 14.1px;\ncolor: #fff;\nline-height: 18px;\nmargin-bottom: 7px;\n}\n.github-badge-big .badge-subject {\ndisplay: inline-block;\nbackground-color: #4d4d4d;\npadding: 4px 4px 4px 6px;\nborder-top-left-radius: 4px;\nborder-bottom-left-radius: 4px;\n}\n.github-badge-big .badge-value {\ndisplay: inline-block;\npadding: 4px 6px 4px 4px;\nborder-top-right-radius: 4px;\nborder-bottom-right-radius: 4px;\n}\n.bg-orange {\nbackground-color: #ec8a64 !important;\n}\n.bg-red {\nbackground-color: #cb7574 !important;\n}\n.bg-apricots {\nbackground-color: #f7c280 !important;\n}\n.bg-casein {\nbackground-color: #dfe291 !important;\n}\n.bg-shallots {\nbackground-color: #97c3c6 !important;\n}\n.bg-ogling {\nbackground-color: #95c7e0 !important;\n}\n.bg-haze {\nbackground-color: #9aaec7 !important;\n}\n.bg-mountain-terrier {\nbackground-color: #99a5cd !important;\n}\n</style>\n \n<div class=\"github-badge-big\">\n<span class=\"badge-subject\"><i class=\"fa fa-id-card\"></i> 备案号 </span\n><span class=\"badge-value bg-orange\">\n<a href=\"https://beian.miit.gov.cn/\" target=\"_blank\" one-link-mark=\"yes\"\n>豫ICP备0000000000号</a\n>\n</div>\n\n<div class=\"github-badge-big\">\n<span class=\"badge-subject\">Copyright </span\n><span class=\"badge-value bg-red\">\n2024-2024\n<i class=\"fa fa-copyright\"></i> Yangmumu</span\n>\n</script>\n</div>\n<div class=\"github-badge-big\">\n<span class=\"badge-subject\"><i class=\"fa fa-clock-o\"></i> Running Time</span\n><span class=\"badge-value bg-apricots\"\n><span id=\"blog_running_days\" class=\"odometer odometer-auto-theme\"></span>\ndays\n<span id=\"blog_running_hours\" class=\"odometer odometer-auto-theme\"></span> H\n<span id=\"blog_running_mins\" class=\"odometer odometer-auto-theme\"></span> M\n<span id=\"blog_running_secs\" class=\"odometer odometer-auto-theme\"></span>\nS</span\n>\n <script no-pjax=\"\">\nvar blog_running_days = document.getElementById(\"blog_running_days\");\nvar blog_running_hours = document.getElementById(\"blog_running_hours\");\nvar blog_running_mins = document.getElementById(\"blog_running_mins\");\nvar blog_running_secs = document.getElementById(\"blog_running_secs\");\nfunction refresh_blog_running_time() {\nvar time = new Date() - new Date(2024, 8, 30, 0, 0, 0);\nvar d = parseInt(time / 24 / 60 / 60 / 1000);\nvar h = parseInt((time % (24 * 60 * 60 * 1000)) / 60 / 60 / 1000);\nvar m = parseInt((time % (60 * 60 * 1000)) / 60 / 1000);\nvar s = parseInt((time % (60 * 1000)) / 1000);\nblog_running_days.innerHTML = d;\nblog_running_hours.innerHTML = h;\nblog_running_mins.innerHTML = m;\nblog_running_secs.innerHTML = s;\n}\nrefresh_blog_running_time();\nif (typeof bottomTimeIntervalHasSet == \"undefined\") {\nvar bottomTimeIntervalHasSet = true;\nsetInterval(function () {\nrefresh_blog_running_time();\n}, 500);\n}\n</script>\n" , "argon_enable_code_highlight" : "true" , "argon_code_theme" : "vs2015" , "argon_code_highlight_hide_linenumber" : "true" , "argon_code_highlight_break_line" : "false" , "argon_code_highlight_transparent_linenumber" : "false" , "argon_math_render" : "none" , "argon_mathjax_cdn_url" : "//cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml-full.js" , "argon_mathjax_v2_cdn_url" : "//cdn.jsdelivr.net/npm/mathjax@2.7.5/MathJax.js?config=TeX-AMS_HTML" , "argon_katex_cdn_url" : "//cdn.jsdelivr.net/npm/katex@0.11.1/dist/" , "argon_enable_lazyload" : "true" , "argon_lazyload_threshold" : "800" , "argon_lazyload_effect" : "fadeIn" , "argon_lazyload_loading_style" : "1" , "argon_enable_fancybox" : "true" , "argon_enable_zoomify" : "false" , "argon_zoomify_duration" : "200" , "argon_zoomify_easing" : "cubic-bezier(0.4,0,0,1)" , "argon_zoomify_scale" : "0.9" , "argon_enable_pangu" : "article" , "argon_custom_html_head" : "" , "argon_custom_html_foot" : "" , "argon_enable_smoothscroll_type" : "1_pulse" , "argon_enable_into_article_animation" : "true" , "argon_disable_pjax_animation" : "false" , "argon_comment_pagination_type" : "page" , "argon_comment_emotion_keyboard" : "true" , "argon_hide_name_email_site_input" : "false" , "argon_comment_need_captcha" : "false" , "argon_get_captcha_by_ajax" : "false" , "argon_comment_allow_markdown" : "true" , "argon_comment_allow_editing" : "true" , "argon_comment_allow_privatemode" : "true" , "argon_comment_allow_mailnotice" : "true" , "argon_comment_mailnotice_checkbox_checked" : true, "argon_comment_enable_qq_avatar" : "true" , "argon_comment_avatar_vcenter" : "false" , "argon_who_can_visit_comment_edit_history" : "commentsender" , "argon_enable_comment_pinning" : "true" , "argon_enable_comment_upvote" : "true" , "argon_comment_ua" : "platform,browser" , "argon_show_comment_parent_info" : "true" , "argon_fold_long_comments" : "true" , "argon_gravatar_cdn" : "gravatar.pho.ink/avatar/" , "argon_text_gravatar" : "true" , "argon_enable_search_filters" : "true" , "argon_search_filters_type" : "*post,*page,shuoshuo" , "argon_pjax_disabled" : "false" , "argon_hide_categories" : "" , "argon_enable_login_css" : "true" , "argon_home_show_shuoshuo" : "false" , "argon_fold_long_shuoshuo" : "true" , "argon_enable_timezone_fix" : "false" , "argon_hide_shortcode_in_preview" : "true" , "argon_trim_words_count" : "0" , "argon_enable_mobile_scale" : "false" , "argon_disable_googlefont" : "false" , "argon_disable_codeblock_style" : "false" , "argon_update_source" : "github" , "argon_hide_footer_author" : "true" }