6
0
Fork 0

reformate md

master
Dirk Heilig 2024-01-18 14:27:25 +01:00
parent 2a8a424ca7
commit e18582f9b4
20 changed files with 120 additions and 92 deletions

View File

@ -3,4 +3,3 @@ title: "{{ replace .Name "-" " " | title }}"
date: {{ .Date }} date: {{ .Date }}
draft: true draft: true
--- ---

View File

@ -11,10 +11,12 @@ description: ""
--- ---
# c3RE e.V. # c3RE e.V.
Dieses Impressum gilt auch für die Profile unseres Vereins auf den folgenden sozialen Netzwerken: Dieses Impressum gilt auch für die Profile unseres Vereins auf den folgenden sozialen Netzwerken:
[Github](https://github.com/c3re) [Github](https://github.com/c3re)
# Angaben gemäß § 5 TMG: # Angaben gemäß § 5 TMG:
c3RE e.V. c3RE e.V.
c/o Christoph Büllesbach c/o Christoph Büllesbach
Hochstr. 19 a Hochstr. 19 a
@ -24,20 +26,24 @@ Telefon: +49 (0) 2361 8901721
E-Mail: kontakt (ät) c3re.de E-Mail: kontakt (ät) c3re.de
# Vertretungsberechtigte Personen: # Vertretungsberechtigte Personen:
Tobias von Hebel, Vorstandsvorsitzender Tobias von Hebel, Vorstandsvorsitzender
Andre Schoder stellvertretender Vorsitzender Andre Schoder stellvertretender Vorsitzender
Christoph Büllesbach, Schatzmeister Christoph Büllesbach, Schatzmeister
# Eintragung in das Vereinsregister # Eintragung in das Vereinsregister
Registergericht: Amtsgericht Recklinghausen Registergericht: Amtsgericht Recklinghausen
Registernummer: VR 2840 Registernummer: VR 2840
# V.i.S.d § 55 Abs. 2 RStV: # V.i.S.d § 55 Abs. 2 RStV:
Tobias von Hebel Tobias von Hebel
Konradstr. 61 Konradstr. 61
45661 Recklinghausen 45661 Recklinghausen
# Bankverbindung # Bankverbindung
Konto DE22 4016 4528 0260 2961 00 Konto DE22 4016 4528 0260 2961 00
BIC GENODEM1LHN bei der Volksbank Südmünsterland-Mitte e.G. BIC GENODEM1LHN bei der Volksbank Südmünsterland-Mitte e.G.
Gerne nehmen wir hier auch Spenden zur Unterstützung unserer Tätigkeit entgegen. Gerne nehmen wir hier auch Spenden zur Unterstützung unserer Tätigkeit entgegen.

View File

@ -9,6 +9,7 @@ katex: false
draft: false draft: false
description: "" description: ""
--- ---
E-Mail: kontakt(ät)c3re.de E-Mail: kontakt(ät)c3re.de
Hüttentelefon: 02361 / 8488096 Hüttentelefon: 02361 / 8488096

View File

@ -12,20 +12,20 @@ This is a theme I personally use.
## Multi Section Supports ## Multi Section Supports
If you use multi sections (with the concept from hugo), the RSS at bottom and *Recent* at side are ready for displaying those content. However, you will need to set up your menu at `config.toml` to point the hyperlink to proper destination. If you use multi sections (with the concept from hugo), the RSS at bottom and _Recent_ at side are ready for displaying those content. However, you will need to set up your menu at `config.toml` to point the hyperlink to proper destination.
If you want to re-order those sections, you need a `_index.md` at the directory of the section to set proper weight at front matter, just alike what was done at the exampleSite, see `/exampleSite/content/essays/_index.md`. See the predefined variable `weight` at [docs](https://gohugo.io/content-management/front-matter/#front-matter-variables). If you want to re-order those sections, you need a `_index.md` at the directory of the section to set proper weight at front matter, just alike what was done at the exampleSite, see `/exampleSite/content/essays/_index.md`. See the predefined variable `weight` at [docs](https://gohugo.io/content-management/front-matter/#front-matter-variables).
**Note** that separating taxonomies according to different sections is not implemented yet. So better to only use taxonomies inside a specific section. **Note** that separating taxonomies according to different sections is not implemented yet. So better to only use taxonomies inside a specific section.
For a better understand, if you have to posts *A* and *B* in section *S1* and *S2*, both of the posts has the same tag *T1*, like the follow. For a better understand, if you have to posts _A_ and _B_ in section _S1_ and _S2_, both of the posts has the same tag _T1_, like the follow.
``` ```
post A: section S1, tag T1, tag T2 post A: section S1, tag T1, tag T2
post B: section S2, tag T2 post B: section S2, tag T2
``` ```
When you open the index page of *T1*, there will be two posts, rathor than post *A* when you are in section *S1* and post *B* when you are in section *S2*. When you open the index page of _T1_, there will be two posts, rathor than post _A_ when you are in section _S1_ and post _B_ when you are in section _S2_.
``` ```
tag T1: post A, post B tag T1: post A, post B

View File

@ -6,7 +6,7 @@ draft: false
## About this demo site ## About this demo site
This is the *about page* of this theme. The content of this demo site is come from [hugo-theme-mini](https://github.com/nodejh/hugo-theme-mini/), whose license is [MIT](https://github.com/nodejh/hugo-theme-mini/blob/39be4727b355bc8cabd919c6684d79064690a5c6/LICENSE.md) This is the _about page_ of this theme. The content of this demo site is come from [hugo-theme-mini](https://github.com/nodejh/hugo-theme-mini/), whose license is [MIT](https://github.com/nodejh/hugo-theme-mini/blob/39be4727b355bc8cabd919c6684d79064690a5c6/LICENSE.md)
This site is built by hugo, which is a fast static site generator writen in go. You can go to its [offical site](https://gohugo.io) to get more information. This site is built by hugo, which is a fast static site generator writen in go. You can go to its [offical site](https://gohugo.io) to get more information.
@ -16,7 +16,7 @@ This hugo theme support CJK language, but some right to left language may not ac
这一句话是用中文写的,一般情况下,中英文排版如果字体设置不当,显示出来的字号会有相当的差距,即便实际上的字号是相同的。这个问题暂时看来无法彻底解决,唯一能做的就是挑选合适的字体,使相同字号下,中英文在展示出来后肉眼感官大小差别不大。 这一句话是用中文写的,一般情况下,中英文排版如果字体设置不当,显示出来的字号会有相当的差距,即便实际上的字号是相同的。这个问题暂时看来无法彻底解决,唯一能做的就是挑选合适的字体,使相同字号下,中英文在展示出来后肉眼感官大小差别不大。
Try another typography, which make English and Chinese lay down in a single line. The word *Chinese* in Chinese is "中文". Try another typography, which make English and Chinese lay down in a single line. The word _Chinese_ in Chinese is "中文".
## What is hugo ## What is hugo
@ -24,11 +24,11 @@ Written in Go, Hugo is an open source static site generator available under the
Hugo makes use of a variety of open source projects including: Hugo makes use of a variety of open source projects including:
* https://github.com/yuin/goldmark - https://github.com/yuin/goldmark
* https://github.com/alecthomas/chroma - https://github.com/alecthomas/chroma
* https://github.com/muesli/smartcrop - https://github.com/muesli/smartcrop
* https://github.com/spf13/cobra - https://github.com/spf13/cobra
* https://github.com/spf13/viper - https://github.com/spf13/viper
Hugo is ideal for blogs, corporate websites, creative portfolios, online magazines, single page applications or even a website with thousands of pages. Hugo is ideal for blogs, corporate websites, creative portfolios, online magazines, single page applications or even a website with thousands of pages.
@ -37,4 +37,3 @@ Hugo is for people who want to hand code their own website without worrying abou
Websites built with Hugo are extremely fast, secure and can be deployed anywhere including, AWS, GitHub Pages, Heroku, Netlify and any other hosting provider. Websites built with Hugo are extremely fast, secure and can be deployed anywhere including, AWS, GitHub Pages, Heroku, Netlify and any other hosting provider.
Learn more and contribute on [GitHub](https://github.com/gohugoio). Learn more and contribute on [GitHub](https://github.com/gohugoio).

View File

@ -9,4 +9,4 @@ draft: false
<!--more--> <!--more-->
*There are some short articles.* _There are some short articles._

View File

@ -27,12 +27,11 @@ Here is a inline markdown mark ![Small markdown mark](./markdown-30x20.png).
## Some other things ## Some other things
**Note** that due to the *big picture* is from [Wikipedia][wikipedia] who use [CC-BY-SA 3.0][cc-by-sa-3] as license, so this essay also use [CC-BY-SA 3.0] as license. **Note** that due to the _big picture_ is from [Wikipedia][wikipedia] who use [CC-BY-SA 3.0][cc-by-sa-3] as license, so this essay also use [CC-BY-SA 3.0] as license.
The *big picture* is from <https://en.wikipedia.org/wiki/Image>. The _big picture_ is from <https://en.wikipedia.org/wiki/Image>.
The small markdown mark has been dedicated to the public domain. The small markdown mark has been dedicated to the public domain.
[wikipedia]: https://wikipedia.org/ "Wikipedia" [wikipedia]: https://wikipedia.org/ "Wikipedia"
[cc-by-sa-3]: https://en.wikipedia.org/wiki/Wikipedia:Text_of_the_Creative_Commons_Attribution-ShareAlike_3.0_Unported_License "Creative Commons Attribution-ShareAlike License 3.0" [cc-by-sa-3]: https://en.wikipedia.org/wiki/Wikipedia:Text_of_the_Creative_Commons_Attribution-ShareAlike_3.0_Unported_License "Creative Commons Attribution-ShareAlike License 3.0"

View File

@ -10,7 +10,9 @@ tags = [
+++ +++
Emoji can be enabled in a Hugo project in a number of ways. Emoji can be enabled in a Hugo project in a number of ways.
<!--more--> <!--more-->
The [`emojify`](https://gohugo.io/functions/emojify/) function can be called directly in templates or [Inline Shortcodes](https://gohugo.io/templates/shortcode-templates/#inline-shortcodes). The [`emojify`](https://gohugo.io/functions/emojify/) function can be called directly in templates or [Inline Shortcodes](https://gohugo.io/templates/shortcode-templates/#inline-shortcodes).
To enable emoji globally, set `enableEmoji` to `true` in your site's [configuration](https://gohugo.io/getting-started/configuration/) and then you can type emoji shorthand codes directly in content files; e.g. To enable emoji globally, set `enableEmoji` to `true` in your site's [configuration](https://gohugo.io/getting-started/configuration/) and then you can type emoji shorthand codes directly in content files; e.g.
@ -20,7 +22,7 @@ To enable emoji globally, set `enableEmoji` to `true` in your site's [configurat
The [Emoji cheat sheet](http://www.emoji-cheat-sheet.com/) is a useful reference for emoji shorthand codes. The [Emoji cheat sheet](http://www.emoji-cheat-sheet.com/) is a useful reference for emoji shorthand codes.
*** ---
**N.B.** The above steps enable Unicode Standard emoji characters and sequences in Hugo, however the rendering of these glyphs depends on the browser and the platform. To style the emoji you can either use a third party emoji font or a font stack; e.g. **N.B.** The above steps enable Unicode Standard emoji characters and sequences in Hugo, however the rendering of these glyphs depends on the browser and the platform. To style the emoji you can either use a third party emoji font or a font stack; e.g.
@ -31,6 +33,7 @@ The [Emoji cheat sheet](http://www.emoji-cheat-sheet.com/) is a useful reference
{{< /highlight >}} {{< /highlight >}}
{{< css.inline >}} {{< css.inline >}}
<style> <style>
.emojify { .emojify {
font-family: Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Segoe UI Symbol, Android Emoji, EmojiSymbols; font-family: Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Segoe UI Symbol, Android Emoji, EmojiSymbols;
@ -44,4 +47,5 @@ The [Emoji cheat sheet](http://www.emoji-cheat-sheet.com/) is a useful reference
} }
} }
</style> </style>
{{< /css.inline >}} {{< /css.inline >}}

View File

@ -17,6 +17,7 @@ aliases = ["migrate-from-jekyl"]
+++ +++
This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme. This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.
<!--more--> <!--more-->
## Headings ## Headings
@ -24,10 +25,15 @@ This article offers a sample of basic Markdown syntax that can be used in Hugo c
The following HTML `<h1>`—`<h6>` elements represent six levels of section headings. `<h1>` is the highest section level while `<h6>` is the lowest. The following HTML `<h1>`—`<h6>` elements represent six levels of section headings. `<h1>` is the highest section level while `<h6>` is the lowest.
# H1 # H1
## H2 ## H2
### H3 ### H3
#### H4 #### H4
##### H5 ##### H5
###### H6 ###### H6
## Paragraph ## Paragraph
@ -43,7 +49,7 @@ The blockquote element represents content that is quoted from another source, op
#### Blockquote without attribution #### Blockquote without attribution
> Tiam, ad mint andaepu dandae nostion secatur sequo quae. > Tiam, ad mint andaepu dandae nostion secatur sequo quae.
> **Note** that you can use *Markdown syntax* within a blockquote. > **Note** that you can use _Markdown syntax_ within a blockquote.
#### Blockquote with attribution #### Blockquote with attribution
@ -56,26 +62,26 @@ The blockquote element represents content that is quoted from another source, op
Tables aren't part of the core Markdown spec, but Hugo supports supports them out-of-the-box. Tables aren't part of the core Markdown spec, but Hugo supports supports them out-of-the-box.
Name | Age | Name | Age |
--------|------ | ----- | --- |
Bob | 27 | Bob | 27 |
Alice | 23 | Alice | 23 |
#### Inline Markdown within tables #### Inline Markdown within tables
| Italics | Bold | Code | | Italics | Bold | Code |
| -------- | -------- | ------ | | --------- | -------- | ------ |
| *italics* | **bold** | `code` | | _italics_ | **bold** | `code` |
## Code Blocks ## Code Blocks
#### Code block with backticks #### Code block with backticks
```html ```html
<!doctype html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
<title>Example HTML5 Document</title> <title>Example HTML5 Document</title>
</head> </head>
<body> <body>
@ -98,7 +104,9 @@ Tables aren't part of the core Markdown spec, but Hugo supports supports them ou
</html> </html>
#### Code block with Hugo's internal highlight shortcode #### Code block with Hugo's internal highlight shortcode
{{< highlight html >}} {{< highlight html >}}
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
@ -121,19 +129,19 @@ Tables aren't part of the core Markdown spec, but Hugo supports supports them ou
#### Unordered List #### Unordered List
* List item - List item
* Another item - Another item
* And another item - And another item
#### Nested list #### Nested list
* Fruit - Fruit
* Apple - Apple
* Orange - Orange
* Banana - Banana
* Dairy - Dairy
* Milk - Milk
* Cheese - Cheese
## Other Elements — abbr, sub, sup, kbd, mark ## Other Elements — abbr, sub, sup, kbd, mark

View File

@ -7,6 +7,7 @@ math: true
--- ---
Mathematical notation in a Hugo project can be enabled by using third party JavaScript libraries. Mathematical notation in a Hugo project can be enabled by using third party JavaScript libraries.
<!--more--> <!--more-->
In this example we will be using [KaTeX](https://katex.org/) In this example we will be using [KaTeX](https://katex.org/)
@ -28,6 +29,7 @@ In this example we will be using [KaTeX](https://katex.org/)
{{< math.inline >}} {{< math.inline >}}
{{ if or .Page.Params.math .Site.Params.math }} {{ if or .Page.Params.math .Site.Params.math }}
<!-- KaTeX --> <!-- KaTeX -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.css" integrity="sha384-zB1R0rpPzHqg7Kpt0Aljp8JPLqbXI3bhnPWROx27a9N0Ll6ZP/+DiW/UqRcLbRjq" crossorigin="anonymous"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.css" integrity="sha384-zB1R0rpPzHqg7Kpt0Aljp8JPLqbXI3bhnPWROx27a9N0Ll6ZP/+DiW/UqRcLbRjq" crossorigin="anonymous">
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.js" integrity="sha384-y23I5Q6l+B6vatafAwxRu/0oK/79VlbSz7Q9aiSZUvyWYIYsd+qj+o24G5ZU2zJz" crossorigin="anonymous"></script> <script defer src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.js" integrity="sha384-y23I5Q6l+B6vatafAwxRu/0oK/79VlbSz7Q9aiSZUvyWYIYsd+qj+o24G5ZU2zJz" crossorigin="anonymous"></script>
@ -38,12 +40,14 @@ In this example we will be using [KaTeX](https://katex.org/)
### Examples ### Examples
{{< math.inline >}} {{< math.inline >}}
<p> <p>
Inline math: \(\varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887…\) Inline math: \(\varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887…\)
</p> </p>
{{</ math.inline >}} {{</ math.inline >}}
Block math: Block math:
$$ $$
\varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } } \varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } }
$$ $$

View File

@ -64,6 +64,7 @@ draft: false
- Bitwarden/Vaultwarden -> Talk/Workshop?! - Bitwarden/Vaultwarden -> Talk/Workshop?!
## pad ## pad
<https://pads.c3re.de/c3redocker> <https://pads.c3re.de/c3redocker>
## man müsste Mal/Ideensammlung ## man müsste Mal/Ideensammlung
@ -88,4 +89,4 @@ chronyd ->
<https://vikunja.io/> - To-Do App <https://vikunja.io/> - To-Do App
mailjet mailjet
* Hugo - Hugo

View File

@ -36,10 +36,12 @@ Victa caducifer, malo vulnere contra dicere aurato, ludit regale, voca! Retorsit
Iubar proles corpore raptos vero auctor imperium; sed et huic: manus caeli Lelegas tu lux. Verbis obstitit intus oblectamina fixis linguisque ausus sperare Echionides cornuaque tenent clausit possit. Omnia putatur. Praeteritae refert ausus; ferebant e primus lora nutat, vici quae mea ipse. Et iter nil spectatae vulnus haerentia iuste et exercebat, sui et. Iubar proles corpore raptos vero auctor imperium; sed et huic: manus caeli Lelegas tu lux. Verbis obstitit intus oblectamina fixis linguisque ausus sperare Echionides cornuaque tenent clausit possit. Omnia putatur. Praeteritae refert ausus; ferebant e primus lora nutat, vici quae mea ipse. Et iter nil spectatae vulnus haerentia iuste et exercebat, sui et.
Eurytus Hector, materna ipsumque ut Politen, nec, nate, ignari, vernum cohaesit sequitur. Vel **mitis temploque** vocatus, inque alis, *oculos nomen* non silvis corpore coniunx ne displicet illa. Crescunt non unus, vidit visa quantum inmiti flumina mortis facto sic: undique a alios vincula sunt iactata abdita! Suspenderat ego fuit tendit: luna, ante urbem Propoetides **parte**. Eurytus Hector, materna ipsumque ut Politen, nec, nate, ignari, vernum cohaesit sequitur. Vel **mitis temploque** vocatus, inque alis, _oculos nomen_ non silvis corpore coniunx ne displicet illa. Crescunt non unus, vidit visa quantum inmiti flumina mortis facto sic: undique a alios vincula sunt iactata abdita! Suspenderat ego fuit tendit: luna, ante urbem Propoetides **parte**.
{{< css.inline >}} {{< css.inline >}}
<style> <style>
.canon { background: white; width: 100%; height: auto; } .canon { background: white; width: 100%; height: auto; }
</style> </style>
{{< /css.inline >}} {{< /css.inline >}}

View File

@ -11,8 +11,8 @@ draft = true
+++ +++
Hugo ships with several [Built-in Shortcodes](https://gohugo.io/content-management/shortcodes/#use-hugos-built-in-shortcodes) for rich content, along with a [Privacy Config](https://gohugo.io/about/hugo-and-gdpr/) and a set of Simple Shortcodes that enable static and no-JS versions of various social media embeds. Hugo ships with several [Built-in Shortcodes](https://gohugo.io/content-management/shortcodes/#use-hugos-built-in-shortcodes) for rich content, along with a [Privacy Config](https://gohugo.io/about/hugo-and-gdpr/) and a set of Simple Shortcodes that enable static and no-JS versions of various social media embeds.
<!--more-->
--- ## <!--more-->
## YouTube Privacy Enhanced Shortcode ## YouTube Privacy Enhanced Shortcode

View File

@ -3,4 +3,3 @@ title: "Second Post"
date: 2023-12-13T22:05:57+01:00 date: 2023-12-13T22:05:57+01:00
draft: true draft: true
--- ---

View File

@ -14,29 +14,24 @@ draft = true
aaaa aaaa
Test [aaa](http://example.com) text. Test [aaa](http://example.com) text.
### t1.1 ### t1.1
aaaa aaaa
### t1.2 ### t1.2
aaaa aaaa
#### t1.2.1 #### t1.2.1
aaaa aaaa
#### t1.2.2 #### t1.2.2
aaaa aaaa
## t2 ## t2
aaaa aaaa
@ -45,11 +40,7 @@ aaaa
1. One<br><br> 1. One<br><br>
/``` /` testing some code /`
testing
some
code
/```
2. Two<br><br> 2. Two<br><br>
3. Three<br><br> 3. Three<br><br>
@ -76,7 +67,6 @@ org.apache.flink.util.FlinkException: Application failed unexpectedly.
at akka.dispatch.forkjoin.ForkJoinPool.runWorker(ForkJoinPool.java:1979) [flink-dist_2.12-1.13.1.jar:1.13.1] at akka.dispatch.forkjoin.ForkJoinPool.runWorker(ForkJoinPool.java:1979) [flink-dist_2.12-1.13.1.jar:1.13.1]
``` ```
``` ```
test test
test test

View File

@ -1,4 +1,5 @@
# [<img src="https://katex.org/img/katex-logo-black.svg" width="130" alt="KaTeX">](https://katex.org/) # [<img src="https://katex.org/img/katex-logo-black.svg" width="130" alt="KaTeX">](https://katex.org/)
[![npm](https://img.shields.io/npm/v/katex.svg)](https://www.npmjs.com/package/katex) [![npm](https://img.shields.io/npm/v/katex.svg)](https://www.npmjs.com/package/katex)
[![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release) [![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release)
[![CI](https://github.com/KaTeX/KaTeX/workflows/CI/badge.svg?branch=main&event=push)](https://github.com/KaTeX/KaTeX/actions?query=workflow%3ACI) [![CI](https://github.com/KaTeX/KaTeX/workflows/CI/badge.svg?branch=main&event=push)](https://github.com/KaTeX/KaTeX/actions?query=workflow%3ACI)
@ -11,10 +12,10 @@
KaTeX is a fast, easy-to-use JavaScript library for TeX math rendering on the web. KaTeX is a fast, easy-to-use JavaScript library for TeX math rendering on the web.
* **Fast:** KaTeX renders its math synchronously and doesn't need to reflow the page. See how it compares to a competitor in [this speed test](https://www.intmath.com/cg5/katex-mathjax-comparison.php). - **Fast:** KaTeX renders its math synchronously and doesn't need to reflow the page. See how it compares to a competitor in [this speed test](https://www.intmath.com/cg5/katex-mathjax-comparison.php).
* **Print quality:** KaTeX's layout is based on Donald Knuth's TeX, the gold standard for math typesetting. - **Print quality:** KaTeX's layout is based on Donald Knuth's TeX, the gold standard for math typesetting.
* **Self contained:** KaTeX has no dependencies and can easily be bundled with your website resources. - **Self contained:** KaTeX has no dependencies and can easily be bundled with your website resources.
* **Server side rendering:** KaTeX produces the same output regardless of browser or environment, so you can pre-render expressions using Node.js and send them as plain HTML. - **Server side rendering:** KaTeX produces the same output regardless of browser or environment, so you can pre-render expressions using Node.js and send them as plain HTML.
KaTeX is compatible with all major browsers, including Chrome, Safari, Firefox, Opera, Edge, and IE 11. KaTeX is compatible with all major browsers, including Chrome, Safari, Firefox, Opera, Edge, and IE 11.
@ -31,14 +32,29 @@ Try out KaTeX [on the demo page](https://katex.org/#demo)!
<!-- KaTeX requires the use of the HTML5 doctype. Without it, KaTeX may not render properly --> <!-- KaTeX requires the use of the HTML5 doctype. Without it, KaTeX may not render properly -->
<html> <html>
<head> <head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.2/dist/katex.min.css" integrity="sha384-bYdxxUwYipFNohQlHt0bjN/LCpueqWz13HufFEV1SUatKs1cm4L6fFgCi1jT643X" crossorigin="anonymous"> <link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/katex@0.16.2/dist/katex.min.css"
integrity="sha384-bYdxxUwYipFNohQlHt0bjN/LCpueqWz13HufFEV1SUatKs1cm4L6fFgCi1jT643X"
crossorigin="anonymous"
/>
<!-- The loading of KaTeX is deferred to speed up page rendering --> <!-- The loading of KaTeX is deferred to speed up page rendering -->
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.2/dist/katex.min.js" integrity="sha384-Qsn9KnoKISj6dI8g7p1HBlNpVx0I8p1SvlwOldgi3IorMle61nQy4zEahWYtljaz" crossorigin="anonymous"></script> <script
defer
src="https://cdn.jsdelivr.net/npm/katex@0.16.2/dist/katex.min.js"
integrity="sha384-Qsn9KnoKISj6dI8g7p1HBlNpVx0I8p1SvlwOldgi3IorMle61nQy4zEahWYtljaz"
crossorigin="anonymous"
></script>
<!-- To automatically render math in text elements, include the auto-render extension: --> <!-- To automatically render math in text elements, include the auto-render extension: -->
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.2/dist/contrib/auto-render.min.js" integrity="sha384-+VBxd3r6XgURycqtZ117nYw44OOcIax56Z4dCRWbxyPt0Koah1uHoK0o4+/RRE05" crossorigin="anonymous" <script
onload="renderMathInElement(document.body);"></script> defer
src="https://cdn.jsdelivr.net/npm/katex@0.16.2/dist/contrib/auto-render.min.js"
integrity="sha384-+VBxd3r6XgURycqtZ117nYw44OOcIax56Z4dCRWbxyPt0Koah1uHoK0o4+/RRE05"
crossorigin="anonymous"
onload="renderMathInElement(document.body);"
></script>
</head> </head>
... ...
</html> </html>
@ -55,7 +71,7 @@ For example:
```js ```js
katex.render("c = \\pm\\sqrt{a^2 + b^2}", element, { katex.render("c = \\pm\\sqrt{a^2 + b^2}", element, {
throwOnError: false throwOnError: false,
}); });
``` ```
@ -64,7 +80,7 @@ e.g., for server-side rendering. For example:
```js ```js
var html = katex.renderToString("c = \\pm\\sqrt{a^2 + b^2}", { var html = katex.renderToString("c = \\pm\\sqrt{a^2 + b^2}", {
throwOnError: false throwOnError: false,
}); });
// '<span class="katex">...</span>' // '<span class="katex">...</span>'
``` ```