diff --git a/ZH-TW/index.html b/ZH-TW/index.html index 4d4a9ec..a8c25e9 100644 --- a/ZH-TW/index.html +++ b/ZH-TW/index.html @@ -801,6 +801,10 @@ + + + + @@ -1143,6 +1147,52 @@ + + + + + + +
  • + + + + + + 页脚设置 + + + + + +
  • + + + + + + + + + + +
  • + + + + + + 加速网站访问的一些心得 + + + + + +
  • + + + + diff --git a/about/geren/index.html b/about/geren/index.html index be3f627..92ef98e 100644 --- a/about/geren/index.html +++ b/about/geren/index.html @@ -807,6 +807,10 @@ + + + + @@ -1149,6 +1153,52 @@ + + + + + + +
  • + + + + + + 页脚设置 + + + + + +
  • + + + + + + + + + + +
  • + + + + + + 加速网站访问的一些心得 + + + + + +
  • + + + + @@ -2418,8 +2468,8 @@
    -观史知今,当思进退,读书明志可识春秋 - +观史知今,当思进退,读书明志可识春秋 +
    ——Wcowin

    @@ -2543,7 +2593,7 @@

    未完待续

    - 在路上,永远热泪盈眶 + 于道各努力,千里自同风
    Before - After @@ -2739,7 +2789,7 @@ - 2025-04-14 + 2025-04-29 diff --git a/about/link/index.html b/about/link/index.html index b873f5e..3b8e71d 100644 --- a/about/link/index.html +++ b/about/link/index.html @@ -807,6 +807,10 @@ + + + + @@ -1149,6 +1153,52 @@ + + + + + + +
  • + + + + + + 页脚设置 + + + + + +
  • + + + + + + + + + + +
  • + + + + + + 加速网站访问的一些心得 + + + + + +
  • + + + + diff --git a/about/resume/index.html b/about/resume/index.html index 7bc5f86..a1b9339 100644 --- a/about/resume/index.html +++ b/about/resume/index.html @@ -807,6 +807,10 @@ + + + + @@ -1149,6 +1153,52 @@ + + + + + + +
  • + + + + + + 页脚设置 + + + + + +
  • + + + + + + + + + + +
  • + + + + + + 加速网站访问的一些心得 + + + + + +
  • + + + + @@ -2349,7 +2399,7 @@
  • 个人简历


    -

  • @@ -2421,7 +2471,7 @@ - 2025-02-07 + 2025-04-29 diff --git a/about/sty/portfolio.css b/about/sty/portfolio.css index d2a3d08..9c924b6 100644 --- a/about/sty/portfolio.css +++ b/about/sty/portfolio.css @@ -1,69 +1,63 @@ :root { - --header-height: 3rem; + --header-height: 3rem; - /*========== Colors ==========*/ - --first-color: #608DBD; - --first-color-second: #608DBD; - --first-color-alt: #608DBD; - --first-color-lighter: #608DBD; + /*========== Colors ==========*/ + --first-color: #608DBD; + --first-color-second: #608DBD; + --first-color-alt: #608DBD; + --first-color-lighter: #608DBD; - --title-color: #608DBD; - --text-color: #080505; - --text-color-light: #f5ab17; + --title-color: #608DBD; + --text-color: #757575; + /* --text-color-light: #f5ab17; */ - --input-color: #F5EEE3; - --body-color: #FDFBF8; - --container-color: #FFFFFF; + --input-color: #F5EEE3; + /* --body-color: #FDFBF8; + --container-color: #FFFFFF; */ - /*========== Font and typography ==========*/ - --big-font-size: 2rem; - --h1-font-size: 1.5rem; - --h2-font-size: 1.25rem; - --h3-font-size: 1.125rem; - --normal-font-size: .938rem; - --small-font-size: .813rem; - --smaller-font-size: .70rem; + /*========== Font and typography ==========*/ + --big-font-size: 2rem; + --h1-font-size: 1.5rem; + --h2-font-size: 1.25rem; + --h3-font-size: 1.125rem; + --normal-font-size: .938rem; + --small-font-size: .813rem; + --smaller-font-size: .70rem; - /*========== Font weight ==========*/ - --font-medium: 500; - --font-semi-bold: 600; + /*========== Font weight ==========*/ + --font-medium: 500; + --font-semi-bold: 600; - /*========== Margenes Bottom ==========*/ - --mb-0-25: .25rem; - --mb-0-5: .5rem; - --mb-0-75: .75rem; - --mb-1: 1rem; - --mb-1-5: 1.5rem; - --mb-2: 2rem; - --mb-2-5: 2.5rem; - --mb-3: 3rem; + /*========== Margenes Bottom ==========*/ + --mb-0-25: .25rem; + --mb-0-5: .5rem; + --mb-0-75: .75rem; + --mb-1: 1rem; + --mb-1-5: 1.5rem; + --mb-2: 2rem; + --mb-2-5: 2.5rem; + --mb-3: 3rem; - /*========== z index ==========*/ - --z-tooltip: 10; - --z-fixed: 100; - --z-modal: 1000; + /*========== z index ==========*/ + --z-tooltip: 10; + --z-fixed: 100; + --z-modal: 1000; } /* Font size for large devices */ @media screen and (min-width: 968px) { - :root { - --big-font-size: 3rem; - --h1-font-size: 2.25rem; - --h2-font-size: 1.5rem; - --h3-font-size: 1.25rem; - --normal-font-size: 1rem; - --small-font-size: .875rem; - --smaller-font-size: .813rem; - } + :root { + --big-font-size: 3rem; + --h1-font-size: 2.25rem; + --h2-font-size: 1.5rem; + --h3-font-size: 1.25rem; + --normal-font-size: 1rem; + --small-font-size: .875rem; + --smaller-font-size: .813rem; + } } /*==================== BASE ====================*/ -* { - box-sizing: border-box; - padding: 0; - margin: 0; -} - html { scroll-behavior: smooth; } @@ -116,18 +110,18 @@ h1, h2, h3, h4 { gap: 1rem; } -.home__content{ +.home__content { grid-template-columns: .5fr 3fr; padding-top: 3.5rem; align-items: center; } -.home__social{ +.home__social { grid-template-columns: max-content; row-gap: 1rem; } -.home__social-icon{ +.home__social-icon { font-size: 1.25rem; } @@ -135,23 +129,23 @@ h1, h2, h3, h4 { color: var(--first-color-alt); } -.home__title{ +.home__title { font-size: var(--big-font-size); } -.home__subtitle{ +.home__subtitle { margin-bottom: var(--h3-font-size); color: var(--text-color); font-weight: var(--font-medium); margin-bottom: var(--mb-0-75); } -.home__description{ +.home__description { margin-bottom: var(--mb-2); } /*==================== BUTTONS ====================*/ -.button{ +.button { display: inline-block; background-color: var(--first-color-alt); color: #fff; @@ -164,23 +158,23 @@ h1, h2, h3, h4 { background-color: var(--first-color-alt); } -.button__icon{ +.button__icon { font-size: 1.25rem; margin-right: var(--mb-0-5); transition: .3s; color: #FFF; } -.button--flex{ +.button--flex { display: inline-flex; align-items: center; } -.button--small{ +.button--small { padding: .75rem 1rem; } -.button--link{ +.button--link { padding: 0; background-color: transparent; color: var(--first-color); @@ -192,41 +186,41 @@ h1, h2, h3, h4 { } /*==================== ABOUT ====================*/ -.about__img{ +.about__img { width: 400px; border-radius: .5rem; justify-self: center; align-self: center; } -.about__description{ +.about__description { text-align: center; margin-bottom: var(--mb-2-5); } -.about__info{ +.about__info { display: flex; justify-content: space-evenly; margin-bottom: var(--mb-2-5); } -.about__info-title{ +.about__info-title { font-size: var(--h2-font-size); font-weight: var(--font-semi-bold); color: var(--title-color); } -.about__info-name{ +.about__info-name { font-size: var(--smaller-font-size); } .about__info-title, -.about__info-name{ +.about__info-name { display: block; text-align: center; } -.about__buttons{ +.about__buttons { margin: 0 auto; display: flex; justify-content: center; @@ -234,11 +228,11 @@ h1, h2, h3, h4 { } /*==================== SKILLS ====================*/ -.skills__container{ +.skills__container { row-gap: 0; } -.skills__header{ +.skills__header { display: flex; align-items: center; margin-bottom: var(--mb-2-5); @@ -246,130 +240,130 @@ h1, h2, h3, h4 { } .skills__icon, -.skills__arrow{ +.skills__arrow { font-size: 2rem; - color: var(--md-primary-fg-color); + color: #757575; } -.skills__icon{ +.skills__icon { margin-right: var(--mb-0-75); } -.skills__title{ +.skills__title { font-size: var(--h3-font-size); } -.skills_subtitle{ +.skills_subtitle { font-size: var(--small-font-size); color: var(--text-color-light); } -.skills__arrow{ +.skills__arrow { margin-left: auto; transition: .4s; } -.skills__list{ +.skills__list { row-gap: 1.5rem; padding-left: 2.7rem; } -.skills__titles{ +.skills__titles { display: flex; justify-content: space-between; margin-bottom: var(--mb-0-5); } -.skills__name{ +.skills__name { font-size: var(--normal-font-size); font-weight: var(--font-medium); } -.skills__number{ +.skills__number { margin-top: var(--mb-2-5); } .skills__bar, -.skills__percentage{ +.skills__percentage { height: 5px; border-radius: .25rem; } -.skills__bar{ +.skills__bar { background-color: var(--first-color-lighter); } -.skills__percentage{ +.skills__percentage { display: block; background-color: var(--first-color); } -.skills__fastapi{ +.skills__fastapi { width: 90%; } -.skills__django{ +.skills__django { width: 85%; } -.skills__flask{ +.skills__flask { width: 75%; } -.skills__spring{ +.skills__spring { width: 75%; } -.skills__androidjava{ +.skills__androidjava { width: 70%; } -.skills__androidkotlin{ +.skills__androidkotlin { width: 60%; } -.skills__flutter{ +.skills__flutter { width: 60%; } -.skills__aws{ +.skills__aws { width: 80%; } -.skills__azure{ +.skills__azure { width: 75%; } -.skills__oc{ +.skills__oc { width: 70%; } -.skills__cicd{ +.skills__cicd { width: 75%; } -.skills__close .skills__list{ +.skills__close .skills__list { height: 0; overflow: hidden; } -.skills__open .skills__list{ +.skills__open .skills__list { height: max-content; margin-bottom: var(--mb-2-5); } -.skills__open .skills__arrow{ +.skills__open .skills__arrow { transform: rotate(-180deg); } /*==================== QUALIFICATION ====================*/ -.qualification__tabs{ +.qualification__tabs { display: flex; justify-content: space-evenly; margin-bottom: var(--mb-2); } -.qualification__button{ +.qualification__button { font-size: var(--h3-font-size); font-weight: var(--font-medium); cursor: pointer; @@ -379,34 +373,42 @@ h1, h2, h3, h4 { color: var(--first-color); } -.qualification__icon{ +.qualification__icon { font-size: 1.8rem; margin-right: var(--mb-0-25); } -.qualification__data{ +.qualification__data { display: grid; - grid-template-columns: 1.5fr max-content 1.5fr; - column-gap: 1.5rem; + grid-template-columns: 1fr max-content 1fr; + column-gap: 0.5rem; } -.qualification__title{ +.qualification__data > div:first-child { + text-align: center; +} +.qualification__data > div:last-child { + text-align: center; +} + + +.qualification__title { font-size: var(--normal-font-size); font-weight: var(--font-medium); } -.qualification__subtitle{ +.qualification__subtitle { display: inline-block; font-size: var(--smaller-font-size); margin-bottom: var(--mb-1); } -.qualification__calendar{ +.qualification__calendar { font-size: var(--smaller-font-size); color: var(--md-primary-fg-color--dark); } -.qualification__rounder{ +.qualification__rounder { display: inline-block; width: 13px; height: 13px; @@ -414,7 +416,7 @@ h1, h2, h3, h4 { border-radius: 50%; } -.qualification__line{ +.qualification__line { display: block; width: 1px; height: 100%; @@ -422,51 +424,54 @@ h1, h2, h3, h4 { transform: translate(6px, -7px); } -.qualification [data-content]{ +.qualification [data-content] { display: none; } -.qualification__active[data-content]{ +.qualification__active[data-content] { display: block; } -.qualification__button.qualification__active{ +.qualification__button.qualification__active { color: var(--first-color); } /*==================== MEDIA QUERIES ====================*/ /* For small devices */ -@media screen and (max-width: 350px){ - .container{ +@media screen and (max-width: 350px) { + .container { margin-left: var(--mb-1); margin-right: var(--mb-1); } - .home__content{ + .home__content { grid-template-columns: .25fr 3fr; } - .home__blob{ + + .home__blob { width: 180px; } - .skills__title{ + .skills__title { font-size: var(--normal-font-size); } - .qualification__data{ + .qualification__data { gap: .5rem; } } /* For medium devices */ -@media screen and (min-width: 568px){ - .home__content{ +@media screen and (min-width: 568px) { + .home__content { grid-template-columns: max-content 1fr 1fr; } - .home__data{ + + .home__data { grid-column: initial; } - .home__img{ + + .home__img { order: 1; justify-self: center; } @@ -474,102 +479,115 @@ h1, h2, h3, h4 { .skills__container, .about__container, .portfolio__content, - .project__container{ + .project__container { grid-template-columns: repeat(2, 1fr); } - .qualification__sections{ + .qualification__sections { display: grid; grid-template-columns: 6fr; justify-content: center; } } -@media screen and (min-width: 768px){ - .container{ +@media screen and (min-width: 768px) { + .container { margin-left: auto; margin-right: auto; } - body{ + body { margin: 0; } - .section{ + .section { padding: 6rem 0 2rem; } - .section__subtitle{ + + .section__subtitle { margin-bottom: 4rem; } - .header{ + .header { top: 0; bottom: initial; } .header, - .main{ + .main { padding: 0 1rem; } - .home__container{ + .home__container { row-gap: 5rem; } - .home__content{ + + .home__content { padding-top: 5.5rem; column-gap: 2rem; } - .home__blob{ + + .home__blob { width: 270px; } - .home__scroll{ + + .home__scroll { display: block; } - .home__scroll-button{ + + .home__scroll-button { margin-left: 3rem; } - .about__container{ + .about__container { column-gap: 5rem; } - .about__img{ + + .about__img { width: 350px; } - .about__description{ + + .about__description { text-align: initial; } - .about__info{ + + .about__info { justify-content: space-between; } - .about__buttons{ + + .about__buttons { justify-content: initial; } - .qualification__tabs{ + .qualification__tabs { justify-content: center; } - .qualification__button{ + + .qualification__button { margin: 0 var(--mb-1); } - .qualification__sections{ + + .qualification__sections { grid-template-columns: .5fr; } } /* For large devices */ -@media screen and (min-width: 1024px){ +@media screen and (min-width: 1024px) { .header, - .main{ + .main { padding: 0; } - .home__blob{ + .home__blob { width: 320px; } - .home__social{ + + .home__social { transform: translateX(-6rem); } - .qualification__sections{ + + .qualification__sections { display: grid; grid-template-columns: 6fr; justify-content: center; diff --git a/about/test/index.html b/about/test/index.html index 77dd6ee..9532c81 100644 --- a/about/test/index.html +++ b/about/test/index.html @@ -798,6 +798,10 @@ + + + + @@ -1140,6 +1144,52 @@ + + + + + + +
  • + + + + + + 页脚设置 + + + + + +
  • + + + + + + + + + + +
  • + + + + + + 加速网站访问的一些心得 + + + + + +
  • + + + + diff --git a/about/zcw/index.html b/about/zcw/index.html index e971cd3..9e03a83 100644 --- a/about/zcw/index.html +++ b/about/zcw/index.html @@ -805,6 +805,10 @@ + + + + @@ -1147,6 +1151,52 @@ + + + + + + +
  • + + + + + + 页脚设置 + + + + + +
  • + + + + + + + + + + +
  • + + + + + + 加速网站访问的一些心得 + + + + + +
  • + + + + diff --git a/about/个人简历.pdf b/about/个人简历.pdf deleted file mode 100644 index 1dda51d..0000000 Binary files a/about/个人简历.pdf and /dev/null differ diff --git a/about/个人简历2.pdf b/about/个人简历2.pdf new file mode 100644 index 0000000..43a277b Binary files /dev/null and b/about/个人简历2.pdf differ diff --git a/blog/2021/12/18/博客文章测试/index.html b/blog/2021/12/18/博客文章测试/index.html index 3ca558d..9d4928a 100644 --- a/blog/2021/12/18/博客文章测试/index.html +++ b/blog/2021/12/18/博客文章测试/index.html @@ -801,6 +801,10 @@ + + + + @@ -1143,6 +1147,52 @@ + + + + + + +
  • + + + + + + 页脚设置 + + + + + +
  • + + + + + + + + + + +
  • + + + + + + 加速网站访问的一些心得 + + + + + +
  • + + + + diff --git a/blog/2022/06/06/2022网站更新记录/index.html b/blog/2022/06/06/2022网站更新记录/index.html index 113fd97..58e76fd 100644 --- a/blog/2022/06/06/2022网站更新记录/index.html +++ b/blog/2022/06/06/2022网站更新记录/index.html @@ -807,6 +807,10 @@ + + + + @@ -1149,6 +1153,52 @@ + + + + + + +
  • + + + + + + 页脚设置 + + + + + +
  • + + + + + + + + + + +
  • + + + + + + 加速网站访问的一些心得 + + + + + +
  • + + + + diff --git a/blog/2023/12/21/2023网站更新记录/index.html b/blog/2023/12/21/2023网站更新记录/index.html index 0d4d46f..6e51fb2 100644 --- a/blog/2023/12/21/2023网站更新记录/index.html +++ b/blog/2023/12/21/2023网站更新记录/index.html @@ -807,6 +807,10 @@ + + + + @@ -1149,6 +1153,52 @@ + + + + + + +
  • + + + + + + 页脚设置 + + + + + +
  • + + + + + + + + + + +
  • + + + + + + 加速网站访问的一些心得 + + + + + +
  • + + + + diff --git a/blog/2024/01/01/2024网站更新记录/index.html b/blog/2024/01/01/2024网站更新记录/index.html index 4c7bdf7..3adc22b 100644 --- a/blog/2024/01/01/2024网站更新记录/index.html +++ b/blog/2024/01/01/2024网站更新记录/index.html @@ -807,6 +807,10 @@ + + + + @@ -1149,6 +1153,52 @@ + + + + + + +
  • + + + + + + 页脚设置 + + + + + +
  • + + + + + + + + + + +
  • + + + + + + 加速网站访问的一些心得 + + + + + +
  • + + + + diff --git a/blog/2025/01/01/2025网站更新记录/index.html b/blog/2025/01/01/2025网站更新记录/index.html index f38e606..14f09dd 100644 --- a/blog/2025/01/01/2025网站更新记录/index.html +++ b/blog/2025/01/01/2025网站更新记录/index.html @@ -805,6 +805,10 @@ + + + + @@ -1147,6 +1151,52 @@ + + + + + + +
  • + + + + + + 页脚设置 + + + + + +
  • + + + + + + + + + + +
  • + + + + + + 加速网站访问的一些心得 + + + + + +
  • + + + + diff --git a/blog/MIT/index.html b/blog/MIT/index.html index abe1553..85f519a 100644 --- a/blog/MIT/index.html +++ b/blog/MIT/index.html @@ -814,6 +814,10 @@ + + + + @@ -1159,6 +1163,52 @@ + + + + + + +
  • + + + + + + 页脚设置 + + + + + +
  • + + + + + + + + + + +
  • + + + + + + 加速网站访问的一些心得 + + + + + +
  • + + + + diff --git a/blog/Mkdocs/mkdocs1/index.html b/blog/Mkdocs/mkdocs1/index.html index 4f54d92..cc90823 100644 --- a/blog/Mkdocs/mkdocs1/index.html +++ b/blog/Mkdocs/mkdocs1/index.html @@ -885,6 +885,10 @@ + + + + @@ -1230,6 +1234,52 @@ + + + + + + +
  • + + + + + + 页脚设置 + + + + + +
  • + + + + + + + + + + +
  • + + + + + + 加速网站访问的一些心得 + + + + + +
  • + + + + diff --git a/blog/Mkdocs/mkdocs2/index.html b/blog/Mkdocs/mkdocs2/index.html index 90b52bc..f438b20 100644 --- a/blog/Mkdocs/mkdocs2/index.html +++ b/blog/Mkdocs/mkdocs2/index.html @@ -1026,6 +1026,10 @@ + + + + @@ -1371,6 +1375,52 @@ + + + + + + +
  • + + + + + + 页脚设置 + + + + + +
  • + + + + + + + + + + +
  • + + + + + + 加速网站访问的一些心得 + + + + + +
  • + + + + diff --git a/blog/Mkdocs/mkdocs3/index.html b/blog/Mkdocs/mkdocs3/index.html index 61b77ac..9f7810a 100644 --- a/blog/Mkdocs/mkdocs3/index.html +++ b/blog/Mkdocs/mkdocs3/index.html @@ -814,6 +814,10 @@ + + + + @@ -1159,6 +1163,52 @@ + + + + + + +
  • + + + + + + 页脚设置 + + + + + +
  • + + + + + + + + + + +
  • + + + + + + 加速网站访问的一些心得 + + + + + +
  • + + + + diff --git a/blog/Mkdocs/mkdocsblog/index.html b/blog/Mkdocs/mkdocsblog/index.html index 2fb1c8a..92e172b 100644 --- a/blog/Mkdocs/mkdocsblog/index.html +++ b/blog/Mkdocs/mkdocsblog/index.html @@ -808,6 +808,10 @@ + + + + @@ -1159,6 +1163,52 @@ + + + + + + +
  • + + + + + + 页脚设置 + + + + + +
  • + + + + + + + + + + +
  • + + + + + + 加速网站访问的一些心得 + + + + + +
  • + + + + diff --git a/blog/Mkdocs/mkfirst/index.html b/blog/Mkdocs/mkfirst/index.html index 805589a..c24baea 100644 --- a/blog/Mkdocs/mkfirst/index.html +++ b/blog/Mkdocs/mkfirst/index.html @@ -894,6 +894,10 @@ + + + + @@ -1239,6 +1243,52 @@ + + + + + + +
  • + + + + + + 页脚设置 + + + + + +
  • + + + + + + + + + + +
  • + + + + + + 加速网站访问的一些心得 + + + + + +
  • + + + + diff --git a/blog/archive/2021/index.html b/blog/archive/2021/index.html index f023fa7..2a8ec5a 100644 --- a/blog/archive/2021/index.html +++ b/blog/archive/2021/index.html @@ -805,6 +805,10 @@ + + + + @@ -1147,6 +1151,52 @@ + + + + + + +
  • + + + + + + 页脚设置 + + + + + +
  • + + + + + + + + + + +
  • + + + + + + 加速网站访问的一些心得 + + + + + +
  • + + + + diff --git a/blog/archive/2022/index.html b/blog/archive/2022/index.html index 50865f8..e4fae1f 100644 --- a/blog/archive/2022/index.html +++ b/blog/archive/2022/index.html @@ -805,6 +805,10 @@ + + + + @@ -1147,6 +1151,52 @@ + + + + + + +
  • + + + + + + 页脚设置 + + + + + +
  • + + + + + + + + + + +
  • + + + + + + 加速网站访问的一些心得 + + + + + +
  • + + + + diff --git a/blog/archive/2023/index.html b/blog/archive/2023/index.html index 4ccb763..5d89a2a 100644 --- a/blog/archive/2023/index.html +++ b/blog/archive/2023/index.html @@ -805,6 +805,10 @@ + + + + @@ -1147,6 +1151,52 @@ + + + + + + +
  • + + + + + + 页脚设置 + + + + + +
  • + + + + + + + + + + +
  • + + + + + + 加速网站访问的一些心得 + + + + + +
  • + + + + diff --git a/blog/archive/2024/index.html b/blog/archive/2024/index.html index 8a234fa..6348e2e 100644 --- a/blog/archive/2024/index.html +++ b/blog/archive/2024/index.html @@ -805,6 +805,10 @@ + + + + @@ -1147,6 +1151,52 @@ + + + + + + +
  • + + + + + + 页脚设置 + + + + + +
  • + + + + + + + + + + +
  • + + + + + + 加速网站访问的一些心得 + + + + + +
  • + + + + diff --git a/blog/archive/2025/index.html b/blog/archive/2025/index.html index 81af644..3808917 100644 --- a/blog/archive/2025/index.html +++ b/blog/archive/2025/index.html @@ -805,6 +805,10 @@ + + + + @@ -1147,6 +1151,52 @@ + + + + + + +
  • + + + + + + 页脚设置 + + + + + +
  • + + + + + + + + + + +
  • + + + + + + 加速网站访问的一些心得 + + + + + +
  • + + + + diff --git a/blog/category/hello-world/index.html b/blog/category/hello-world/index.html index 6c3d024..5ba963a 100644 --- a/blog/category/hello-world/index.html +++ b/blog/category/hello-world/index.html @@ -805,6 +805,10 @@ + + + + @@ -1147,6 +1151,52 @@ + + + + + + +
  • + + + + + + 页脚设置 + + + + + +
  • + + + + + + + + + + +
  • + + + + + + 加速网站访问的一些心得 + + + + + +
  • + + + + diff --git a/blog/category/网站更新记录/index.html b/blog/category/网站更新记录/index.html index 1b0d7a4..d58fd38 100644 --- a/blog/category/网站更新记录/index.html +++ b/blog/category/网站更新记录/index.html @@ -805,6 +805,10 @@ + + + + @@ -1147,6 +1151,52 @@ + + + + + + +
  • + + + + + + 页脚设置 + + + + + +
  • + + + + + + + + + + +
  • + + + + + + 加速网站访问的一些心得 + + + + + +
  • + + + + diff --git a/blog/index.html b/blog/index.html index b25b6bd..0ab8782 100644 --- a/blog/index.html +++ b/blog/index.html @@ -807,6 +807,10 @@ + + + + @@ -1149,6 +1153,52 @@ + + + + + + +
  • + + + + + + 页脚设置 + + + + + +
  • + + + + + + + + + + +
  • + + + + + + 加速网站访问的一些心得 + + + + + +
  • + + + + diff --git a/blog/websitebeauty/404/index.html b/blog/websitebeauty/404/index.html index 408a5f6..7c0d44c 100644 --- a/blog/websitebeauty/404/index.html +++ b/blog/websitebeauty/404/index.html @@ -813,6 +813,10 @@ + + + + @@ -1212,6 +1216,52 @@ + + + + + + +
  • + + + + + + 页脚设置 + + + + + +
  • + + + + + + + + + + +
  • + + + + + + 加速网站访问的一些心得 + + + + + +
  • + + + + diff --git a/blog/websitebeauty/Relativeaddress/index.html b/blog/websitebeauty/Relativeaddress/index.html index 8888c1e..d87cbda 100644 --- a/blog/websitebeauty/Relativeaddress/index.html +++ b/blog/websitebeauty/Relativeaddress/index.html @@ -813,6 +813,10 @@ + + + + @@ -1252,6 +1256,52 @@ + + + + + + +
  • + + + + + + 页脚设置 + + + + + +
  • + + + + + + + + + + +
  • + + + + + + 加速网站访问的一些心得 + + + + + +
  • + + + + diff --git a/blog/websitebeauty/accelerate/index.html b/blog/websitebeauty/accelerate/index.html new file mode 100644 index 0000000..981d535 --- /dev/null +++ b/blog/websitebeauty/accelerate/index.html @@ -0,0 +1,2909 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 加速网站访问的一些心得 - Mkdocs中文教程 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + + + 跳转至 + + +
    +
    + +
    + + + + +
    + + +
    + +
    + + + + + + + + + +
    +
    + + + +
    +
    +
    + + + + + + + +
    +
    +
    + + + +
    +
    +
    + + + +
    +
    +
    + + + +
    +
    + + + + + + + + + + + + + + + + + + + + + + + +

    加速网站访问的一些心得

    +

    在使用 MkDocs 构建网站时,为了提高访问速度,我们可以采取以下一些措施:

    +

    1. 优化图片

    +

    使用合适的图片格式,如 WebP、JPEG2000 等,减少图片文件大小,从而加快加载速度。

    +

    可以使用在线工具进行图片压缩,如:

    + +

    2. JS/CSS使用 CDN

    +

    使用内容分发网络(CDN)来加速网站的访问,将静态资源(如图片、CSS、JS)缓存到全球各地的服务器上,用户就近访问,减少延迟。

    +

    这里推荐

    + +

    3.加速本地渲染

    +

    优化 git 插件的 enabled 配置
    +比如我配置里有 git-revision-date-localized 和 git-committers 插件,这些插件会在每次渲染时读取所有文件的 git 历史,导致本地预览变慢。
    +推荐做法是在本地开发时禁用它们,仅在 CI/CD 或线上构建时启用。
    +具体写法如下:

    +
    1
    +2
    +3
    +4
    +5
    plugins:
    +  - git-revision-date-localized:
    +      enabled: !ENV [CI, false]  # 只有在CI环境变量为true时才启用
    +  - git-committers:
    +      enabled: !ENV [CI, false]
    +
    +
    +

    检验加速效果是否生效可以使用lighthouse进行测试,具体可以参考:

    +

    使用lighthouse进行网站性能测试

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    + + + + + +
    + + + +
    + + + + +
    +
    +
    +
    + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/blog/websitebeauty/backgroud/index.html b/blog/websitebeauty/backgroud/index.html index 56ca9d3..c997fab 100644 --- a/blog/websitebeauty/backgroud/index.html +++ b/blog/websitebeauty/backgroud/index.html @@ -813,6 +813,10 @@ + + + + @@ -1230,6 +1234,52 @@ + + + + + + +
  • + + + + + + 页脚设置 + + + + + +
  • + + + + + + + + + + +
  • + + + + + + 加速网站访问的一些心得 + + + + + +
  • + + + + diff --git a/blog/websitebeauty/footer/index.html b/blog/websitebeauty/footer/index.html new file mode 100644 index 0000000..1773746 --- /dev/null +++ b/blog/websitebeauty/footer/index.html @@ -0,0 +1,3053 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 页脚设置 - Mkdocs中文教程 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + + + 跳转至 + + +
    +
    + +
    + + + + +
    + + +
    + +
    + + + + + + + + + +
    +
    + + + +
    +
    +
    + + + + + + + +
    +
    +
    + + + +
    +
    +
    + + + +
    +
    +
    + + + +
    +
    + + + + + + + + + + + + + + + + + + + + + + + +

    页脚设置

    + +

    页脚设置

    +

    MkDocs 支持自定义页脚。

    +

    +

    在docs/overrides/partials/footer.html中(没有该文件时,创建footer.html文件)添加以下代码:

    +
     1
    + 2
    + 3
    + 4
    + 5
    + 6
    + 7
    + 8
    + 9
    +10
    +11
    +12
    +13
    +14
    +15
    +16
    +17
    +18
    +19
    +20
    +21
    +22
    +23
    +24
    +25
    +26
    +27
    +28
    +29
    +30
    +31
    +32
    +33
    +34
    +35
    +36
    +37
    +38
    +39
    +40
    +41
    +42
    +43
    +44
    +45
    +46
    +47
    +48
    +49
    +50
    +51
    +52
    +53
    +54
    +55
    +56
    +57
    +58
    +59
    +60
    +61
    +62
    +63
    +64
    +65
    +66
    +67
    +68
    +69
    +70
    +71
    +72
    +73
    +74
    +75
    +76
    +77
    +78
    +79
    +80
    +81
    +82
    +83
    +84
    +85
    +86
    +87
    +88
    +89
    +90
    +91
    +92
    <!-- Footer -->
    +<footer class="md-footer">
    +
    +  <!-- Link to previous and/or next page -->
    +  {% if "navigation.footer" in features %}
    +    {% if page.previous_page or page.next_page %}
    +      {% if page.meta and page.meta.hide %}
    +        {% set hidden = "hidden" if "footer" in page.meta.hide %}
    +      {% endif %}
    +      <nav
    +        class="md-footer__inner md-grid"
    +        aria-label="{{ lang.t('footer') }}"
    +        {{ hidden }}
    +      >
    +
    +        <!-- Link to previous page -->
    +        {% if page.previous_page %}
    +          {% set direction = lang.t("footer.previous") %}
    +          <a
    +            href="{{ page.previous_page.url | url }}"
    +            class="md-footer__link md-footer__link--prev"
    +            aria-label="{{ direction }}: {{ page.previous_page.title | e }}"
    +          >
    +            <div class="md-footer__button md-icon">
    +              {% set icon = config.theme.icon.previous or "material/arrow-left" %}
    +              {% include ".icons/" ~ icon ~ ".svg" %}
    +            </div>
    +            <div class="md-footer__title">
    +              <span class="md-footer__direction">
    +                {{ direction }}
    +              </span>
    +              <div class="md-ellipsis">
    +                {{ page.previous_page.title }}
    +              </div>
    +            </div>
    +
    +          </a>
    +        {% endif %}
    +
    +        <!-- Link to next page -->
    +        {% if page.next_page %}
    +          {% set direction = lang.t("footer.next") %}
    +          <a
    +            href="{{ page.next_page.url | url }}"
    +            class="md-footer__link md-footer__link--next"
    +            aria-label="{{ direction }}: {{ page.next_page.title | e }}"
    +          >
    +            <div class="md-footer__title">
    +              <span class="md-footer__direction">
    +                {{ direction }}
    +              </span>
    +              <div class="md-ellipsis">
    +                {{ page.next_page.title }}
    +              </div>
    +            </div>
    +            <div class="md-footer__button md-icon">
    +              {% set icon = config.theme.icon.next or "material/arrow-right" %}
    +              {% include ".icons/" ~ icon ~ ".svg" %}
    +            </div>
    +          </a>
    +        {% endif %}
    +      </nav>
    +    {% endif %}
    +  {% endif %}
    +
    +  <!-- Further information -->
    +  <div class="md-footer-meta md-typeset">
    +    <div class="md-footer-meta__inner md-grid">
    +      {% include "partials/copyright.html" %}
    +
    +    <font color="#B9B9B9">
    +      <div class="footer-visit-count" style="display: flex; justify-content: center; align-items: center;">
    +    本站访问量:<script async src="//finicounter.eu.org/finicounter.js"></script>
    +    <span id="finicount_views"></span>    &nbsp;|&nbsp;
    +    <footer>
    +      <a href="https://icp.gov.moe/?keyword=20230640" target="_blank">萌ICP备20230640号</a>
    +    </footer>
    +  </div>
    +      </font>
    +
    +      <style>
    +        .footer-visit-count {
    +            height: fit-content;
    +            min-height: 55px; /* 根据实际情况调整此高度 */
    +        }
    +        </style>
    +      {% if config.extra.social %}
    +        {% include "partials/social.html" %}
    +      {% endif %}
    +    </div>
    +  </div>
    +</footer>
    +
    +

    高亮部分自行修改即可

    +

    页脚版权设置

    +

    mkdocs.yml中添加: +

    copyright: Copyright &copy; 2022~2025 Wcowin # 左下角的版权声明
    +

    +

    如果想删除页脚显示“Made with Material for MkDocs”(不建议)

    +
    1
    +2
    extra:
    +  generator: false  #删除页脚显示“使用 MkDocs 材料制造”
    +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    + + + + + +
    + + + +
    + + + + +
    +
    +
    +
    + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/blog/websitebeauty/header/index.html b/blog/websitebeauty/header/index.html index ef8744b..2742361 100644 --- a/blog/websitebeauty/header/index.html +++ b/blog/websitebeauty/header/index.html @@ -808,6 +808,10 @@ + + + + @@ -1159,6 +1163,52 @@ + + + + + + +
  • + + + + + + 页脚设置 + + + + + +
  • + + + + + + + + + + +
  • + + + + + + 加速网站访问的一些心得 + + + + + +
  • + + + + diff --git a/blog/websitebeauty/linktech/index.html b/blog/websitebeauty/linktech/index.html index 1e3ff34..6793d09 100644 --- a/blog/websitebeauty/linktech/index.html +++ b/blog/websitebeauty/linktech/index.html @@ -815,6 +815,10 @@ + + + + @@ -1229,6 +1233,52 @@ + + + + + + +
  • + + + + + + 页脚设置 + + + + + +
  • + + + + + + + + + + +
  • + + + + + + 加速网站访问的一些心得 + + + + + +
  • + + + + diff --git a/blog/websitebeauty/mkcomments/index.html b/blog/websitebeauty/mkcomments/index.html index 2b7be5f..2e4d709 100644 --- a/blog/websitebeauty/mkcomments/index.html +++ b/blog/websitebeauty/mkcomments/index.html @@ -813,6 +813,10 @@ + + + + @@ -1239,6 +1243,52 @@ + + + + + + +
  • + + + + + + 页脚设置 + + + + + +
  • + + + + + + + + + + +
  • + + + + + + 加速网站访问的一些心得 + + + + + +
  • + + + + diff --git a/blog/websitebeauty/mkdocsfont/index.html b/blog/websitebeauty/mkdocsfont/index.html index b75a706..f2bfa3c 100644 --- a/blog/websitebeauty/mkdocsfont/index.html +++ b/blog/websitebeauty/mkdocsfont/index.html @@ -813,6 +813,10 @@ + + + + @@ -1333,6 +1337,52 @@ + + + + + + +
  • + + + + + + 页脚设置 + + + + + +
  • + + + + + + + + + + +
  • + + + + + + 加速网站访问的一些心得 + + + + + +
  • + + + + @@ -2732,8 +2782,7 @@ font-weight: lighter; } */

    -

    四选一,mkdocs.yml和extra.css相互对应

    -

    不懂extra_css的用法的可以看一下我写的extra_css部分教程

    +

    不懂extra_css的用法的可以看一下我写的extra_css部分教程

    Tip

    切换字体后可能返回顶部按钮会在个别浏览器显示异常 @@ -2818,7 +2867,7 @@ - 2025-04-19 + 2025-04-29 diff --git a/blog/websitebeauty/mkpdf/index.html b/blog/websitebeauty/mkpdf/index.html index e50ffde..2e93bca 100644 --- a/blog/websitebeauty/mkpdf/index.html +++ b/blog/websitebeauty/mkpdf/index.html @@ -808,6 +808,10 @@ + + + + @@ -1159,6 +1163,52 @@ + + + + + + +

  • + + + + + + 页脚设置 + + + + + +
  • + + + + + + + + + + +
  • + + + + + + 加速网站访问的一些心得 + + + + + +
  • + + + + diff --git a/blog/websitebeauty/shubiao/index.html b/blog/websitebeauty/shubiao/index.html index 63376ea..0f247d1 100644 --- a/blog/websitebeauty/shubiao/index.html +++ b/blog/websitebeauty/shubiao/index.html @@ -808,6 +808,10 @@ + + + + @@ -1159,6 +1163,52 @@ + + + + + + +
  • + + + + + + 页脚设置 + + + + + +
  • + + + + + + + + + + +
  • + + + + + + 加速网站访问的一些心得 + + + + + +
  • + + + + diff --git a/blog/websitebeauty/time/index.html b/blog/websitebeauty/time/index.html index 9d4b338..4a9fef1 100644 --- a/blog/websitebeauty/time/index.html +++ b/blog/websitebeauty/time/index.html @@ -18,7 +18,7 @@ - + @@ -813,6 +813,10 @@ + + + + @@ -1221,6 +1225,52 @@ + + + + + + +
  • + + + + + + 页脚设置 + + + + + +
  • + + + + + + + + + + +
  • + + + + + + 加速网站访问的一些心得 + + + + + +
  • + + + + @@ -2783,16 +2833,16 @@