Argon美化配置

1.全局引用

图片引用-argon已嵌入

Font Awesome 4.7.0 版本全部图标大全 – Font Awesome中文网

<i class="fa fa-id-card-o" aria-hidden="true"></i>

2.左侧栏工具

倒计时

<div class="time-schedule-main">
    <div class="today-schedule">
        <div class="mizhi-schedule-item">
            <div class="today-item">
                <img src="https://s4.ax1x.com/2022/02/06/HuOUv6.png">
            </div>
            <div class="schedule-info">
                <span class="schedule-tilte">今天仅剩</span>
                <span class="today-num">100%</span>
            </div>
        </div>
    </div>
    <div class="toweek-schedule">
        <div class="mizhi-schedule-item">
            <div class="toweek-item">
                <img src="https://s4.ax1x.com/2022/02/06/HuOUv6.png">
            </div>
            <div class="schedule-info">
                <span class="schedule-tilte">本周还有</span>
                <span class="toweek-num">100%</span>
            </div>
        </div>
    </div>
    <div class="tomonth-schedule">
        <div class="mizhi-schedule-item">
            <div class="tomonth-item">
                <img src="https://s4.ax1x.com/2022/02/06/HuOUv6.png">
            </div>
            <div class="schedule-info">
                <span class="schedule-tilte">本月剩余</span>
                <span class="tomonth-num">100%</span>
            </div>
        </div>
    </div>
    <div class="toyear-schedule">
        <div class="mizhi-schedule-item">
            <div class="toyear-item">
                <img src="https://s4.ax1x.com/2022/02/06/HuOUv6.png">
            </div>
            <div class="schedule-info">
                <span class="schedule-tilte">今年还剩</span>
                <span class="toyear-num">100%</span>
            </div>
        </div>
    </div>
</div>
<style type="text/css">
    .time-schedule-main{/*background-color: white;*/border-radius: 8px;display: flex; justify-content: space-evenly; align-items: center;}.today-schedule,.toweek-schedule,.tomonth-schedule,.toyear-schedule{display: inline-block;width: 50px;height: 100px;background-color: white;border: 1px solid #eee;border-radius: 99px;}.mizhi-schedule-item{position: relative;width: 100%;height: 100%;overflow: hidden;border-radius: 99px;}.today-item,.toweek-item,.tomonth-item,.toyear-item{position: absolute;background-image: linear-gradient(to right, #a18cd1 0%, #fbc2eb 100%);width: 100%;height: 109%;bottom: 0;transition: all 1s;}.schedule-info{display: flex;color: #ff5991;position: absolute;margin: auto;top: 0;left: 0;right: 0;bottom: 0;flex-direction: column;align-items: center;justify-content: center;}.schedule-tilte{font-size: 12px;font-weight: 700;}.time-schedule-main img{background-repeat: no-repeat;max-width:unset !important;max-height:unset !important;width: 200px;height: 10px;top: 0;left: 0;position: absolute;animation: mizhi_move_wave 2s linear infinite;-webkit-animation: mizhi_move_wave 2s linear infinite;}@-webkit-keyframes mizhi_move_wave{0%{-webkit-transform: translateX(0)}50%{-webkit-transform: translateX(-25%)}100%{-webkit-transform: translateX(-50%)}}@keyframes mizhi_move_wave{0%{transform: translateX(0)}50%{transform: translateX(-25%)}100%{transform: translateX(-50%)}}
    /* 今日剩余背景颜色 */
    .today-item {
        background-image: linear-gradient(to right, #a18cd1 0%, #fbc2eb 100%);
    }
    /* 本周剩余背景颜色 */
    .toweek-item {
        background-image: linear-gradient(to right, #ff9a9e 0%, #fad0c4 100%);
    }
    /* 本月剩余背景颜色 */
    .tomonth-item {
        background-image: linear-gradient(to right, #fbc2eb 0%, #a6c1ee 100%);
    }
    /* 今年剩余背景颜色 */
    .toyear-item {
        background-image: linear-gradient(to right, #ffecd2 0%, #fcb69f 100%);
    }
</style>
<script type="text/javascript">
$(function () {
  $.extend({
    mizhiSchedule: function () {
      var a = new Date(),
        e = 3600 * a.getHours() + 60 * a.getMinutes() + a.getSeconds(),
        c = e / 86400,
        b = (100 - 100 * c).toFixed(1);
      c = (109 - 109 * c).toFixed(2);
      $(".today-num").text(b + "%");
      $(".today-item").css("height", c + "%");
      b = a.getDay();
      0 === b && (b = 7);
      c = (e + 86400 * (b - 1)) / 604800;
      b = (100 - 100 * c).toFixed(1);
      c = (109 - 109 * c).toFixed(2);
      $(".toweek-num").text(b + "%");
      $(".toweek-item").css("height", c + "%");
      b = a.getFullYear();
      c = a.getMonth();
      a = a.getDate();
      var d = new Date(b, c + 1, 0).getDate();
      d = (e + 86400 * (a - 1)) / (86400 * d);
      var f = (100 - 100 * d).toFixed(1);
      (109 - 109 * d).toFixed(2);
      $(".tomonth-num").text(f + "%");
      $(".tomonth-item").css("height", f + "%");
      d = 0;
      f = [
        31,
        (0 == b % 4 && 0 != b % 100) || 0 == b % 400 ? 29 : 28,
        31,
        30,
        31,
        30,
        31,
        31,
        30,
        31,
        30,
        31
      ];
      for (var g = 0; g < c; g++) d += f[g];
      a =
        (e + 86400 * (d + a - 1)) /
        (86400 * ((0 == b % 4 && 0 != b % 100) || 0 == b % 400 ? 366 : 365));
      e = (100 - 100 * a).toFixed(1);
      a = (109 - 109 * a).toFixed(2);
      $(".toyear-num").text(e + "%");
      $(".toyear-item").css("height", a + "%");
    }
  });
  $.mizhiSchedule();
  setInterval($.mizhiSchedule, 2e3);
});
</script>

3.额外CSS

横幅霓虹效果

/*网站横幅字体彩色霓虹效果*/
@keyframes ColdLight {
  0% {
    background-position: 0%;
  }
  100% {
    background-position: 200%;
  }
}

.banner-title {
  position: absolute;
  background: linear-gradient(90deg, #03a9f4, #f441a5, #ffeb3b, #03a9f4);
  background-size: 200%;
  animation: ColdLight 3s linear infinite;
  color: transparent !important;
  -webkit-background-clip: text;
  font-weight: 1000; /* 新增加粗字体效果 */
  font-size: 3.5em; /* 横幅字体大小 */
  transition: font-size 0.3s ease; /* 添加过渡效果,时间为0.3秒,缓动方式为ease */
}

/* 横幅字体大小 - 鼠标悬停时 */
.banner-title:hover {
  font-size: 4.6em; /* 鼠标悬停时的字体大小 */
}

.banner-title .banner-title-inner {
  position: relative;
  background: inherit;
}

.banner-title .banner-subtitle {
  position: relative;
  background: inherit;
  font-size: 27px; /* 横幅副标题字体大小 */
}

头像旋转

/*网站横幅字体彩色霓虹效果*/
@keyframes ColdLight {
  0% {
    background-position: 0%;
  }
  100% {
    background-position: 200%;
  }
}

.banner-title {
  position: absolute;
  background: linear-gradient(90deg, #03a9f4, #f441a5, #ffeb3b, #03a9f4);
  background-size: 200%;
  animation: ColdLight 3s linear infinite;
  color: transparent !important;
  -webkit-background-clip: text;
  font-weight: 1000; /* 新增加粗字体效果 */
  font-size: 3.5em; /* 横幅字体大小 */
  transition: font-size 0.3s ease; /* 添加过渡效果,时间为0.3秒,缓动方式为ease */
}

/* 横幅字体大小 - 鼠标悬停时 */
.banner-title:hover {
  font-size: 4.6em; /* 鼠标悬停时的字体大小 */
}

.banner-title .banner-title-inner {
  position: relative;
  background: inherit;
}

.banner-title .banner-subtitle {
  position: relative;
  background: inherit;
  font-size: 27px; /* 横幅副标题字体大小 */
}

字体大小位置设置

/*=========字体设置============*/

/*网站字体*/
/*原则上可以设置多个字体,然后在不同的部位使用不同的字体。*/
 /*设置网站字体*/


/*设置加粗字体颜色*/
strong {
    /*白天*/
    color: #A7727D;
}
html.darkmode strong {
    /*夜晚*/
    color: #FAAB78;
}

/*说说预览模式的代码字体颜色*/
pre {
    /*白天*/
    color: #A7727D;
}
html.darkmode pre {
    /*夜晚*/
    color: #FAAB78;
}

/*横幅字体大小*/
.banner-title {
  font-size: 3em;
}
.banner-subtitle{
  font-size: 30px;
}

/*文章标题字体大小*/
.post-title {
    font-size: 40px
}

/*正文字体大小(不包含代码)*/
.post-content p{
    font-size: 1.4rem;
}
li{
    font-size: 1.4rem;
}

/*评论区字体大小*/
p {
    font-size: 1.3rem
}

/*评论发送区字体大小*/
.form-control{
    font-size: 1.2rem
}

/*评论勾选项目字体大小*/
.custom-checkbox .custom-control-input~.custom-control-label{
    font-size: 1.2rem
}
/*评论区代码的强调色*/
code {
  color: rgba(var(--themecolor-rgbstr));
}

/*说说字体大小和颜色设置*/
.shuoshuo-title {
    font-size: 25px;
/*  color: rgba(var(--themecolor-rgbstr)); */
}

/*尾注字体大小*/
.additional-content-after-post{
    font-size: 1.2rem
}

/*========颜色设置===========*/

/*文章或页面的正文颜色*/
body{
    color:#364863
}

/*引文属性设置*/
blockquote {
    /*添加弱主题色为背景色*/
    background: rgba(var(--themecolor-rgbstr), 0.1) !important;
    width: 100%
}

/*引文颜色 建议用主题色*/
:root {
    /*也可以用类似于--color-border-on-foreground-deeper: #009688;这样的命令*/
    --color-border-on-foreground-deeper: rgba(var(--themecolor-rgbstr));
}

/*左侧菜单栏突出颜色修改*/
.leftbar-menu-item > a:hover, .leftbar-menu-item.current > a{
    background-color: #f9f9f980;
}

/*站点概览分隔线颜色修改*/
.site-state-item{
    border-left: 1px solid #aaa;
}
.site-friend-links-title {
    border-top: 1px dotted #aaa;
}
#leftbar_tab_tools ul li {
    padding-top: 3px;
    padding-bottom: 3px;
    border-bottom:none;
}
html.darkmode #leftbar_tab_tools ul li {
    border-bottom:none;
}

/*左侧栏搜索框的颜色*/
button#leftbar_search_container {
    background-color: transparent;
}


/*========排版设置===========*/

/*左侧栏层级置于上层*/
#leftbar_part1 {
    z-index: 1;
}

/*分类卡片文本居中*/
#content > div.page-information-card-container > div > div{
    text-align:center;
}

/*子菜单对齐及样式调整*/
.dropdown-menu .dropdown-item>i{
    width: 10px;
}
.dropdown-menu>a {
    color:var(--themecolor);
}
.dropdown-menu{
    min-width:max-content;
}
.dropdown-menu .dropdown-item {
    padding: .5rem 1.5rem 0.5rem 1rem;
}
.leftbar-menu-subitem{
    min-width:max-content;
}
.leftbar-menu-subitem .leftbar-menu-item>a{
    padding: 0rem 1.5rem 0rem 1rem;
}

/*左侧栏边距修改*/
.tab-content{
    padding:20px 0px 0px 0px !important;
}
.site-author-links{
    padding:0px 0px 0px 10px ;
}
/*目录位置偏移修改*/
#leftbar_catalog{
    margin-left: 0px;
}
/*目录条目边距修改*/
#leftbar_catalog .index-link{
    padding: 4px 4px 4px 4px;
}
/*左侧栏小工具栏字体缩小*/
#leftbar_tab_tools{
    font-size: 14px;
}

/*正文图片边距修改*/
article figure {margin:0;}
/*正文图片居中显示*/
.fancybox-wrapper {
    margin: auto;
}
/*正文表格样式修改*/
article table > tbody > tr > td,
article table > tbody > tr > th,
article table > tfoot > tr > td,
article table > tfoot > tr > th,
article table > thead > tr > td,
article table > thead > tr > th{
    padding: 8px 10px;
    border: 1px solid;
}
/*表格居中样式*/
.wp-block-table.aligncenter{margin:10px auto;}

/*回顶图标放大*/
button#fabtn_back_to_top, button#fabtn_go_to_comment, button#fabtn_toggle_blog_settings_popup, button#fabtn_toggle_sides, button#fabtn_open_sidebar{
    font-size: 1.2rem;
}

/*顶栏菜单*/
/*这里也可以设置刚刚我们设置的btfFont字体。试试看!*/
.navbar-nav .nav-link {
    font-size: 1.2rem;
    font-family: 'btfFont';
}
.nav-link-inner--text {
    /*顶栏菜单字体大小*/
    font-size: 1.4rem;
}
.navbar-nav .nav-item {
    margin-right:5;
}
.mr-lg-5, .mx-lg-5 {
    margin-right:1rem !important;
}
.navbar-toggler-icon {
    width: 1.5rem;
    height: 1.5rem;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.9rem;
    padding-left: 1rem;
}

/*顶栏图标*/
.navbar-brand {
    font-family: 'Noto Serif SC',serif;
    font-size: 2.0rem;
    /*顶栏图标边界微调*/
    margin-right: 1.5rem; /*左右偏移*/
    padding-bottom: 0.3rem;
}
.navbar-brand img { 
  /* 图片高度*/
    height: 24px;
}

/*隐藏wp-SEO插件带来的线条阴影(不一定要装)*/
*[style='position: relative; z-index: 99998;'] {
    display: none;
}

/*头像调大*/
#leftbar_overview_author_image{
  width: 180px !important;
  height: 180px !important;
}

网站透明度

额外css

#leftbar_announcement {
background: var(--themecolor-gradient) !important;
}
#footer{
background: var(--themecolor-gradient) !important
}

页尾脚本

<script>

function hexToRgb(hex,op){
let str = hex.slice(1);
let arr;
if (str.length === 3) arr = str.split('').map(d => parseInt(d.repeat(2), 16));
else arr = [parseInt(str.slice(0, 2), 16), parseInt(str.slice(2, 4), 16), parseInt(str.slice(4, 6), 16)];
return `rgb(${arr.join(', ')}, ${op})`;
};

let themeColorHex = getComputedStyle(document.documentElement).getPropertyValue('--themecolor').trim();
let op1 = 0.6
let themeColorRgb = hexToRgb(themeColorHex,op1);
let themecolorGradient = getComputedStyle(document.documentElement).getPropertyValue('--themecolor-gradient')

document.documentElement.style.setProperty('--themecolor-gradient',themeColorRgb)
let op2 = 0.8
let colorTint92 = getComputedStyle(document.documentElement).getPropertyValue('--color-tint-92').trim();
colorTint92 += ', '+op2;
document.documentElement.style.setProperty('--color-tint-92',colorTint92)

let op3 = 0.65
let colorShade90 = getComputedStyle(document.documentElement).getPropertyValue('--color-shade-90').trim();
colorShade90 += ', ' + op3;
document.documentElement.style.setProperty('--color-shade-90',colorShade90)

let op4 = 0.8
let colorShade86 = getComputedStyle(document.documentElement).getPropertyValue('--color-shade-86').trim();
colorShade86 += ', ' + op4;
document.documentElement.style.setProperty('--color-shade-86',colorShade86)

</script>

4.页头

动态背景

<video
src="mp4" /*白天动态视频链接*/
class="bg-video bg-video-day"
autoplay=""
loop="loop"
muted=""
></video>
<video
src="mp4" /*夜间动态视频链接*/
class="bg-video bg-video-night"
autoplay=""
loop="loop"
muted=""
></video>
<style>
video.bg-video {
position: fixed;
z-index: -1;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100vw;
height: 100vh;
object-fit: cover;
pointer-events: none;
}
html.darkmode video.bg-video.bg-video-day {
opacity: 0;
}
html.darkmode video.bg-video.bg-video-night {
opacity: 1;
}
video.bg-video.bg-video-day {
opacity: 1;
}
video.bg-video.bg-video-night {
opacity: 0;
}
#banner,
#banner .shape {
background: transparent !important;
}

</style>
<script
src="https://api.gcxstudio.cn/odometer/odometer.min.js"
integrity="sha256-65R1G5irU1VT+k8L4coqgd3saSvO/Wufson/w+v2Idw="
crossorigin="anonymous"
></script>


<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css">
<script src="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js"></script>

<div id='aplayer'></div>

字体美化

免费商用字体和 WebFonts 字体 CDN – ZeoSeven Fonts (ZSFT)

<link rel="preconnect" href="https://static.zeoseven.com" crossorigin />
<link rel="stylesheet" href="https://static.zeoseven.com/zsft/144/main/result.css" />

<style>
   body {
       font-family: "LXGW 975 HazyGo SC 500W";
       font-weight: normal;
   }
</style>
<link rel="preconnect" href="https://static.zeoseven.com" crossorigin />
<link rel="stylesheet" href="https://static.zeoseven.com/zsft/2/main/result.css" />

<style>
   body {
       font-family: "LXGW ZhenKai";
       font-weight: normal;
   }
</style>

5.页脚

小枫音乐播放器

<div id="xf-MusicPlayer" data-cdnName="https://player.xfyun.club/js"  data-themeColor="xf-original" data-randomSongList="1"></div>
<script src="https://player.xfyun.club/js/xf-MusicPlayer/js/xf-MusicPlayer.min.js"></script>

3D动态卡片特效

<!--卡片3D效果脚本CDN <script src="https://cdn.jsdelivr.net/gh/huangwb8/bloghelper/vanilla3D/vanilla-tilt.min.js"></script> 已注释-->
<!--卡片3D效果脚本,改为引入本地脚本--><script src="/wp-content/themes/argon-theme-master/vanilla-tilt.min.js"></script>
<!--判断是否为Safari浏览器--><script>var isSafari = /Safari/.test(navigator.userAgent) && !/Chrome/.test(navigator.userAgent);</script>

<!--以下内容每次跳转新页面都执行,pjax额外处理-->
<script>
window.pjaxLoaded = function () {
    //站点概览点击头像或作者名跳转到关于页
 &nbsp; &nbsp;$("#leftbar_overview_author_image").wrapAll('<a href="/关于" /a>');
 &nbsp; &nbsp;$("#leftbar_overview_author_name").wrapAll('<a href="/关于" /a>');
 &nbsp; &nbsp;//说说标题替换为日记
 &nbsp; &nbsp;if (window.location.pathname == "/idea") {
        if ($("#content > div.page-information-card-container > div > div").length > 0) {
 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;//var temp_str = document.querySelector("#content > div.page-information-card-container > div > div").innerHTML.replace(/说说/g, "日记");
            document.querySelector("#content > div.page-information-card-container > div > div").innerHTML = temp_str;
 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;//$("#content > div.page-information-card-container > div > div > p").append('<br>由<a href="https://t.me/yaquews" target="_blank">朋友圈</a>自动同步');
            $("#content > div.page-information-card-container > div > div > p > i").removeClass("fa fa-quote-left");
            $("#content > div.page-information-card-container > div > div > p > i").addClass("fa fa-bolt");
        }
    }
    //卡片3D效果
    if (screen.width >= 768 && !isSafari) {
        VanillaTilt.init(document.querySelectorAll("article.post:not(.post-full), .shuoshuo-preview-container"), {
            reverse: true,  // reverse the tilt direction
            max: 8,     // max tilt rotation (degrees)
            startX: 0,      // the starting tilt on the X axis, in degrees.
            startY: 0,      // the starting tilt on the Y axis, in degrees.
            perspective: 1000,   // Transform perspective, the lower the more extreme the tilt gets.
            scale: 1.02,      // 2 = 200%, 1.5 = 150%, etc..
            speed: 600,    // Speed of the enter/exit transition
            transition: false,   // Set a transition on enter/exit.
            axis: "y",    // What axis should be banned. Can be "x", "y", or null
            reset: true,   // If the tilt effect has to be reset on exit.
            easing: "cubic-bezier(.03,.98,.52,.99)",    // Easing on enter/exit.
            glare: false,  // if it should have a "glare" effect
            "max-glare": 0.8,      // the maximum "glare" opacity (1 = 100%, 0.5 = 50%)
            "glare-prerender": false,  // false = VanillaTilt creates the glare elements for you, otherwise
            // you need to add .js-tilt-glare>.js-tilt-glare-inner by yourself
            "mouse-event-element": null,   // css-selector or link to HTML-element what will be listen mouse events
            gyroscope: true,   // Boolean to enable/disable device orientation detection,
            gyroscopeMinAngleX: -45,    // This is the bottom limit of the device angle on X axis, meaning that a device rotated at this angle would tilt the element as if the mouse was on the left border of the element;
            gyroscopeMaxAngleX: 45,     // This is the top limit of the device angle on X axis, meaning that a device rotated at this angle would tilt the element as if the mouse was on the right border of the element;
            gyroscopeMinAngleY: -45,    // This is the bottom limit of the device angle on Y axis, meaning that a device rotated at this angle would tilt the element as if the mouse was on the top border of the element;
            gyroscopeMaxAngleY: 45,     // This is the top limit of the device angle on Y axis, meaning that a device rotated at this angle would tilt the element as if the mouse was on the bottom border of the element;
        })
    }
}
window.pjaxLoaded();
</script>

<!--根据滚动高度改变顶栏透明度-->
<script>
!function () {
    let toolbar = document.getElementById("navbar-main");
    let $bannerContainer = $("#banner_container");
    let $content = $("#content");

    let startTransitionHeight;
    let endTransitionHeight;
    let maxOpacity = 0.65;

    startTransitionHeight = $bannerContainer.offset().top - 75;
    endTransitionHeight = $content.offset().top - 75;

    $(window).resize(function () {
        startTransitionHeight = $bannerContainer.offset().top - 75;
        endTransitionHeight = $content.offset().top - 75;
    });

    function changeToolbarTransparency() {
        let scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
        if (scrollTop < startTransitionHeight) {
            toolbar.style.setProperty('background-color', 'rgba(var(--toolbar-color), 0)', 'important');
            toolbar.style.setProperty('box-shadow', 'none');
            toolbar.style.setProperty('-webkit-box-shadow', 'none');
            if (argonConfig.toolbar_blur) {
                toolbar.style.setProperty('backdrop-filter', 'blur(0px)');
                toolbar.style.setProperty('-webkit-backdrop-filter', 'blur(0px)');
            }
            toolbar.classList.add("navbar-ontop");
            return;
        }
        if (scrollTop > endTransitionHeight) {
            toolbar.style.setProperty('background-color', 'rgba(var(--toolbar-color), ' + maxOpacity + ')', 'important');
            toolbar.style.setProperty('box-shadow', '');
            toolbar.style.setProperty('-webkit-box-shadow', '');
            if (argonConfig.toolbar_blur) {
                toolbar.style.setProperty('backdrop-filter', 'blur(16px)');
                toolbar.style.setProperty('-webkit-backdrop-filter', 'blur(16px)');
            }
            toolbar.classList.remove("navbar-ontop");
            return;
        }
        let transparency = (scrollTop - startTransitionHeight) / (endTransitionHeight - startTransitionHeight) * maxOpacity;
        toolbar.style.setProperty('background-color', 'rgba(var(--toolbar-color), ' + transparency, 'important');
        toolbar.style.setProperty('box-shadow', '');
        if (argonConfig.toolbar_blur) {
            toolbar.style.setProperty('backdrop-filter', 'blur(16px)');
            toolbar.style.setProperty('-webkit-backdrop-filter', 'blur(16px)');
        }
        toolbar.classList.remove("navbar-ontop");
    }
    changeToolbarTransparency();
    document.addEventListener("scroll", changeToolbarTransparency, { passive: true });
}();
</script>
<!-- 卡片3D效果 开始 -->
<?php require('./theme-modify/card3d.php'); ?>
<!-- 卡片3D效果 结束 -->
<script>window.pjaxLoaded();</script>//页脚

6.json导出

{"argon_theme_color":"#5e72e4","argon_theme_color_hex_preview":"#5e72e4","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":"2","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":"","argon_toolbar_icon":"https://xu1.online/wp-content/uploads/2025/02/cropped-fbf45c05b8f299163f37e799702a4a4e4985cfeb5cb5f2b6ceb076dec0503453.0.jpeg","argon_toolbar_icon_link":" ","argon_toolbar_blur":"false","argon_banner_title":"Xu xu's Lab","argon_banner_subtitle":"","argon_banner_size":"full","argon_page_background_banner_style":"transparent","argon_show_toolbar_mask":true,"argon_banner_background_url":"","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":"300","argon_page_background_url":"","argon_page_background_dark_url":"","argon_page_background_opacity":"1","argon_sidebar_banner_title":"","argon_sidebar_banner_subtitle":"","argon_sidebar_auther_name":"Xu xu","argon_sidebar_auther_image":"https://xu1.online/wp-content/uploads/2025/01/cropped-1689385036663_temp.jpg","argon_sidebar_author_description":"大三通信在读","argon_sidebar_announcement":"这是一个公告","argon_fab_show_settings_button":"true","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":"false","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":"5","argon_article_header_style":"article-header-style-1","argon_outdated_info_time_type":"createdtime","argon_outdated_info_days":"365","argon_outdated_info_tip_type":"inpost","argon_outdated_info_tip_content":"本文最后更新于%modify_date_delta% 天前,其中的信息可能已经过时","argon_archives_timeline_show_month":"true","argon_archives_timeline_url":"https://xu1.online/pigeonhole/","argon_footer_html":"","argon_enable_code_highlight":"true","argon_code_theme":"vs2015","argon_code_highlight_hide_linenumber":"false","argon_code_highlight_break_line":"false","argon_code_highlight_transparent_linenumber":"false","argon_math_render":"mathjax3","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":"<video\nsrc=\"https://xu1.online/wp-content/uploads/2024/08/day.mp4\" /*白天动态视频链接*/\nclass=\"bg-video bg-video-day\"\nautoplay=\"\"\nloop=\"loop\"\nmuted=\"\"\n></video>\n<video\nsrc=\"https://xu1.online/wp-content/uploads/2024/08/night.mp4\" /*夜间动态视频链接*/\nclass=\"bg-video bg-video-night\"\nautoplay=\"\"\nloop=\"loop\"\nmuted=\"\"\n></video>\n<style>\nvideo.bg-video {\nposition: fixed;\nz-index: -1;\nleft: 0;\nright: 0;\ntop: 0;\nbottom: 0;\nwidth: 100vw;\nheight: 100vh;\nobject-fit: cover;\npointer-events: none;\n}\nhtml.darkmode video.bg-video.bg-video-day {\nopacity: 0;\n}\nhtml.darkmode video.bg-video.bg-video-night {\nopacity: 1;\n}\nvideo.bg-video.bg-video-day {\nopacity: 1;\n}\nvideo.bg-video.bg-video-night {\nopacity: 0;\n}\n#banner,\n#banner .shape {\nbackground: transparent !important;\n}\n \n</style>\n<script\nsrc=\"https://api.gcxstudio.cn/odometer/odometer.min.js\"\nintegrity=\"sha256-65R1G5irU1VT+k8L4coqgd3saSvO/Wufson/w+v2Idw=\"\ncrossorigin=\"anonymous\"\n></script>\n \n \n<link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css\">\n<script src=\"https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js\"></script>\n \n<div id='aplayer'></div>\n \n \n\n\n\n<link rel=\"preconnect\" href=\"https://static.zeoseven.com\" crossorigin />\n<link rel=\"stylesheet\" href=\"https://static.zeoseven.com/zsft/144/main/result.css\" />\n \n<style>\n   body {\n       font-family: \"LXGW 975 HazyGo SC 500W\";\n       font-weight: normal;\n   }\n</style>\n","argon_custom_html_foot":"<div id=\"xf-MusicPlayer\" data-cdnName=\"https://player.xfyun.club/js\"  data-themeColor=\"xf-original\" data-randomSongList=\"1\"></div>\n<script src=\"https://player.xfyun.club/js/xf-MusicPlayer/js/xf-MusicPlayer.min.js\"></script>\n\n\n<script>window.pjaxLoaded();</script>\n\n\n\n<script>\n \nfunction hexToRgb(hex,op){\nlet str = hex.slice(1);\nlet arr;\nif (str.length === 3) arr = str.split('').map(d => parseInt(d.repeat(2), 16));\nelse arr = [parseInt(str.slice(0, 2), 16), parseInt(str.slice(2, 4), 16), parseInt(str.slice(4, 6), 16)];\nreturn `rgb(${arr.join(', ')}, ${op})`;\n};\n \nlet themeColorHex = getComputedStyle(document.documentElement).getPropertyValue('--themecolor').trim();\nlet op1 = 0.9\nlet themeColorRgb = hexToRgb(themeColorHex,op1);\nlet themecolorGradient = getComputedStyle(document.documentElement).getPropertyValue('--themecolor-gradient')\n \ndocument.documentElement.style.setProperty('--themecolor-gradient',themeColorRgb)\nlet op2 = 0.9\nlet colorTint92 = getComputedStyle(document.documentElement).getPropertyValue('--color-tint-92').trim();\ncolorTint92 += ', '+op2;\ndocument.documentElement.style.setProperty('--color-tint-92',colorTint92)\n \nlet op3 = 0.9\nlet colorShade90 = getComputedStyle(document.documentElement).getPropertyValue('--color-shade-90').trim();\ncolorShade90 += ', ' + op3;\ndocument.documentElement.style.setProperty('--color-shade-90',colorShade90)\n \nlet op4 = 0.9\nlet colorShade86 = getComputedStyle(document.documentElement).getPropertyValue('--color-shade-86').trim();\ncolorShade86 += ', ' + op4;\ndocument.documentElement.style.setProperty('--color-shade-86',colorShade86)\n \n</script>","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"}

7.参考与鸣谢

  1. Argon主题美化 – 北冥红烧鱼的芥子空间
  2. Argon主题博客美化 – Echo小窝
  3. Argon 主题修改记录 – 鸦鸦的巢穴
作者xu xu
暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇