\') top left / 0 no-repeat;\n mask-origin: content-box;\n animation: scale 1s;\n transform-origin: top left;\n}\n::view-transition-old(root),.dark::view-transition-old(root) {\n animation: scale 1s;\n transform-origin: top left;\n z-index: -1;\n}\n@keyframes scale {\n to {\n mask-size: 350vmax;\n }\n}',viewTransitionStyleElement=document.createElement("style");document.head.appendChild(viewTransitionStyleElement);const injectViewTransitionStyleCSS=()=>viewTransitionStyleElement.textContent=ViewTransitionStyleCSS,HSThemeAppearance={init(){const e=localStorage.getItem("hs_theme")||"default";document.querySelector("html").classList.contains("dark")||this.setAppearance(e)},_resetStylesOnLoad(){const e=document.createElement("style");return e.textContent="*{transition: unset !important;}",e.setAttribute("data-hs-appearance-onload-styles",""),document.head.appendChild(e),e},setAppearance(e,t=!0,a=!0){const n=this._resetStylesOnLoad();t&&localStorage.setItem("hs_theme",e),"auto"===e&&(e=window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"default"),document.querySelector("html").classList.remove("dark"),document.querySelector("html").classList.remove("default"),document.querySelector("html").classList.remove("auto"),document.querySelector("html").classList.add(this.getOriginalAppearance()),setTimeout((()=>n.remove())),a&&window.dispatchEvent(new CustomEvent("on-hs-appearance-change",{detail:e}))},getAppearance(){let e=this.getOriginalAppearance();return"auto"===e&&(e=window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"default"),e},getOriginalAppearance:()=>localStorage.getItem("hs_theme")||"default"};HSThemeAppearance.init(),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",(()=>{"auto"===HSThemeAppearance.getOriginalAppearance()&&HSThemeAppearance.setAppearance("auto",!1)})),window.addEventListener("load",(()=>{const e=document.querySelectorAll("[data-hs-theme-click-value]"),t=document.querySelectorAll("[data-hs-theme-switch]");e.forEach((e=>{e.addEventListener("click",(()=>{const t=()=>HSThemeAppearance.setAppearance(e.getAttribute("data-hs-theme-click-value"),!0,!0);document.startViewTransition?document.startViewTransition((()=>{injectViewTransitionStyleCSS(),t()})):t()}))})),t.forEach((e=>{e.addEventListener("change",(e=>{HSThemeAppearance.setAppearance(e.target.checked?"dark":"default")})),e.checked="dark"===HSThemeAppearance.getAppearance()})),window.addEventListener("on-hs-appearance-change",(e=>{t.forEach((t=>{t.checked="dark"===e.detail}))}))}))
Katex:公式渲染效果样例
- 程序开发
- 2 months ago
- 2 min read
语法
内联公式:E=mc2
块级公式:
E=mc2效果展示
数学
勾股定理
a2+b2=c2三角函数
sin2θ+cos2θ=1欧拉公式
eiπ+1=0椭圆曲线方程
y2=x3+ax+b范德蒙行列式
det1x1x12⋮x1n−11x2x22⋮x2n−1⋯⋯⋯⋱⋯1xnxn2⋮xnn−1=1≤i<j≤n∏(xj−xi).泰勒级数展开
f(x)=n=0∑∞n!f(n)(a)(x−a)n.牛顿–莱布尼茨公式
∫abf′(x)dx=f(b)−f(a).物理
爱因斯坦质能方程
E=mc2麦克斯韦方程组
∇⋅E=ε0ρ, ∇⋅B=0. ∇×E=−∂t∂B. ∇×B=μ0J+μ0ε0∂t∂E.薛定谔方程
iℏ∂t∂ψ(r,t)=[−2mℏ2∇2+V(r,t)]ψ(r,t)- i,虚数单位
- ℏ,约化普朗克常数
- m,粒子的质量
- ∇2,拉普拉斯算符
- V(r,t),粒子所处的势能,
- ψ(r,t),粒子在位置r和时间 t下的波函数
化学
电解水
2H2O→2H2+O2光合作用
6CO2+6H2O→C6H12O6+6O2黑火药
2KNO3+S+3C→K2S+3CO2+N2TNT炸药
2C7H5N3O6→3N2+5H2O+7CO+7CATP水解
ATP+H2O→ADP+Pi+ΔG,高级插件
KaTeX插件列表
mhchem化学式
\ceH2O