docs: improve README

3 files changed, 32 insertions, 20 deletions

diff --git a/README.md b/README.md
index 5f2455f..a62efea 100644
--- a/README.md
+++ b/README.md
@@ -19,7 +19,20 @@ git init
 git submodule add https://github.com/wangchucheng/hugo-eureka.git themes/eureka
 ```
 
-Then, add the theme to the site configuration.
+If you want to customize and recompile css file, make sure to install `postcss-cli` and `autoprefixer` globally. Because Hugo Pipe’s PostCSS requires it, which you can read Hugo's [PostCSS](https://gohugo.io/hugo-pipes/postcss/).
+
+```shell
+npm install -g postcss-cli
+npm install -g autoprefixer
+```
+
+Then, install the necessary node packages in `themes/eureka`.
+
+```shell
+npm install
+```
+
+Finally, add the theme to the site configuration.
 
 ```
 theme = "eureka"
diff --git a/exampleSite/resources/_gen/assets/css/css/eureka.css_fc3f76d7bee2760c3a903059afc3d9b2.content b/exampleSite/resources/_gen/assets/css/css/eureka.css_fc3f76d7bee2760c3a903059afc3d9b2.content
index af0fd90..137d453 100644
--- a/exampleSite/resources/_gen/assets/css/css/eureka.css_fc3f76d7bee2760c3a903059afc3d9b2.content
+++ b/exampleSite/resources/_gen/assets/css/css/eureka.css_fc3f76d7bee2760c3a903059afc3d9b2.content
@@ -1 +1 @@
-/*!normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css*/html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}a{background-color:transparent}img{border-style:none}button{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button{overflow:visible}button{text-transform:none}button{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted ButtonText}template{display:none}[hidden]{display:none}h1,h2,h3,p{margin:0}button{background-color:transparent;background-image:none;padding:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji;line-height:1.5}*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e2e8f0}img{border-style:solid}button,[role=button]{cursor:pointer}h1,h2,h3{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button{padding:0;line-height:inherit;color:inherit}img,audio{display:block;vertical-align:middle}img{max-width:100%;height:auto}:root{font-family:Lora,Noto Serif SC,serif;background-color:var(--color-primary-bg);color:var(--color-primary-text);--color-eureka: #38B2AC;--color-primary-bg: rgba(242,242,247,1.00);--color-secondary-bg: rgba(255,255,255,1.00);--color-tertiary-bg: rgba(242,242,247,1.00);--color-primary-text: rgba(0,0,0,0.85);--color-secondary-text: rgba(0,0,0,0.65);--color-tertiary-text: rgba(0,0,0,0.45)}.dark{--color-eureka: #38B2AC;--color-primary-bg: rgba(0,0,0,1.00);--color-secondary-bg: rgba(28,28,30,1.00);--color-tertiary-bg: rgba(44,44,46,1.00);--color-primary-text: rgba(255,255,255,0.85);--color-secondary-text: rgba(255,255,255,0.65);--color-tertiary-text: rgba(255,255,255,0.45)}a:hover{color:var(--color-eureka)}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}.content{color:var(--color-primary-text);line-height:1.5;overflow-wrap:break-word}.content>*+*{margin-top:0;margin-bottom:1rem}.content li+li{margin-top:.25rem}.content li>p+p{margin-top:1.5rem}.content a{color:var(--color-eureka)}.content a:hover{color:var(--color-eureka);text-decoration:underline}.content h1{line-height:1.25;border-bottom-width:1px;font-size:2.25rem;font-weight:600;margin-bottom:1rem;margin-top:1.5rem;padding-bottom:.5rem}.content h2{line-height:1.25;border-bottom-width:1px;font-size:1.5rem;font-weight:600;margin-bottom:1rem;margin-top:1.5rem;padding-bottom:.5rem}.content h3{line-height:1.375;font-size:1.125rem;font-weight:600;margin-bottom:1rem;margin-top:1.5rem}.content *:target{padding-top:4.5rem;margin-top:-4.5rem}.sticky-toc{position:-webkit-sticky;position:sticky;z-index:0;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:300ms;top:8rem}.sticky-toc a{color:var(--color-primary-text);transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:200ms}.sticky-toc a:hover{color:var(--color-eureka)}.sticky-toc li+li{margin-top:.25rem}.sticky-toc li>p+p{margin-top:1.5rem}.object-contain{-o-object-fit:contain!important;object-fit:contain!important}.divide-y>:not(template)~:not(template){--divide-y-reverse: 0 !important;border-top-width:calc(1px * calc(1 - var(--divide-y-reverse)))!important;border-bottom-width:calc(1px * var(--divide-y-reverse))!important}.bg-local{background-attachment:local!important}.bg-white{--bg-opacity: 1 !important;background-color:#fff!important;background-color:rgba(255,255,255,var(--bg-opacity))!important}.bg-primary-bg{background-color:var(--color-primary-bg)!important}.bg-secondary-bg{background-color:var(--color-secondary-bg)!important}.bg-tertiary-bg{background-color:var(--color-tertiary-bg)!important}.bg-opacity-75{--bg-opacity: 0.75 !important}.bg-cover{background-size:cover!important}.border-gray-200{--border-opacity: 1 !important;border-color:#edf2f7!important;border-color:rgba(237,242,247,var(--border-opacity))!important}.border-gray-300{--border-opacity: 1 !important;border-color:#e2e8f0!important;border-color:rgba(226,232,240,var(--border-opacity))!important}.border-gray-400{--border-opacity: 1 !important;border-color:#cbd5e0!important;border-color:rgba(203,213,224,var(--border-opacity))!important}.border-tertiary-bg{border-color:var(--color-tertiary-bg)!important}.rounded{border-radius:.25rem!important}.rounded-full{border-radius:9999px!important}.border{border-width:1px!important}.border-t{border-top-width:1px!important}.border-b{border-bottom-width:1px!important}.cursor-default{cursor:default!important}.cursor-pointer{cursor:pointer!important}.block{display:block!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.grid{display:grid!important}.hidden{display:none!important}.flex-row{flex-direction:row!important}.flex-col{flex-direction:column!important}.flex-col-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.content-center{align-content:center!important}.flex-grow{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.font-bold{font-weight:700!important}.h-24{height:6rem!important}.h-auto{height:auto!important}.h-full{height:100%!important}.h-screen{height:100vh!important}.text-xs{font-size:.75rem!important}.text-sm{font-size:.875rem!important}.text-lg{font-size:1.125rem!important}.text-xl{font-size:1.25rem!important}.text-2xl{font-size:1.5rem!important}.text-3xl{font-size:1.875rem!important}.text-6xl{font-size:4rem!important}.leading-normal{line-height:1.5!important}.m-1{margin:.25rem!important}.-m-12{margin:-3rem!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-4{margin-top:1rem!important;margin-bottom:1rem!important}.mx-4{margin-left:1rem!important;margin-right:1rem!important}.mx-6{margin-left:1.5rem!important;margin-right:1.5rem!important}.my-8{margin-top:2rem!important;margin-bottom:2rem!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.mr-0{margin-right:0!important}.mr-1{margin-right:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mt-4{margin-top:1rem!important}.mr-4{margin-right:1rem!important}.mb-4{margin-bottom:1rem!important}.mr-6{margin-right:1.5rem!important}.mb-8{margin-bottom:2rem!important}.-mt-16{margin-top:-4rem!important}.max-w-screen-xl{max-width:1280px!important}.min-h-full{min-height:100%!important}.min-h-screen{min-height:100vh!important}.object-contain{-o-object-fit:contain!important;object-fit:contain!important}.opacity-0{opacity:0!important}.overflow-hidden{overflow:hidden!important}.p-4{padding:1rem!important}.p-6{padding:1.5rem!important}.p-12{padding:3rem!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.py-4{padding-top:1rem!important;padding-bottom:1rem!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.py-6{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.py-8{padding-top:2rem!important;padding-bottom:2rem!important}.px-10{padding-left:2.5rem!important;padding-right:2.5rem!important}.py-12{padding-top:3rem!important;padding-bottom:3rem!important}.py-32{padding-top:8rem!important;padding-bottom:8rem!important}.pb-1{padding-bottom:.25rem!important}.pl-1{padding-left:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pl-2{padding-left:.5rem!important}.pt-4{padding-top:1rem!important}.pr-4{padding-right:1rem!important}.pb-4{padding-bottom:1rem!important}.pl-4{padding-left:1rem!important}.pt-6{padding-top:1.5rem!important}.pb-6{padding-bottom:1.5rem!important}.pl-6{padding-left:1.5rem!important}.pt-8{padding-top:2rem!important}.pt-12{padding-top:3rem!important}.pt-16{padding-top:4rem!important}.pr-16{padding-right:4rem!important}.pb-20{padding-bottom:5rem!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.sticky{position:-webkit-sticky!important;position:sticky!important}.inset-0{top:0!important;right:0!important;bottom:0!important;left:0!important}.left-0{left:0!important}.top-16{top:4rem!important}.right-auto{right:auto!important}.resize{resize:both!important}.shadow-sm{box-shadow:0 1px 2px 0 rgba(0,0,0,.05)!important}.shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)!important}.shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,.25)!important}.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)!important}.text-center{text-align:center!important}.text-black{--text-opacity: 1 !important;color:#000!important;color:rgba(0,0,0,var(--text-opacity))!important}.text-eureka{color:var(--color-eureka)!important}.text-primary-text{color:var(--color-primary-text)!important}.text-tertiary-text{color:var(--color-tertiary-text)!important}.hover\:text-eureka:hover{color:var(--color-eureka)!important}.text-opacity-75{--text-opacity: 0.75 !important}.hover\:underline:hover{text-decoration:underline!important}.tracking-tight{letter-spacing:-.025em!important}.w-24{width:6rem!important}.w-3\/12{width:25%!important}.w-6\/12{width:50%!important}.w-full{width:100%!important}.z-0{z-index:0!important}.z-10{z-index:10!important}.z-20{z-index:20!important}.z-30{z-index:30!important}.z-40{z-index:40!important}.z-50{z-index:50!important}.gap-4{grid-gap:1rem!important;gap:1rem!important}.gap-8{grid-gap:2rem!important;gap:2rem!important}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))!important}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))!important}.col-span-2{grid-column:span 2/span 2!important}.col-span-4{grid-column:span 4/span 4!important}.col-span-5{grid-column:span 5/span 5!important}.col-span-12{grid-column:span 12/span 12!important}.col-start-2{grid-column-start:2!important}.col-start-3{grid-column-start:3!important}.col-start-5{grid-column-start:5!important}.grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))!important}.row-span-2{grid-row:span 2/span 2!important}.row-span-3{grid-row:span 3/span 3!important}.row-start-2{grid-row-start:2!important}.row-start-3{grid-row-start:3!important}.transition{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform!important}.ease-in-out{transition-timing-function:cubic-bezier(0.4,0,0.2,1)!important}.duration-200{transition-duration:200ms!important}@media(min-width:640px){.sm\:w-4\/12{width:33.333333%!important}}@media(min-width:768px){.md\:border-b-0{border-bottom-width:0!important}.md\:inline-block{display:inline-block!important}.md\:flex{display:flex!important}.md\:hidden{display:none!important}.md\:flex-row{flex-direction:row!important}.md\:items-center{align-items:center!important}.md\:justify-between{justify-content:space-between!important}.md\:flex-grow{flex-grow:1!important}.md\:text-3xl{font-size:1.875rem!important}.md\:mt-0{margin-top:0!important}.md\:mr-4{margin-right:1rem!important}.md\:px-4{padding-left:1rem!important;padding-right:1rem!important}.md\:px-32{padding-left:8rem!important;padding-right:8rem!important}.md\:pt-0{padding-top:0!important}.md\:pb-0{padding-bottom:0!important}.md\:right-0{right:0!important}.md\:left-auto{left:auto!important}.md\:text-right{text-align:right!important}.md\:w-auto{width:auto!important}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(min-width:1024px){.lg\:border-r{border-right-width:1px!important}.lg\:block{display:block!important}.lg\:flex-row{flex-direction:row!important}.lg\:flex-col{flex-direction:column!important}.lg\:justify-start{justify-content:flex-start!important}.lg\:mb-0{margin-bottom:0!important}.lg\:mr-5{margin-right:1.25rem!important}.lg\:ml-8{margin-left:2rem!important}.lg\:max-w-xs{max-width:20rem!important}.lg\:px-4{padding-left:1rem!important;padding-right:1rem!important}.lg\:pt-0{padding-top:0!important}.lg\:pr-0{padding-right:0!important}.lg\:w-10\/12{width:83.333333%!important}.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))!important}.lg\:col-span-4{grid-column:span 4/span 4!important}.lg\:col-span-6{grid-column:span 6/span 6!important}.lg\:col-span-7{grid-column:span 7/span 7!important}.lg\:col-start-2{grid-column-start:2!important}.lg\:col-start-12{grid-column-start:12!important}.lg\:col-end-1{grid-column-end:1!important}.lg\:col-end-12{grid-column-end:12!important}}@media(min-width:1280px){.xl\:mx-16{margin-left:4rem!important;margin-right:4rem!important}.xl\:px-8{padding-left:2rem!important;padding-right:2rem!important}.xl\:w-2\/12{width:16.666667%!important}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
\ No newline at end of file
+/*!normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css*/html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}a{background-color:transparent}img{border-style:none}button{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button{overflow:visible}button{text-transform:none}button{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted ButtonText}template{display:none}[hidden]{display:none}h1,h2,h3,p{margin:0}button{background-color:transparent;background-image:none;padding:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji;line-height:1.5}*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e2e8f0}img{border-style:solid}button,[role=button]{cursor:pointer}h1,h2,h3{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button{padding:0;line-height:inherit;color:inherit}img,audio,object{display:block;vertical-align:middle}img{max-width:100%;height:auto}:root{font-family:Lora,Noto Serif SC,serif;background-color:var(--color-primary-bg);color:var(--color-primary-text);--color-eureka: #38B2AC;--color-primary-bg: rgba(242,242,247,1.00);--color-secondary-bg: rgba(255,255,255,1.00);--color-tertiary-bg: rgba(242,242,247,1.00);--color-primary-text: rgba(0,0,0,0.85);--color-secondary-text: rgba(0,0,0,0.65);--color-tertiary-text: rgba(0,0,0,0.45)}.dark{--color-eureka: #38B2AC;--color-primary-bg: rgba(0,0,0,1.00);--color-secondary-bg: rgba(28,28,30,1.00);--color-tertiary-bg: rgba(44,44,46,1.00);--color-primary-text: rgba(255,255,255,0.85);--color-secondary-text: rgba(255,255,255,0.65);--color-tertiary-text: rgba(255,255,255,0.45)}a:hover{color:var(--color-eureka)}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}.content{color:var(--color-primary-text);line-height:1.5;overflow-wrap:break-word}.content>*+*{margin-top:0;margin-bottom:1rem}.content li+li{margin-top:.25rem}.content li>p+p{margin-top:1.5rem}.content a{color:var(--color-eureka)}.content a:hover{color:var(--color-eureka);text-decoration:underline}.content h1{line-height:1.25;border-bottom-width:1px;font-size:2.25rem;font-weight:600;margin-bottom:1rem;margin-top:1.5rem;padding-bottom:.5rem}.content h2{line-height:1.25;border-bottom-width:1px;font-size:1.5rem;font-weight:600;margin-bottom:1rem;margin-top:1.5rem;padding-bottom:.5rem}.content h3{line-height:1.375;font-size:1.125rem;font-weight:600;margin-bottom:1rem;margin-top:1.5rem}.content *:target{padding-top:4.5rem;margin-top:-4.5rem}.sticky-toc{position:-webkit-sticky;position:sticky;z-index:0;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:300ms;top:8rem}.sticky-toc a{color:var(--color-primary-text);transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:200ms}.sticky-toc a:hover{color:var(--color-eureka)}.sticky-toc li+li{margin-top:.25rem}.sticky-toc li>p+p{margin-top:1.5rem}.object-contain{-o-object-fit:contain!important;object-fit:contain!important}.divide-y>:not(template)~:not(template){--divide-y-reverse: 0 !important;border-top-width:calc(1px * calc(1 - var(--divide-y-reverse)))!important;border-bottom-width:calc(1px * var(--divide-y-reverse))!important}.bg-local{background-attachment:local!important}.bg-white{--bg-opacity: 1 !important;background-color:#fff!important;background-color:rgba(255,255,255,var(--bg-opacity))!important}.bg-primary-bg{background-color:var(--color-primary-bg)!important}.bg-secondary-bg{background-color:var(--color-secondary-bg)!important}.bg-tertiary-bg{background-color:var(--color-tertiary-bg)!important}.bg-opacity-75{--bg-opacity: 0.75 !important}.bg-cover{background-size:cover!important}.border-gray-200{--border-opacity: 1 !important;border-color:#edf2f7!important;border-color:rgba(237,242,247,var(--border-opacity))!important}.border-gray-300{--border-opacity: 1 !important;border-color:#e2e8f0!important;border-color:rgba(226,232,240,var(--border-opacity))!important}.border-gray-400{--border-opacity: 1 !important;border-color:#cbd5e0!important;border-color:rgba(203,213,224,var(--border-opacity))!important}.border-tertiary-bg{border-color:var(--color-tertiary-bg)!important}.rounded{border-radius:.25rem!important}.rounded-full{border-radius:9999px!important}.border{border-width:1px!important}.border-t{border-top-width:1px!important}.border-b{border-bottom-width:1px!important}.cursor-default{cursor:default!important}.cursor-pointer{cursor:pointer!important}.block{display:block!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.grid{display:grid!important}.hidden{display:none!important}.flex-row{flex-direction:row!important}.flex-col{flex-direction:column!important}.flex-col-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.content-center{align-content:center!important}.flex-grow{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.font-bold{font-weight:700!important}.h-24{height:6rem!important}.h-auto{height:auto!important}.h-full{height:100%!important}.h-screen{height:100vh!important}.text-xs{font-size:.75rem!important}.text-sm{font-size:.875rem!important}.text-lg{font-size:1.125rem!important}.text-xl{font-size:1.25rem!important}.text-2xl{font-size:1.5rem!important}.text-3xl{font-size:1.875rem!important}.text-6xl{font-size:4rem!important}.leading-normal{line-height:1.5!important}.m-1{margin:.25rem!important}.-m-12{margin:-3rem!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-4{margin-top:1rem!important;margin-bottom:1rem!important}.mx-4{margin-left:1rem!important;margin-right:1rem!important}.mx-6{margin-left:1.5rem!important;margin-right:1.5rem!important}.my-8{margin-top:2rem!important;margin-bottom:2rem!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.mr-0{margin-right:0!important}.mr-1{margin-right:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mt-4{margin-top:1rem!important}.mr-4{margin-right:1rem!important}.mb-4{margin-bottom:1rem!important}.mr-6{margin-right:1.5rem!important}.mb-8{margin-bottom:2rem!important}.-mt-16{margin-top:-4rem!important}.max-w-screen-xl{max-width:1280px!important}.min-h-full{min-height:100%!important}.min-h-screen{min-height:100vh!important}.object-contain{-o-object-fit:contain!important;object-fit:contain!important}.opacity-0{opacity:0!important}.overflow-hidden{overflow:hidden!important}.p-4{padding:1rem!important}.p-6{padding:1.5rem!important}.p-12{padding:3rem!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.py-4{padding-top:1rem!important;padding-bottom:1rem!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.py-6{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.py-8{padding-top:2rem!important;padding-bottom:2rem!important}.px-10{padding-left:2.5rem!important;padding-right:2.5rem!important}.py-12{padding-top:3rem!important;padding-bottom:3rem!important}.py-32{padding-top:8rem!important;padding-bottom:8rem!important}.pb-1{padding-bottom:.25rem!important}.pl-1{padding-left:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pl-2{padding-left:.5rem!important}.pt-4{padding-top:1rem!important}.pr-4{padding-right:1rem!important}.pb-4{padding-bottom:1rem!important}.pl-4{padding-left:1rem!important}.pt-6{padding-top:1.5rem!important}.pb-6{padding-bottom:1.5rem!important}.pl-6{padding-left:1.5rem!important}.pt-8{padding-top:2rem!important}.pt-12{padding-top:3rem!important}.pt-16{padding-top:4rem!important}.pr-16{padding-right:4rem!important}.pb-20{padding-bottom:5rem!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.sticky{position:-webkit-sticky!important;position:sticky!important}.inset-0{top:0!important;right:0!important;bottom:0!important;left:0!important}.left-0{left:0!important}.top-16{top:4rem!important}.right-auto{right:auto!important}.resize{resize:both!important}.shadow-sm{box-shadow:0 1px 2px 0 rgba(0,0,0,.05)!important}.shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)!important}.shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,.25)!important}.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)!important}.text-center{text-align:center!important}.text-black{--text-opacity: 1 !important;color:#000!important;color:rgba(0,0,0,var(--text-opacity))!important}.text-eureka{color:var(--color-eureka)!important}.text-primary-text{color:var(--color-primary-text)!important}.text-tertiary-text{color:var(--color-tertiary-text)!important}.hover\:text-eureka:hover{color:var(--color-eureka)!important}.text-opacity-75{--text-opacity: 0.75 !important}.hover\:underline:hover{text-decoration:underline!important}.tracking-tight{letter-spacing:-.025em!important}.w-24{width:6rem!important}.w-3\/12{width:25%!important}.w-6\/12{width:50%!important}.w-full{width:100%!important}.z-0{z-index:0!important}.z-10{z-index:10!important}.z-20{z-index:20!important}.z-30{z-index:30!important}.z-40{z-index:40!important}.z-50{z-index:50!important}.gap-4{grid-gap:1rem!important;gap:1rem!important}.gap-8{grid-gap:2rem!important;gap:2rem!important}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))!important}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))!important}.col-span-2{grid-column:span 2/span 2!important}.col-span-4{grid-column:span 4/span 4!important}.col-span-5{grid-column:span 5/span 5!important}.col-span-12{grid-column:span 12/span 12!important}.col-start-2{grid-column-start:2!important}.col-start-3{grid-column-start:3!important}.col-start-5{grid-column-start:5!important}.grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))!important}.row-span-2{grid-row:span 2/span 2!important}.row-span-3{grid-row:span 3/span 3!important}.row-start-2{grid-row-start:2!important}.row-start-3{grid-row-start:3!important}.transition{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform!important}.ease-in-out{transition-timing-function:cubic-bezier(0.4,0,0.2,1)!important}.duration-200{transition-duration:200ms!important}@media(min-width:640px){.sm\:w-4\/12{width:33.333333%!important}}@media(min-width:768px){.md\:border-b-0{border-bottom-width:0!important}.md\:inline-block{display:inline-block!important}.md\:flex{display:flex!important}.md\:hidden{display:none!important}.md\:flex-row{flex-direction:row!important}.md\:items-center{align-items:center!important}.md\:justify-between{justify-content:space-between!important}.md\:flex-grow{flex-grow:1!important}.md\:text-3xl{font-size:1.875rem!important}.md\:mt-0{margin-top:0!important}.md\:mr-4{margin-right:1rem!important}.md\:px-4{padding-left:1rem!important;padding-right:1rem!important}.md\:px-32{padding-left:8rem!important;padding-right:8rem!important}.md\:pt-0{padding-top:0!important}.md\:pb-0{padding-bottom:0!important}.md\:right-0{right:0!important}.md\:left-auto{left:auto!important}.md\:text-right{text-align:right!important}.md\:w-auto{width:auto!important}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(min-width:1024px){.lg\:border-r{border-right-width:1px!important}.lg\:block{display:block!important}.lg\:flex-row{flex-direction:row!important}.lg\:flex-col{flex-direction:column!important}.lg\:justify-start{justify-content:flex-start!important}.lg\:mb-0{margin-bottom:0!important}.lg\:mr-5{margin-right:1.25rem!important}.lg\:ml-8{margin-left:2rem!important}.lg\:max-w-xs{max-width:20rem!important}.lg\:px-4{padding-left:1rem!important;padding-right:1rem!important}.lg\:pt-0{padding-top:0!important}.lg\:pr-0{padding-right:0!important}.lg\:w-10\/12{width:83.333333%!important}.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))!important}.lg\:col-span-4{grid-column:span 4/span 4!important}.lg\:col-span-6{grid-column:span 6/span 6!important}.lg\:col-span-7{grid-column:span 7/span 7!important}.lg\:col-start-2{grid-column-start:2!important}.lg\:col-start-12{grid-column-start:12!important}.lg\:col-end-1{grid-column-end:1!important}.lg\:col-end-12{grid-column-end:12!important}}@media(min-width:1280px){.xl\:mx-16{margin-left:4rem!important;margin-right:4rem!important}.xl\:px-8{padding-left:2rem!important;padding-right:2rem!important}.xl\:w-2\/12{width:16.666667%!important}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
\ No newline at end of file
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index d4d48b0..1b6d14d 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -59,9 +59,8 @@
 
     function getcolorscheme() {
         let element = document.getElementById('lightDarkMode');
-        console.log(element)
         let targetDiv = document.getElementById('lightDarkOptions');
-        let targets = targetDiv.getElementsByTagName('div')
+        let targets = targetDiv.getElementsByTagName('div');
         let screen = document.getElementById('is-open');
 
 
@@ -71,7 +70,6 @@
             element.firstElementChild.setAttribute("data-icon", icon)
             element.firstElementChild.classList.remove('fa-' + old_icon)
             element.firstElementChild.classList.add('fa-' + icon)
-            console.log(element.firstElementChild)
         } else {
             element.firstElementChild.setAttribute("data-icon", 'adjust')
             element.firstElementChild.classList.add('fa-adjust')
@@ -97,14 +95,15 @@
             })
         }
         screen.addEventListener('click', () => {
-            console.log('关闭')
             targetDiv.classList.toggle('hidden')
             screen.classList.toggle('hidden')
-            console.log(screen)
         })
 
     }
-    getcolorscheme()
+    document.addEventListener('DOMContentLoaded', () => {
+        getcolorscheme()
+    });
+    
 
 
     document.addEventListener('DOMContentLoaded', () => {
@@ -132,16 +131,16 @@
 
         let elements = document.getElementsByClassName('main-a');
         for (let i in elements) {
-            let elementurl = elements[i].getAttribute('href')
-            if (elementurl.length > 1 && elementurl.charAt(elementurl.length - 1) == '/') {
-                elementurl = elementurl.substr(0, elementurl.length - 1)
-            }
-
-            console.log('sessionStorage:    ' + sessionStorage.getItem("mainKey"))
-            if (elementurl == sessionStorage.getItem("mainKey")) {
-                elements[i].classList.add('text-eureka')
-            } else {
-                elements[i].classList.remove('text-eureka')
+            if (typeof elements[i] === "object") {
+                let elementurl = elements[i].getAttribute('href')
+                if (elementurl.length > 1 && elementurl.charAt(elementurl.length - 1) == '/') {
+                    elementurl = elementurl.substr(0, elementurl.length - 1)
+                }
+                if (elementurl == sessionStorage.getItem("mainKey")) {
+                    elements[i].classList.add('text-eureka')
+                } else {
+                    elements[i].classList.remove('text-eureka')
+                }
             }
         }
     }
@@ -196,6 +195,7 @@
         document.getElementsByTagName('html')[0].classList.remove('dark')
     }
 
+    {{ if .IsTranslated }}
     document.addEventListener('DOMContentLoaded', () => {
         let element = document.getElementById('languageMode');
         let targetDiv = document.getElementById('languageOptions');
@@ -204,7 +204,6 @@
         let storagemode = localStorage.getItem("languageMode")
 
         if (storagemode != null) {
-            console.log(element.getElementsByTagName('text')[0])
             element.getElementsByTagName('text')[0].innerHTML = storagemode
         }
 
@@ -225,5 +224,5 @@
             screen.classList.toggle('hidden')
         })
     })
-
+    {{ end }}
 </script>
\ No newline at end of file