title: Icarus User Guide - Other Plugins
date: 2017-01-31
categories:
- Plugins
- Other
tags:
- Icarus User Guide
language: en
toc: true
---
This article is also available in:
简体中文.
Some of the following plugins are provided by
[ppoffice/hexo-component-inferno](https://github.com/ppoffice/hexo-component-inferno).
Please refer to it for configuration details.
## Gallery
**Installation Guide**
The gallery plugin of Icarus contains both [lightGallery](https://sachinchoolur.github.io/lightGallery/) and
[Justified Gallery](https://miromannino.github.io/Justified-Gallery/) extensions.
To enable it, please set `plugins` > `gallery` to `true` in your theme's configuration file.
{% codeblock themes/icarus/_config.yml lang:yaml %}
plugins:
gallery: true
{% endcodeblock %}
Additionally, in order to use Justified Gallery, please wrap your images with the ``
and `
` HTML tag pair.
Also, if you are using Markdown syntax to include images, please add additional empty lines between the HTMl tags and
Markdown tags.
For example, the Markdown code of the gallery preview below is
{% codeblock "Justified-Gallery-Markdown.md" lang:markdown >folded %}
{% endcodeblock %}
Meanwhile, we can use pure HTML to create Justified Galleries as well.
In this case, we will not need the empty lines between HTML tags.
{% codeblock "Justified-Gallery-HTML.md" lang:html >folded %}
{% endcodeblock %}
**Preview**
Here is an image grid created by Justified Gallery.
You can also view the full image using lightGallery by clicking on any image.
> The following photos come from pexel.com
## KaTeX
**Installation Guide**
You can use the KaTeX plugin to render \\(\TeX\\) expressions.
To enable KaTeX, please set `plugins` > `katex` to `true` in your theme's configuration file.
{% codeblock themes/icarus/_config.yml lang:yaml %}
plugins:
katex: true
{% endcodeblock %}
Please also use `\\(` and `\\)` to wrap your inline expressions and `$$` or `\\[` and `\\]` pair to wrap
block expressions.
For example,
{% codeblock Some-Post.md lang:markdown >folded %}
This is an inline expression: \\(ax^2+bx+c=0\\).
This is a block expression:
$$\displaystyle \frac{1}{\Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{\frac25 \pi}} =
1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {1+\frac{e^{-6\pi}}
{1+\frac{e^{-8\pi}} {1+\cdots} } } }$$
This is another block expression:
\\[f(x) = \int_{-\infty}^\infty\hat f(\xi)e^{2 \pi i \xi x}d\xi\\]
{% endcodeblock %}
## MathJax
**Installation Guide**
You can use MathJax to render \\(\TeX\\), MathML, or AsciiMath expressions.
To enable MathJax, please set `plugins` > `mathjax` to `true` in your theme's configuration file.
{% codeblock themes/icarus/_config.yml lang:yaml %}
plugins:
mathjax: true
{% endcodeblock %}
When using the \\(\TeX\\) syntax, please use `$` or `\\(` and `\\)` to wrap your inline expressions and
and `$$` or `\\[` and `\\]` pair to wrap block expressions.
You can also use \\(\LaTeX\\) environments directly.
For example,
{% codeblock Tex-Example.md lang:markdown >folded %}
This is an inline expression: \\(ax^2+bx+c=0\\). This is another inline expression: $ax^2+bx+c>0$.
This is a block expression:
$$\displaystyle \frac{1}{\Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{\frac25 \pi}} =
1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {1+\frac{e^{-6\pi}}
{1+\frac{e^{-8\pi}} {1+\cdots} } } }$$
This is another block expression:
\\[f(x) = \int_{-\infty}^\infty\hat f(\xi)e^{2 \pi i \xi x}d\xi\\]
Or use \\(\LaTeX\\) environment:
\\begin{equation}
A =
\\begin{bmatrix}
a & b \\\\
c & c
\\end{bmatrix}
\\end{equation}
{% endcodeblock %}
Or you can use MathML syntax.
For example,
{% codeblock MathML-Example.md lang:html >folded %}
When
,
there are two solutions to
and they are
{% endcodeblock %}
Similarly, you can also use AsciiMath supported by MathJax.
Expressions should be wrapped in \\` in this case.
{% codeblock AsciiMath-Example.md lang:markdown >folded %}
When \`a != 0\`, there are two solutions to \`ax^2 + bx + c = 0\` and they are \`x = (-b +- sqrt(b^2-4ac))/(2a)\`.
{% endcodeblock %}
**Preview(\\(\TeX\\) & \\(\LaTeX\\))**
This is an inline expression: \\(ax^2+bx+c=0\\). This is another inline expression: $ax^2+bx+c>0$.
This is a block expression:
$$\displaystyle \frac{1}{\Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{\frac25 \pi}} =
1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {1+\frac{e^{-6\pi}}
{1+\frac{e^{-8\pi}} {1+\cdots} } } }$$
This is another block expression:
\\[f(x) = \int_{-\infty}^\infty\hat f(\xi)e^{2 \pi i \xi x}d\xi\\]
Or use \\(\LaTeX\\) environment:
\\begin{equation}
A =
\\begin{bmatrix}
a & b \\\\
c & c
\\end{bmatrix}
\\end{equation}
**Preview(MathML)**
When
,
there are two solutions to
and they are
**Preview(AsciiMath)**
When \`a != 0\`, there are two solutions to \`ax^2 + bx + c = 0\` and they are \`x = (-b +- sqrt(b^2-4ac))/(2a)\`.
## Outdated Browser
**Installation Guide**
You can use the Outdated Browser plugin to detect outdated browsers used by
your site's visitors and remind them to upgrade their browsers.
To enable it, please set `plugins` > `outdated_browser` to `true` in your theme's configuration file.
Click [here](https://bestvpn.org/outdatedbrowser/en) to see a live preview of this plugin.
{% codeblock themes/icarus/_config.yml lang:yaml %}
plugins:
outdated_browser: true
{% endcodeblock %}
## Page Loading Animations
**Installation Guide**
Page Loading Animations are enabled by Icarus by default.
To disable it, please set `plugins` > `animejs` to `false` in your theme's configuration file.
{% codeblock themes/icarus/_config.yml lang:yaml %}
plugins:
animejs: false
{% endcodeblock %}
Also, to disable the page loading progressbar, please set `plugins` > `progressbar` to `false` in
your theme's configuration file.
{% codeblock themes/icarus/_config.yml lang:yaml %}
plugins:
progressbar: false
{% endcodeblock %}
Something wrong with this article? Click
here to submit your revision.
