chore(doc): update zh-CN other plugin doc
parent
628e318131
commit
53f6e0ee09
|
@ -53,7 +53,7 @@ plugins:
|
|||
|
||||
Additionally, in order to use Justified Gallery, wrap your images with the `<div class="justified-gallery">`
|
||||
and `</div>` HTML tag pair.
|
||||
Also, if you are using Markdown syntax to include images, add additional empty lines between the HTMl tags and
|
||||
Also, if you are using Markdown syntax to include images, add additional empty lines between the HTML tags and
|
||||
Markdown tags.
|
||||
For example, the Markdown code of the gallery preview below is
|
||||
|
||||
|
@ -154,7 +154,7 @@ $$
|
|||
$$
|
||||
{% endcodeblock %}
|
||||
|
||||
or simply wrap the whole equation with an additional HTML tag:
|
||||
or simply wrap the whole equation with an additional pair of HTML tags:
|
||||
|
||||
{% codeblock Some-Post.md lang:tex %}
|
||||
<div>
|
||||
|
|
|
@ -22,21 +22,21 @@ providers:
|
|||
iconcdn: loli
|
||||
---
|
||||
|
||||
<div class="notification is-success is-size-6">
|
||||
本文同时提供以下语言的翻译:<a href="{% post_path en/Other-Plugins %}">English</a>。
|
||||
</div>
|
||||
|
||||
本文介绍Icarus 3支持的其他插件的安装配置。
|
||||
|
||||
<article class="message message-immersive is-primary">
|
||||
<div class="message-body">
|
||||
<i class="fas fa-globe-americas mr-2"></i>本文同时提供以下语言的翻译:<a href="{% post_path en/Other-Plugins %}">English</a>。
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- more -->
|
||||
|
||||
<div class="notification is-link is-size-6">
|
||||
|
||||
部分下述插件由[ppoffice/hexo-component-inferno](https://github.com/ppoffice/hexo-component-inferno)
|
||||
提供,它们的配置请以其为准。
|
||||
|
||||
<article class="message message-immersive is-primary">
|
||||
<div class="message-body">
|
||||
<i class="fas fa-info-circle mr-2"></i>下面的插件由<a href="https://github.com/ppoffice/hexo-component-inferno">ppoffice/hexo-component-inferno</a>提供,完整的支持插件列表和配置详情以其为准。
|
||||
</div>
|
||||
|
||||
</article>
|
||||
|
||||
## 画廊
|
||||
|
||||
|
@ -51,9 +51,9 @@ plugins:
|
|||
gallery: true
|
||||
{% endcodeblock %}
|
||||
|
||||
另外,若要使用Justified Gallery,请将你的多个图片包裹在`<div class="justified-gallery">`与`</div>`的HTML标签对中。
|
||||
此外,若要使用Justified Gallery,请将你的图片包裹在`<div class="justified-gallery">`与`</div>`的HTML标签对中。
|
||||
并且如果你使用的是Markdown语法来引用图片的话,请在HTML标签和Markdown之间添加空行。
|
||||
例如下方的效果预览的Markdown代码为:
|
||||
例如,下方画廊预览的Markdown代码为:
|
||||
|
||||
{% codeblock "Justified-Gallery-Markdown.md" lang:markdown >folded %}
|
||||
<div class="justified-gallery">
|
||||
|
@ -68,7 +68,8 @@ plugins:
|
|||
</div>
|
||||
{% endcodeblock %}
|
||||
|
||||
同样,我们也可使用纯HTML来实现Justified Gallery,这样标签之间就不需要添加空行了:
|
||||
同样,我们也可使用纯HTML来创建Justified Gallery。
|
||||
这种情况下HTML标签之间就不需要添加空行了:
|
||||
|
||||
{% codeblock "Justified-Gallery-HTML.md" lang:html >folded %}
|
||||
<div class="justified-gallery">
|
||||
|
@ -84,9 +85,14 @@ plugins:
|
|||
|
||||
**效果预览**
|
||||
|
||||
下面是Justified Gallery实现的多图片网格化展示。点击其中的任意可另外查看lightGallery的全图展示效果。
|
||||
下面是Justified Gallery实现的图片网格。
|
||||
你也可以点击其中的任意图片查看lightGallery的全图展示效果。
|
||||
|
||||
> 下面的图片来源于<a href="https://www.pexels.com">pexel.com</a>
|
||||
<article class="message message-immersive is-primary">
|
||||
<div class="message-body">
|
||||
<i class="fas fa-info-circle mr-2"></i>下面的图片来源于<a href="https://www.pexels.com">pexel.com</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<div class="justified-gallery">
|
||||
|
||||
|
@ -104,14 +110,16 @@ plugins:
|
|||
|
||||
**安装指南**
|
||||
|
||||
你可以使用KaTeX插件来渲染\\(\TeX\\)数学公式。若要启用KaTeX插件,请将主题配置中`plugins` > `katex`的值设置为`true`。
|
||||
你可以使用KaTeX插件来渲染\\(\TeX\\)数学公式。
|
||||
若要启用KaTeX插件,请将主题配置中`plugins` > `katex`的值设置为`true`。
|
||||
|
||||
{% codeblock themes/icarus/_config.yml lang:yaml %}
|
||||
plugins:
|
||||
katex: true
|
||||
{% endcodeblock %}
|
||||
|
||||
在使用时,请使用`\\(`和`\\)`包裹行内公式,`$$`或`\\[`与`\\]`标签对包裹块状公式。例如:
|
||||
请使用`\\(`和`\\)`包裹你的行内公式,使用`$$`或`\\[`与`\\]`标签对包裹块状公式。
|
||||
例如:
|
||||
|
||||
{% codeblock Some-Post.md lang:markdown >folded %}
|
||||
这是一个行内公式:\\(ax^2+bx+c=0\\)。
|
||||
|
@ -126,7 +134,7 @@ $$\displaystyle \frac{1}{\Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{\frac25 \pi}}
|
|||
{% endcodeblock %}
|
||||
|
||||
有时你的\\(\TeX\\)语法会被错认为Markdown语法而导致公式渲染异常。
|
||||
例如,下面的公式不会渲染成功,因为其中包含多个`_`(下划线)而被Markdown渲染器错误的认成Markdown的斜体字语法。
|
||||
例如,下面的公式不会渲染成功,因为其中包含多个`_`(下划线)而被Markdown渲染器错误的认成Markdown的斜体字语法:
|
||||
|
||||
{% codeblock Some-Post.md lang:tex %}
|
||||
$$
|
||||
|
@ -142,7 +150,7 @@ $$
|
|||
$$
|
||||
{% endcodeblock %}
|
||||
|
||||
或是简单的将整个公式用一个HTML标签包裹起来:
|
||||
或是简单地将整个公式用一个额外的HTML标签对包裹起来:
|
||||
|
||||
{% codeblock Some-Post.md lang:tex %}
|
||||
<div>
|
||||
|
@ -157,14 +165,16 @@ $$
|
|||
|
||||
**安装指南**
|
||||
|
||||
你可以使用MathJax插件来渲染\\(\TeX\\),MathML,或AsciiMath数学公式。若要启用MathJax插件,请将主题配置中`plugins` > `mathjax`的值设置为`true`。
|
||||
你可以使用MathJax插件来渲染\\(\TeX\\),MathML,或AsciiMath数学公式。
|
||||
若要启用MathJax插件,请将主题配置中`plugins` > `mathjax`的值设置为`true`。
|
||||
|
||||
{% codeblock themes/icarus/_config.yml lang:yaml %}
|
||||
plugins:
|
||||
mathjax: true
|
||||
{% endcodeblock %}
|
||||
|
||||
当使用\\(\TeX\\)语法时,请使用`$`或`\\(`与`\\)`包裹行内公式,`$$`或`\\[`与`\\]`标签对包裹块状公式。或者使用\\(\LaTeX\\)环境。例如:
|
||||
当使用\\(\TeX\\)语法时,请使用`$`或`\\(`与`\\)`包裹行内公式,`$$`或`\\[`与`\\]`标签对包裹块状公式。
|
||||
或者使用\\(\LaTeX\\)环境。例如:
|
||||
|
||||
{% codeblock Tex-Example.md lang:markdown >folded %}
|
||||
这是一个行内公式:\\(ax^2+bx+c=0\\)。这是另一个行内公式:$ax^2+bx+c>0$。
|
||||
|
@ -242,14 +252,15 @@ A =
|
|||
</math>
|
||||
{% endcodeblock %}
|
||||
|
||||
同样MathJax也支持AsciiMath,公式使用<code>\\`</code>包裹。
|
||||
同样地,你也可以使用MathJax支持的AsciiMath。
|
||||
公式需包裹在<code>\\`</code>内。
|
||||
|
||||
{% codeblock AsciiMath-Example.md lang:markdown >folded %}
|
||||
当\`a != 0\`,方程\`ax^2 + bx + c = 0\`有两个解,它们是<p style="text-align:center">\`x = (-b +- sqrt(b^2-4ac))/(2a)\`.</p>
|
||||
{% endcodeblock %}
|
||||
|
||||
有时你的\\(\TeX\\)语法会被错认为Markdown语法而导致公式渲染异常。
|
||||
请参照[KaTeX](#KaTeX)一节来解决此问题。
|
||||
请参照[KaTeX](#KaTeX)一节来查看解决方案。
|
||||
|
||||
**效果预览(\\(\TeX\\) & \\(\LaTeX\\))**
|
||||
|
||||
|
@ -334,7 +345,7 @@ A =
|
|||
|
||||
**安装指南**
|
||||
|
||||
你可以开启浏览器升级提醒(Outdated Browser)来提醒使用老旧浏览器的网站访客升级浏览器。
|
||||
你可以使用浏览器升级提醒(Outdated Browser)插件来检测你的网站访客使用的老旧浏览器,并提醒他们升级浏览器。
|
||||
若要启用此插件,请将主题配置中`plugins` > `outdated_browser`的值设置为`true`。
|
||||
点击[此处](https://bestvpn.org/outdatedbrowser/en)即可预览插件开启效果。
|
||||
|
||||
|
@ -348,14 +359,15 @@ plugins:
|
|||
|
||||
**安装指南**
|
||||
|
||||
Icarus默认启用网页载入动画,若需禁止载入动画,请将`plugins` > `animejs`的值设置为`false`。
|
||||
Icarus默认启用网页载入动画。
|
||||
若需禁止载入动画,请在你的主题配置中将`plugins` > `animejs`设置为`false`。
|
||||
|
||||
{% codeblock themes/icarus/_config.yml lang:yaml %}
|
||||
plugins:
|
||||
animejs: false
|
||||
{% endcodeblock %}
|
||||
|
||||
另外,若需隐藏网页载入进度条,请将`plugins` > `progressbar`的值设置为`false`。
|
||||
另外,若需禁用网页载入进度条,请在你的主题配置中将`plugins` > `progressbar`设置为`false`。
|
||||
|
||||
{% codeblock themes/icarus/_config.yml lang:yaml %}
|
||||
plugins:
|
||||
|
@ -363,6 +375,8 @@ plugins:
|
|||
{% endcodeblock %}
|
||||
|
||||
|
||||
<div class="notification is-warning is-size-6">
|
||||
文章内容有误?请点击<a href="https://github.com/ppoffice/hexo-theme-icarus/edit/site/source/_posts/zh-CN/Other-Plugins.md">此处</a>提交修改。
|
||||
<article class="message message-immersive is-warning">
|
||||
<div class="message-body">
|
||||
<i class="fas fa-question-circle mr-2"></i>文章内容有误?请点击<a href="https://github.com/ppoffice/hexo-theme-icarus/edit/site/source/_posts/zh-CN/Other-Plugins.md">此处</a>提交修改。
|
||||
</div>
|
||||
</article>
|
||||
|
|
Loading…
Reference in New Issue