Comments (1)
I added MathJaX support using Shortcode.
In layouts/shortcodes/MathJaX.html
:
{{ .Inner }}
In forty/layouts/partials/header.html
:
...
{{ with .Site.Params.favicon }}
<link rel="shortcut icon" type="image/x-icon" href="{{ . | absURL }}">
<link rel="icon" type="image/x-icon" href="{{ . | absURL }}">
{{ end }}
{{ if .Page.Params.enableMathJaX }}
{{ partial "MathJaX.html" . }}
{{ end }}
...
In layouts/partials/MathJax.html
:
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
extensions: ["tex2jax.js"],
jax: ["input/TeX", "output/HTML-CSS"],
tex2jax: {
inlineMath: [ ['$','$'], ["\\(","\\)"] ],
displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
processEscapes: true
},
"HTML-CSS": { fonts: ["TeX"] }
});
</script>
<script type="text/javascript"
src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=TeX-AMS_CHTML">
</script>
In the markdown file:
{{< MathJaX >}}
$$
\begin{vmatrix}a & b\\
c & d
\end{vmatrix}
$$
{{< /MathJaX >}}
from forty.
Related Issues (20)
- Missing package.json? HOT 1
- Allow templates to work for different content sections (other than 'blogs')
- Images missing max-width property HOT 2
- email address link is stubbed out
- 发送 message 是部署之后调内置的接口还是自己设置 HOT 1
- Want a paging configuration options.
- Is it possible to place the Navigation Links in the header? HOT 2
- The site runs fine on my laptop, but does not render correctly on Netlify. HOT 1
- Using Landing instead of Generic
- $window.on('load pageshow', function() doesn't work on mbile devices
- Support multi language sites
- Please add support for custom CSS HOT 3
- Changing colors HOT 1
- Subtitle not showing on mobile
- Using Newer jQuery (`3.x`) Makes the Menu Malfunctioning on Reload HOT 4
- Using Hugo Notice and Button shortcodes?
- Compatibility Issue with Safari and Opera - Incorrect Image Paths HOT 7
- tel: link HOT 2
- SOLVED site not properly rendered HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from forty.