andatoshiki/toshiki-notebook
1
0
Fork 0
mirror of https://github.com/andatoshiki/toshiki-notebook.git synced 2026-06-06 03:11:22 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

chore(lint): lint documentation file with prettier

Browse Source
This commit is contained in:
Anda Toshiki 2023-05-22 11:35:58 +08:00
parent be582c6cff
commit acf9fbf179
1 changed files with 13 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
docs/application/markdown-it-katex/tips.md
View File

@ -29,7 +29,7 @@ But, the issue here is, the overflowing issue is resolved on the webpage, but th
### 1.3: Finding solution ### 1.3: Finding solution
After running a quick research on Google, I found a simple hack tweak used in a theme of VuePress, [vuepress-theme-hope](https://github.com/vuepress-theme-hope/vuepress-theme-hope) on GitHub, the theme both integrate with KaTeX and MathJax for math supports. After running a quick research on Google, I found a simple hack tweak used in a theme of VuePress, [vuepress-theme-hope](https://github.com/vuepress-theme-hope/vuepress-theme-hope) on GitHub, the theme both integrate with KaTeX and MathJax for math supports.
<!-- [@preview](https://github.com/vuepress-theme-hope/vuepress-theme-hope) --> <!-- [@preview](https://github.com/vuepress-theme-hope/vuepress-theme-hope) -->
@ -98,6 +98,7 @@ Then in your scss stylesheets, add the following and link or import them to your
... ...
``` ```
Next, import your styles globally to take effect, Next, import your styles globally to take effect,
```scss ```scss
@ -126,25 +127,25 @@ to precompile from source scss into normal css styles and use them based on your
```css ```css
.katex { .katex {
font-size: 1.05em; font-size: 1.05em;
direction: ltr; direction: ltr;
} }
.katex-display { .katex-display {
overflow: auto hidden; overflow: auto hidden;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
padding-top: 0.2em; padding-top: 0.2em;
padding-bottom: 0.2em; padding-bottom: 0.2em;
} }
.katex-display::-webkit-scrollbar { .katex-display::-webkit-scrollbar {
height: 3px; height: 3px;
} }
.katex-display .katex { .katex-display .katex {
font-size: 1.21em; font-size: 1.21em;
} }
.katex-error { .katex-error {
color: #f00; color: #f00;
} }
``` ```
@ -152,7 +153,7 @@ To be continued.
::: info Reference ::: info Reference
- [vuepress-theme-hope/docs/theme/src/.vuepress/components/toggle-rtl-button.scss](https://github.com/vuepress-theme-hope/vuepress-theme-hope/blob/main/docs/theme/src/.vuepress/components/toggle-rtl-button.scss) - [vuepress-theme-hope/docs/theme/src/.vuepress/components/toggle-rtl-button.scss](https://github.com/vuepress-theme-hope/vuepress-theme-hope/blob/main/docs/theme/src/.vuepress/components/toggle-rtl-button.scss)
- [Toshiki's ChaGPT](https://chat.toshiki.dev) - [Toshiki's ChaGPT](https://chat.toshiki.dev)
::: :::