\') 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}))}))}))MathJax:公式渲染效果样例
- 程序开发
- 2 months ago
- 2 min read
语法
内联公式$
…$
:
块级公式$$
…$$
:
块级公式math
代码块:
效果展示
数学
勾股定理
三角函数
欧拉公式
椭圆曲线方程
范德蒙行列式
泰勒级数展开
牛顿–莱布尼茨公式
物理
爱因斯坦质能方程
麦克斯韦方程组
薛定谔方程
- ,虚数单位
- ,约化普朗克常数
- ,粒子的质量
- ,拉普拉斯算符
- ,粒子所处的势能,
- ,粒子在位置和时间下的波函数
化学
电解水
光合作用
黑火药
TNT炸药
ATP水解
高级插件
LaTeX插件列表
mhchem化学式