2022-07-16 08:59:18 +02:00
<!doctype html> < html lang = en dir = auto > < head > < meta charset = utf-8 > < meta http-equiv = x-ua-compatible content = "IE=edge" > < meta name = viewport content = "width=device-width,initial-scale=1,shrink-to-fit=no" > < meta name = robots content = "index, follow" > < title > Math Typesetting | PaperMod< / title > < meta name = keywords content > < meta name = description content = "A brief guide to setup KaTeX" > < meta name = author content = "Hugo Authors" > < link rel = canonical href = https://adityatelange.github.io/hugo-PaperMod/posts/math-typesetting/ > < link crossorigin = anonymous href = /hugo-PaperMod/assets/css/stylesheet.2494a82033f8f1af32a12550b2118ede6560401d51adfaee0982c2d0ff0bb7fc.css integrity = "sha256-JJSoIDP48a8yoSVQshGO3mVgQB1RrfruCYLC0P8Lt/w=" rel = "preload stylesheet" as = style > < link rel = icon href = https://adityatelange.github.io/hugo-PaperMod/favicon.ico > < link rel = icon type = image/png sizes = 16x16 href = https://adityatelange.github.io/hugo-PaperMod/favicon-16x16.png > < link rel = icon type = image/png sizes = 32x32 href = https://adityatelange.github.io/hugo-PaperMod/favicon-32x32.png > < link rel = apple-touch-icon href = https://adityatelange.github.io/hugo-PaperMod/apple-touch-icon.png > < link rel = mask-icon href = https://adityatelange.github.io/hugo-PaperMod/safari-pinned-tab.svg > < meta name = theme-color content = "#2e2e33" > < meta name = msapplication-TileColor content = "#2e2e33" > < link rel = alternate hreflang = en href = https://adityatelange.github.io/hugo-PaperMod/posts/math-typesetting/ > < noscript > < style > # theme-toggle , . top-link { display : none } < / style > < style > @ media ( prefers-color-scheme : dark ) { : root { --theme : rgb ( 29 , 30 , 32 ) ; --entry : rgb ( 46 , 46 , 51 ) ; --primary : rgb ( 218 , 218 , 219 ) ; --secondary : rgb ( 155 , 156 , 157 ) ; --tertiary : rgb ( 65 , 66 , 68 ) ; --content : rgb ( 196 , 196 , 197 ) ; --hljs-bg : rgb ( 46 , 46 , 51 ) ; --code-bg : rgb ( 55 , 56 , 62 ) ; --border : rgb ( 51 , 51 , 51 ) } . list { background : var ( - - theme ) } . list : not ( . dark ) :: -webkit-scrollbar-track { background : 0 0 } . list : not ( . dark ) :: -webkit-scrollbar-thumb { border-color : var ( - - theme ) } } < / style > < / noscript > < meta property = "og:title" content = "Math Typesetting" > < meta property = "og:description" content = "A brief guide to setup KaTeX" > < meta property = "og:type" content = "article" > < meta property = "og:url" content = "https://adityatelange.github.io/hugo-PaperMod/posts/math-typesetting/" > < meta property = "og:image" content = "https://adityatelange.github.io/hugo-PaperMod/papermod-cover.png" > < meta property = "article:section" content = "posts" > < meta property = "article:published_time" content = "2019-03-08T00:00:00+00:00" > < meta property = "article:modified_time" content = "2019-03-08T00:00:00+00:00" > < meta name = twitter:card content = "summary_large_image" > < meta name = twitter:image content = "https://adityatelange.github.io/hugo-PaperMod/papermod-cover.png" > < meta name = twitter:title content = "Math Typesetting" > < meta name = twitter:description content = "A brief guide to setup KaTeX" > < script type = application/ld+json > { "@context" : "https://schema.org" , "@type" : "BreadcrumbList" , "itemListElement" : [ { "@type" : "ListItem" , "position" : 1 , "name" : "Posts" , "item" : "https://adityatelange.github.io/hugo-PaperMod/posts/" } , { "@type" : "ListItem" , "position" : 2 , "name" : "Math Typesetting" , "item" : "https://adityatelange.github.io/hugo-PaperMod/posts/math-typesetting/" } ] } < / script > < script type = application/ld+json > { " @ c o n t e x t " : " h t t p s : / / s c h e m a . o r g " , " @ t y p e " : " B l o g P o s t i n g " , " h e a d l i n e " : " M a t h T y p e s e t t i n g " , " n a m e " : " M a t h T y p e s e t t i n g " , " d e s c r i p t i o n " : " A b r i e f g u i d e t o s e t u p K a T e X " , " k e y w o r d s " : [ ] , " a r t i c l e B o d y " : " M a t h e m a t i c a l n o t a t i o n i n a H u g o p r o j e c t c a n b e e n a b l e d b y u s i n g t h i r d p a r t y J a v a S c r i p t l i b r a r i e s . \ n I n t h i s e x a m p l e w e w i l l b e u s i n g K a T e X \ n C r e a t e a p a r t i a l u n d e r / l a y o u t s / p a r t i a l s / m a t h . h t m l W i t h i n t h i s p a r t i a l r e f e r e n c e t h e A u t o - r e n d e r E x t e n s i o n o r h o s t t h e s e s c r i p t s l o c a l l y . I n c l u d e t h e p a r t i a l i n y o u r t e m p l a t e s ( e x t e n d _ h e a d . h t m l ) l i k e s o : r e f e r I S S U E # 2 3 6 { { i f o r . P a r a m s . m a t h . S i t e . P a r a m s . m a t h } } { { p a r t i a l \ " m a t h . h t m l \ " . } } { { e n d } } T o e n a b l e K a T e x g l o b a l l y s e t t h e p a r a m e t e r m a t h t o t r u e i n a p r o j e c t ’ s c o n f i g u r a t i o n T o e n a b l e K a T e x o n a p e r p a g e b a s i s i n c l u d e t h e p a r a m e t e r m a t h : t r u e i n c o n t e n t f i l e s N o t e : U s e t h e o n l i n e r e f e r e n c e o f S u p p o r t e d T e X F u n c t i o n s \ n E x a m p l e s I n l i n e m a t h :
< / span > < / span > < span class = line > < span class = cl > < span class = o > {{< / span > partial < span class = s2 > " math.html" < / span > . < span class = o > }}< / span >
< / span > < / span > < span class = line > < span class = cl > < span class = o > {{< / span > end < span class = o > }}< / span >
< / span > < / span > < / code > < / pre > < / div > < ul > < li > To enable KaTex globally set the parameter < code > math< / code > to < code > true< / code > in a project’ s configuration< / li > < li > To enable KaTex on a per page basis include the parameter < code > math: true< / code > in content files< / li > < / ul > < p > < strong > Note:< / strong > Use the online reference of < a href = https://katex.org/docs/supported.html > Supported TeX Functions< / a > < / p > < 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/contrib/auto-render.min.js integrity = sha384-kWPLUVMOks5AQFrykwIup5lo0m3iMkkHrD0uJ4H5cjeGihAutqP0yW0J6dpFiVkI crossorigin = anonymous onload = renderMathInElement(document.body) > < / script > < h3 id = examples > Examples< a hidden class = anchor aria-hidden = true href = #examples > #< / a > < / h3 > < p > Inline math: \(\varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887…\)< / p > < p > Block math:< / p > < p > $$
2020-07-22 23:56:01 +02:00
\varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } }
2022-05-14 07:00:53 +02:00
$$< / p > < / div > < footer class = post-footer > < ul class = post-tags > < / ul > < nav class = paginav > < a class = prev href = https://adityatelange.github.io/hugo-PaperMod/posts/placeholder-text/ > < span class = title > « Prev< / span > < br > < span > Placeholder Text< / span > < / a >
2022-07-08 17:00:30 +02:00
< a class = next href = https://adityatelange.github.io/hugo-PaperMod/posts/emoji-support/ > < span class = title > Next »< / span > < br > < span > Emoji Support< / span > < / a > < / nav > < div class = share-buttons > < a target = _blank rel = "noopener noreferrer" aria-label = "share Math Typesetting on twitter" href = "https://twitter.com/intent/tweet/?text=Math%20Typesetting&url=https%3a%2f%2fadityatelange.github.io%2fhugo-PaperMod%2fposts%2fmath-typesetting%2f&hashtags=" > < svg viewBox = "0 0 512 512" height = "30" width = "30" fill = "currentcolor" > < path d = "M449.446.0C483.971.0 512 28.03 512 62.554v386.892C512 483.97 483.97 512 449.446 512H62.554c-34.524.0-62.554-28.03-62.554-62.554V62.554c0-34.524 28.029-62.554 62.554-62.554h386.892zM195.519 424.544c135.939.0 210.268-112.643 210.268-210.268.0-3.218.0-6.437-.153-9.502 14.406-10.421 26.973-23.448 36.935-38.314-13.18 5.824-27.433 9.809-42.452 11.648 15.326-9.196 26.973-23.602 32.49-40.92-14.252 8.429-30.038 14.56-46.896 17.931-13.487-14.406-32.644-23.295-53.946-23.295-40.767.0-73.87 33.104-73.87 73.87.0 5.824.613 11.494 1.992 16.858-61.456-3.065-115.862-32.49-152.337-77.241-6.284 10.881-9.962 23.601-9.962 37.088.0 25.594 13.027 48.276 32.95 61.456-12.107-.307-23.448-3.678-33.41-9.196v.92c0 35.862 25.441 65.594 59.311 72.49-6.13 1.686-12.72 2.606-19.464 2.606-4.751.0-9.348-.46-13.946-1.38 9.349 29.426 36.628 50.728 68.965 51.341-25.287 19.771-57.164 31.571-91.8 31.571-5.977.0-11.801-.306-17.625-1.073 32.337 21.15 71.264 33.41 112.95 33.41z" / > < / svg > < / a > < a target = _blank rel = "noopener noreferrer" aria-label = "share Math Typesetting on linkedin" href = "https://www.linkedin.com/shareArticle?mini=true&url=https%3a%2f%2fadityatelange.github.io%2fhugo-PaperMod%2fposts%2fmath-typesetting%2f&title=Math%20Typesetting&summary=Math%20Typesetting&source=https%3a%2f%2fadityatelange.github.io%2fhugo-PaperMod%2fposts%2fmath-typesetting%2f" > < svg viewBox = "0 0 512 512" height = "30" width = "30" fill = "currentcolor" > < path d = "M449.446.0C483.971.0 512 28.03 512 62.554v386.892C512 483.97 483.97 512 449.446 512H62.554c-34.524.0-62.554-28.03-62.554-62.554V62.554c0-34.524 28.029-62.554 62.554-62.554h386.892zM160.461 423.278V197.561h-75.04v225.717h75.04zm270.539.0V293.839c0-69.333-37.018-101.586-86.381-101.586-39.804.0-57.634 21.891-67.617 37.266v-31.958h-75.021c.995 21.181.0 225.717.0 225.717h75.02V297.222c0-6.748.486-13.492 2.474-18.315 5.414-13.475 17.767-27.434 38.494-27.434 27.135.0 38.007 20.707 38.007 51.037v120.768H431zM123.448 88.722C97.774 88.722 81 105.601 81 127.724c0 21.658 16.264 39.002 41.455 39.002h.484c26.165.0 42.452-17.344 42.452-39.002-.485-22.092-16.241-38.954-41.943-39.002z" / > < / svg > < / a > < a target = _blank rel = "noopener noreferrer" aria-label = "share Math Typesetting on reddit" href = "https://reddit.com/submit?url=https%3a%2f%2fadityatelange.github.io%2fhugo-PaperMod%2fposts%2fmath-typesetting%2f&title=Math%20Typesetting" > < svg viewBox = "0 0 512 512" height = "30" width = "30" fill = "currentcolor" > < path d = "M449.446.0C483.971.0 512 28 . 03 512 62 . 554v386 . 892C512 483 . 97 483 . 97 512 449 . 446 512H62 . 554c-34 . 524 . 0-62 . 554-28 . 03-62 . 554-62 . 554V62 . 554c0-34 . 524 28 . 029-62 . 554 62 . 554-62 . 554h386 . 892zM446 265 . 638c0-22 . 964-18 . 616-41 . 58-41 . 58-41 . 58-11 . 211 . 0-21 . 361 4 . 457-28 . 841 11 . 666-28 . 424-20 . 508-67 . 586-33 . 757-111 . 204-35 . 278l18 . 941-89 . 121 61 . 884 13 . 157c . 756 15 . 734 13 . 642 28 . 29 29 . 56 28 . 29 16 . 407 . 0 29 . 706-13 . 299 29 . 706-29 . 701 . 0-16 . 403-13 . 299-29 . 702-29 . 706-29 . 702-11 . 666 . 0-21 . 657 6 . 792-26 . 515 16 . 578l-69 . 105-14 . 69c-1 . 922- . 418-3 . 939- . 042-5 . 585 1 . 036-1 . 658 1 . 073-2 . 811 2 . 761-3 . 224 4 . 686l-21 . 152 99 . 438c-44 . 258 1 . 228-84 . 046 14 . 494-112 . 837 35 . 232-7 . 468-7 . 164-17 . 589-11 . 591-28 . 757-11 . 591-22 . 965 . 0-41 . 585 18 . 616-41 . 585 41 . 58 . 0 16 . 896 10 . 095 31 . 41 24 . 568 37 . 918- . 639 4 . 135- . 99 8 . 328- . 99 12 . 576 . 0 63 . 977 74 . 469 115 . 836 166 . 33 115 . 836s166 . 334-51 . 859 166 . 334-115 . 836c0-4 . 218- . 347-8 . 387- . 977-12 . 493 14 . 564-6 . 47 24 . 735-21 . 034 24 . 735-38 . 001zM326 . 526 373 . 831c-20 . 27 20 . 241-59 . 115 21 . 816-70 . 534 21 . 816-11 . 428 . 0-50 . 277-1 . 575-70 . 522-21 . 82-3 . 007-3 . 008-3 . 007-7 . 882 . 0-10 . 889 3 . 003-2 . 999 7 . 882-3 . 003 10 . 885 . 0 12 . 777 12 . 781 40 . 11 17 . 317 59 . 637 17 . 317 19 . 522 . 0 46 . 86-4 . 536 59 . 657-17 . 321 3 . 016-2 . 999 7 . 88
2022-01-21 19:56:05 +01:00
< span > Powered by
2021-05-01 08:28:48 +02:00
< a href = https://gohugo.io/ rel = "noopener noreferrer" target = _blank > Hugo< / a > &
2022-07-16 08:59:18 +02:00
< a href = https://github.com/adityatelange/hugo-PaperMod/ rel = noopener target = _blank > PaperMod< / a > < / span > < / footer > < a href = #top aria-label = "go to top" title = "Go to Top (Alt + G)" class = top-link id = top-link accesskey = g > < svg xmlns = "http://www.w3.org/2000/svg" viewBox = "0 0 12 6" fill = "currentcolor" > < path d = "M12 6H0l6-6z" / > < / svg > < / a > < script > let menu = document . getElementById ( "menu" ) ; menu && ( menu . scrollLeft = localStorage . getItem ( "menu-scroll-position" ) , menu . onscroll = function ( ) { localStorage . setItem ( "menu-scroll-position" , menu . scrollLeft ) } ) , document . querySelectorAll ( 'a[href^="#"]' ) . forEach ( e => { e . addEventListener ( "click" , function ( e ) { e . preventDefault ( ) ; var t = this . getAttribute ( "href" ) . substr ( 1 ) ; window . matchMedia ( "(prefers-reduced-motion: reduce)" ) . matches ? document . querySelector ( ` [id=' ${ decodeURIComponent ( t ) } '] ` ) . scrollIntoView ( ) : document . querySelector ( ` [id=' ${ decodeURIComponent ( t ) } '] ` ) . scrollIntoView ( { behavior : "smooth" } ) , t === "top" ? history . replaceState ( null , null , " " ) : history . pushState ( null , null , ` # ${ t } ` ) } ) } ) < / script > < script > var mybutton = document . getElementById ( "top-link" ) ; window . onscroll = function ( ) { document . body . scrollTop > 800 || document . documentElement . scrollTop > 800 ? ( mybutton . style . visibility = "visible" , mybutton . style . opacity = "1" ) : ( mybutton . style . visibility = "hidden" , mybutton . style . opacity = "0" ) } < / script > < script > document . getElementById ( "theme-toggle" ) . addEventListener ( "click" , ( ) => { document . body . className . includes ( "dark" ) ? ( document . body . classList . remove ( "dark" ) , localStorage . setItem ( "pref-theme" , "light" ) ) : ( document . body . classList . add ( "dark" ) , localStorage . setItem ( "pref-theme" , "dark" ) ) } ) < / script > < script > document . querySelectorAll ( "pre > code" ) . forEach ( e => { const n = e . parentNode . parentNode , t = document . createElement ( "button" ) ; t . classList . add ( "copy-code" ) , t . innerHTML = "copy" ; function s ( ) { t . innerHTML = "copied!" , setTimeout ( ( ) => { t . innerHTML = "copy" } , 2e3 ) } t . addEventListener ( "click" , t => { if ( "clipboard" in navigator ) { navigator . clipboard . writeText ( e . textContent ) , s ( ) ; return } const n = document . createRange ( ) ; n . selectNodeContents ( e ) ; const o = window . getSelection ( ) ; o . removeAllRanges ( ) , o . addRange ( n ) ; try { document . execCommand ( "copy" ) , s ( ) } catch { } o . removeRange ( n ) } ) , n . classList . contains ( "highlight" ) ? n . appendChild ( t ) : n . parentNode . firstChild == n || ( e . parentNode . parentNode . parentNode . parentNode . parentNode . nodeName == "TABLE" ? e . parentNode . parentNode . parentNode . parentNode . parentNode . appendChild ( t ) : e . parentNode . appendChild ( t ) ) } ) < / script > < / body > < / html >
