feat(style): simplify blockquote style and rm fa-fw for fontawesome syntax (#257)

This commit is contained in:
Dillon
2020-04-25 02:05:43 +08:00
committed by GitHub
parent 7ab1c10639
commit 41a92c6166
20 changed files with 200 additions and 209 deletions

View File

@@ -51,7 +51,7 @@ John Gruber, the author of Markdown, puts it like this:
Without further delay, let us go over the main elements of Markdown and what the resulting HTML looks like!
{{< admonition tip >}}
:(far fa-bookmark): Bookmark this page for easy future reference!
:(far fa-bookmark fa-fw): Bookmark this page for easy future reference!
{{< /admonition >}}
## 1 Headings

View File

@@ -56,7 +56,7 @@ John Gruber, the author of Markdown, puts it like this:
Without further delay, let us go over the main elements of Markdown and what the resulting HTML looks like!
{{< admonition tip >}}
:(far fa-bookmark): Bookmark this page for easy future reference!
:(far fa-bookmark fa-fw): Bookmark this page for easy future reference!
{{< /admonition >}}
## 1 Headings

View File

@@ -51,7 +51,7 @@ John Gruber, Markdown 的作者如是说:
话不多说, 我们来回顾一下 Markdown 的主要语法以及生成的 HTML 样式!
{{< admonition tip >}}
:(far fa-bookmark): 将此页保存为书签,以备将来参考!
:(far fa-bookmark fa-fw): 将此页保存为书签,以备将来参考!
{{< /admonition >}}
## 1 标题

View File

@@ -26,7 +26,7 @@ Discover what the Hugo - **LoveIt** theme is all about and the core-concepts beh
Thanks to the simplicity of Hugo, [Hugo](https://gohugo.io/) is the only dependency of this theme.
Just install latest version of [:(far fa-file-archive): Hugo extended (> 0.62.0)](https://gohugo.io/getting-started/installing/) for your OS (**Windows**, **Linux**, **macOS**).
Just install latest version of [:(far fa-file-archive fa-fw): Hugo extended (> 0.62.0)](https://gohugo.io/getting-started/installing/) for your OS (**Windows**, **Linux**, **macOS**).
{{< admonition note "Why not support earlier versions of Hugo?" >}}
Since [Markdown Render Hooks](https://gohugo.io/getting-started/configuration-markup/#markdown-render-hooks) was introduced in the [Hugo Christmas Edition](https://gohugo.io/news/0.62.0-relnotes/), this theme only supports Hugo versions above **0.62.0**.
@@ -53,7 +53,7 @@ cd my_website
The **LoveIt** themes repository is: [https://github.com/dillonzq/LoveIt](https://github.com/dillonzq/LoveIt).
You can download the [latest release :(far fa-file-archive): .zip file](https://github.com/dillonzq/LoveIt/releases) of the theme and extract it in the `themes` directory.
You can download the [latest release :(far fa-file-archive fa-fw): .zip file](https://github.com/dillonzq/LoveIt/releases) of the theme and extract it in the `themes` directory.
Alternatively, clone this repository to the `themes` directory:
@@ -362,8 +362,6 @@ Note that some of these parameters are explained in details in other sections of
hiddenFromSearch = false
# whether to enable lightgallery
lightgallery = false
# {{< version 0.2.0 >}} whether to show the copy button of the code block
copyCode = true
# {{< version 0.2.0 >}} whether to enable the ruby extended syntax
ruby = true
# {{< version 0.2.0 >}} whether to enable the fraction extended syntax
@@ -391,6 +389,10 @@ Note that some of these parameters are explained in details in other sections of
copyTex = true
# KaTeX extension mhchem
mhchem = true
# {{< version 0.2.0 >}} Code config
[params.page.code]
# whether to show the copy button of the code block
copy = true
# {{< version 0.2.0 >}} {{< link "https://docs.mapbox.com/mapbox-gl-js" "Mapbox GL JS" >}} config
[params.page.mapbox]
# access token of Mapbox GL JS
@@ -485,7 +487,7 @@ Note that some of these parameters are explained in details in other sections of
outlined = false
# {{< version 0.2.0 >}} {{< link "https://commento.io/" "Commento" >}} comment config
[params.page.comment.commento]
enable = true
enable = false
# {{< version 0.2.0 >}} SEO config
[params.page.seo]
# Publisher info
@@ -754,12 +756,12 @@ In `config/css/_custom.scss`, you can add some css style code to customize the s
| Language | Hugo Code | HTML `lang` Attribute | Theme Docs | Lunr.js Support |
|:------------------ |:---------:|:---------------------:|:-----------------------:|:-----------------------:|
| English | `en` | `en` | :(far fa-check-square): | :(far fa-check-square): |
| Simplified Chinese | `zh-cn` | `zh-CN` | :(far fa-check-square): | :(far fa-check-square): |
| French | `fr` | `fr` | :(far fa-square): | :(far fa-check-square): |
| Polish | `pl` | `pl` | :(far fa-square): | :(far fa-square): |
| English | `en` | `en` | :(far fa-check-square fa-fw): | :(far fa-check-square fa-fw): |
| Simplified Chinese | `zh-cn` | `zh-CN` | :(far fa-check-square fa-fw): | :(far fa-check-square fa-fw): |
| French | `fr` | `fr` | :(far fa-square fa-fw): | :(far fa-check-square fa-fw): |
| Polish | `pl` | `pl` | :(far fa-square fa-fw): | :(far fa-square fa-fw): |
:(far fa-kiss-wink-heart): **Feel free to [contribute](https://github.com/dillonzq/LoveIt/pulls)!**
:(far fa-kiss-wink-heart fa-fw): **Feel free to [contribute](https://github.com/dillonzq/LoveIt/pulls)!**
### 4.2 Basic Configuration

View File

@@ -31,7 +31,7 @@ Welcome to take the time to propose a translation by [making a PR](https://githu
Thanks to the simplicity of Hugo, [Hugo](https://gohugo.io/) is the only dependency of this theme.
Just install latest version of [:(far fa-file-archive): Hugo extended (> 0.62.0)](https://gohugo.io/getting-started/installing/) for your OS (**Windows**, **Linux**, **macOS**).
Just install latest version of [:(far fa-file-archive fa-fw): Hugo extended (> 0.62.0)](https://gohugo.io/getting-started/installing/) for your OS (**Windows**, **Linux**, **macOS**).
{{< admonition note "Why not support earlier versions of Hugo?" >}}
Since [Markdown Render Hooks](https://gohugo.io/getting-started/configuration-markup/#markdown-render-hooks) was introduced in the [Hugo Christmas Edition](https://gohugo.io/news/0.62.0-relnotes/), this theme only supports Hugo versions above **0.62.0**.
@@ -58,7 +58,7 @@ cd my_website
The **LoveIt** themes repository is: [https://github.com/dillonzq/LoveIt](https://github.com/dillonzq/LoveIt).
You can download the [latest release :(far fa-file-archive): .zip file](https://github.com/dillonzq/LoveIt/releases) of the theme and extract it in the `themes` directory.
You can download the [latest release :(far fa-file-archive fa-fw): .zip file](https://github.com/dillonzq/LoveIt/releases) of the theme and extract it in the `themes` directory.
Alternatively, clone this repository to the `themes` directory:
@@ -367,8 +367,6 @@ Note that some of these parameters are explained in details in other sections of
hiddenFromSearch = false
# whether to enable lightgallery
lightgallery = false
# {{< version 0.2.0 >}} whether to show the copy button of the code block
copyCode = true
# {{< version 0.2.0 >}} whether to enable the ruby extended syntax
ruby = true
# {{< version 0.2.0 >}} whether to enable the fraction extended syntax
@@ -396,6 +394,10 @@ Note that some of these parameters are explained in details in other sections of
copyTex = true
# KaTeX extension mhchem
mhchem = true
# {{< version 0.2.0 >}} Code config
[params.page.code]
# whether to show the copy button of the code block
copy = true
# {{< version 0.2.0 >}} {{< link "https://docs.mapbox.com/mapbox-gl-js" "Mapbox GL JS" >}} config
[params.page.mapbox]
# access token of Mapbox GL JS
@@ -490,7 +492,7 @@ Note that some of these parameters are explained in details in other sections of
outlined = false
# {{< version 0.2.0 >}} {{< link "https://commento.io/" "Commento" >}} comment config
[params.page.comment.commento]
enable = true
enable = false
# {{< version 0.2.0 >}} SEO config
[params.page.seo]
# Publisher info
@@ -759,12 +761,12 @@ In `config/css/_custom.scss`, you can add some css style code to customize the s
| Language | Hugo Code | HTML `lang` Attribute | Theme Docs | Lunr.js Support |
|:------------------ |:---------:|:---------------------:|:-----------------------:|:-----------------------:|
| English | `en` | `en` | :(far fa-check-square): | :(far fa-check-square): |
| Simplified Chinese | `zh-cn` | `zh-CN` | :(far fa-check-square): | :(far fa-check-square): |
| French | `fr` | `fr` | :(far fa-square): | :(far fa-check-square): |
| Polish | `pl` | `pl` | :(far fa-square): | :(far fa-square): |
| English | `en` | `en` | :(far fa-check-square fa-fw): | :(far fa-check-square fa-fw): |
| Simplified Chinese | `zh-cn` | `zh-CN` | :(far fa-check-square fa-fw): | :(far fa-check-square fa-fw): |
| French | `fr` | `fr` | :(far fa-square fa-fw): | :(far fa-check-square fa-fw): |
| Polish | `pl` | `pl` | :(far fa-square fa-fw): | :(far fa-square fa-fw): |
:(far fa-kiss-wink-heart): **Feel free to [contribute](https://github.com/dillonzq/LoveIt/pulls)!**
:(far fa-kiss-wink-heart fa-fw): **Feel free to [contribute](https://github.com/dillonzq/LoveIt/pulls)!**
### 4.2 Basic Configuration

View File

@@ -26,7 +26,7 @@ toc:
由于 Hugo 提供的便利性, [Hugo](https://gohugo.io/) 本身是这个主题唯一的依赖.
直接安装满足你操作系统 (**Windows**, **Linux**, **macOS**) 的最新版本 [:(far fa-file-archive): Hugo extended (> 0.62.0)](https://gohugo.io/getting-started/installing/).
直接安装满足你操作系统 (**Windows**, **Linux**, **macOS**) 的最新版本 [:(far fa-file-archive fa-fw): Hugo extended (> 0.62.0)](https://gohugo.io/getting-started/installing/).
{{< admonition note "为什么不支持早期版本的 Hugo?" >}}
由于 [Markdown 渲染钩子函数](https://gohugo.io/getting-started/configuration-markup/#markdown-render-hooks) 在 [Hugo 圣诞节版本](https://gohugo.io/news/0.62.0-relnotes/) 中被引入, 本主题只支持高于 **0.62.0** 的 Hugo 版本.
@@ -53,7 +53,7 @@ cd my_website
**LoveIt** 主题的仓库是: [https://github.com/dillonzq/LoveIt](https://github.com/dillonzq/LoveIt).
你可以下载主题的 [最新版本 :(far fa-file-archive): .zip 文件](https://github.com/dillonzq/LoveIt/releases) 并且解压放到 `themes` 目录.
你可以下载主题的 [最新版本 :(far fa-file-archive fa-fw): .zip 文件](https://github.com/dillonzq/LoveIt/releases) 并且解压放到 `themes` 目录.
另外, 也可以直接把这个主题克隆到 `themes` 目录:
@@ -365,8 +365,6 @@ hugo
hiddenFromSearch = false
# 是否在文章页面使用 lightgallery
lightgallery = true
# {{< version 0.2.0 >}} 是否显示代码块的复制按钮
copyCode = true
# {{< version 0.2.0 >}} 是否使用 ruby 扩展语法
ruby = true
# {{< version 0.2.0 >}} 是否使用 fraction 扩展语法
@@ -381,6 +379,10 @@ hugo
enable = true
# 是否使目录自动折叠展开
auto = true
# {{< version 0.2.0 >}} 代码配置
[params.page.code]
# 是否显示代码块的复制按钮
copy = true
# {{< version 0.2.0 changed >}} {{< link "https://katex.org/" KaTeX >}} 数学公式
[params.page.math]
enable = true
@@ -488,7 +490,7 @@ hugo
outlined = false
# {{< version 0.2.0 >}} {{< link "https://commento.io/" "Commento" >}} 评论系统设置
[params.page.comment.commento]
enable = true
enable = false
# {{< version 0.2.0 >}} SEO config
[params.page.seo]
# 出版者信息
@@ -757,12 +759,12 @@ $code-font-family: Fira Mono, Source Code Pro, Menlo, Consolas, Monaco, monospac
| 语言 | Hugo 代码 | HTML `lang` 属性 | 主题文档 | Lunr.js 支持 |
|:---- |:----:|:----:|:----:|:----:|
| 英语 | `en` | `en` | :(far fa-check-square): | :(far fa-check-square): |
| 简体中文 | `zh-cn` | `zh-CN` | :(far fa-check-square): | :(far fa-check-square): |
| 法语 | `fr` | `fr` | :(far fa-square): | :(far fa-check-square): |
| 波兰语 | `pl` | `pl` | :(far fa-square): | :(far fa-square): |
| 英语 | `en` | `en` | :(far fa-check-square fa-fw): | :(far fa-check-square fa-fw): |
| 简体中文 | `zh-cn` | `zh-CN` | :(far fa-check-square fa-fw): | :(far fa-check-square fa-fw): |
| 法语 | `fr` | `fr` | :(far fa-square fa-fw): | :(far fa-check-square fa-fw): |
| 波兰语 | `pl` | `pl` | :(far fa-square fa-fw): | :(far fa-square fa-fw): |
:(far fa-kiss-wink-heart): **请自由地[贡献代码](https://github.com/dillonzq/LoveIt/pulls)!**
:(far fa-kiss-wink-heart fa-fw): **请自由地[贡献代码](https://github.com/dillonzq/LoveIt/pulls)!**
### 4.2 基本配置

View File

@@ -63,7 +63,6 @@ featuredImagePreview: ""
hiddenFromHomePage: false
hiddenFromSearch: false
lightgallery: true
copyCode: true
ruby: true
fraction: true
fontawesome: true
@@ -72,6 +71,9 @@ linkToMarkdown: true
toc:
enable: true
auto: true
code:
copy: true
# ...
math:
enable: true
# ...
@@ -104,7 +106,6 @@ comment:
* **hiddenFromHomePage**: if `true`, the content will not be shown in the home page.
* **hiddenFromSearch**: {{< version 0.2.0 >}} if `true`, the content will not be shown in the search results.
* **copyCode**: {{< version 0.2.0 >}} if `true`, the content will show the copy button of the code block.
* **lightgallery**: if `true`, images in the content will be shown as the gallery.
* **ruby**: {{< version 0.2.0 >}} if `true`, the content will enable the [ruby extended syntax](#ruby).
* **fraction**: {{< version 0.2.0 >}} if `true`, the content will enable the [fraction extended syntax](#fraction).
@@ -112,6 +113,7 @@ comment:
* **linkToMarkdown**: if `true`, the footer of the content will show the link to the orignal Markdown file.
* **toc**: {{< version 0.2.0 changed >}} the same as the `params.page.toc` part in the [site configuration](../theme-documentation-basics/#site-configuration).
* **code**: {{< version 0.2.0 >}} the same as the `params.page.code` part in the [site configuration](../theme-documentation-basics/#site-configuration).
* **math**: {{< version 0.2.0 changed >}} the same as the `params.page.math` part in the [site configuration](../theme-documentation-basics/#site-configuration).
* **mapbox**: {{< version 0.2.0 >}} the same as the `params.page.mapbox` part in the [site configuration](../theme-documentation-basics/#site-configuration).
* **share**: the same as the `params.page.share` part in the [site configuration](../theme-documentation-basics/#site-configuration).
@@ -287,14 +289,14 @@ You can easily use these icons in your articles.
Get the `class` of icons you wanted from the [Font Awesome website](https://fontawesome.com/icons?d=gallery).
```markdown
Gone camping! {?:}(fas fa-campground): Be back soon.
Gone camping! {?:}(fas fa-campground fa-fw): Be back soon.
That is so funny! {?:}(far fa-grin-tears):
```
The rendered output looks like this:
Gone camping! :(fas fa-campground): Be back soon.
Gone camping! :(fas fa-campground fa-fw): Be back soon.
That is so funny! :(far fa-grin-tears):

View File

@@ -68,7 +68,6 @@ featuredImagePreview: ""
hiddenFromHomePage: false
hiddenFromSearch: false
lightgallery: true
copyCode: true
ruby: true
fraction: true
fontawesome: true
@@ -77,6 +76,9 @@ linkToMarkdown: true
toc:
enable: true
auto: true
code:
copy: true
# ...
math:
enable: true
# ...
@@ -109,7 +111,6 @@ comment:
* **hiddenFromHomePage**: if `true`, the content will not be shown in the home page.
* **hiddenFromSearch**: {{< version 0.2.0 >}} if `true`, the content will not be shown in the search results.
* **copyCode**: {{< version 0.2.0 >}} if `true`, the content will show the copy button of the code block.
* **lightgallery**: if `true`, images in the content will be shown as the gallery.
* **ruby**: {{< version 0.2.0 >}} if `true`, the content will enable the [ruby extended syntax](#ruby).
* **fraction**: {{< version 0.2.0 >}} if `true`, the content will enable the [fraction extended syntax](#fraction).
@@ -117,6 +118,7 @@ comment:
* **linkToMarkdown**: if `true`, the footer of the content will show the link to the orignal Markdown file.
* **toc**: {{< version 0.2.0 changed >}} the same as the `params.page.toc` part in the [site configuration](../theme-documentation-basics/#site-configuration).
* **code**: {{< version 0.2.0 >}} the same as the `params.page.code` part in the [site configuration](../theme-documentation-basics/#site-configuration).
* **math**: {{< version 0.2.0 changed >}} the same as the `params.page.math` part in the [site configuration](../theme-documentation-basics/#site-configuration).
* **mapbox**: {{< version 0.2.0 >}} the same as the `params.page.mapbox` part in the [site configuration](../theme-documentation-basics/#site-configuration).
* **share**: the same as the `params.page.share` part in the [site configuration](../theme-documentation-basics/#site-configuration).
@@ -292,14 +294,14 @@ You can easily use these icons in your articles.
Get the `class` of icons you wanted from the [Font Awesome website](https://fontawesome.com/icons?d=gallery).
```markdown
Gone camping! {?:}(fas fa-campground): Be back soon.
Gone camping! {?:}(fas fa-campground fa-fw): Be back soon.
That is so funny! {?:}(far fa-grin-tears):
```
The rendered output looks like this:
Gone camping! :(fas fa-campground): Be back soon.
Gone camping! :(fas fa-campground fa-fw): Be back soon.
That is so funny! :(far fa-grin-tears):

View File

@@ -63,7 +63,6 @@ featuredImagePreview: ""
hiddenFromHomePage: false
hiddenFromSearch: false
lightgallery: true
copyCode: true
ruby: true
fraction: true
fontawesome: true
@@ -72,6 +71,9 @@ linkToMarkdown: true
toc:
enable: true
auto: true
code:
copy: true
# ...
math:
enable: true
# ...
@@ -104,7 +106,6 @@ comment:
* **hiddenFromHomePage**: 如果设为 `true`, 这篇文章将不会显示在主页上.
* **hiddenFromSearch**: {{< version 0.2.0 >}} 如果设为 `true`, 这篇文章将不会显示在搜索结果中.
* **copyCode**: {{< version 0.2.0 >}} 如果设为 `true`, 这篇文章会显示代码块的复制按钮.
* **lightgallery**: 如果设为 `true`, 文章中的图片将可以按照画廊形式呈现.
* **ruby**: {{< version 0.2.0 >}} 如果设为 `true`, 这篇文章会使用 [上标注释扩展语法](#ruby).
* **fraction**: {{< version 0.2.0 >}} 如果设为 `true`, 这篇文章会使用 [分数扩展语法](#fraction).
@@ -112,6 +113,7 @@ comment:
* **linkToMarkdown**: 如果设为 `true`, 内容的页脚将显示指向原始 Markdown 文件的链接.
* **toc**: {{< version 0.2.0 changed >}} 和 [网站配置](../theme-documentation-basics/#site-configuration) 中的 `params.page.toc` 部分相同.
* **code**: {{< version 0.2.0 >}} 和 [网站配置](../theme-documentation-basics/#site-configuration) 中的 `params.page.code` 部分相同.
* **math**: {{< version 0.2.0 changed >}} 和 [网站配置](../theme-documentation-basics/#site-configuration) 中的 `params.page.math` 部分相同.
* **mapbox**: {{< version 0.2.0 >}} 和 [网站配置](../theme-documentation-basics/#site-configuration) 中的 `params.page.mapbox` 部分相同.
* **share**: 和 [网站配置](../theme-documentation-basics/#site-configuration) 中的 `params.page.share` 部分相同.
@@ -287,14 +289,14 @@ $$ \ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-} $$
从 [Font Awesome 网站](https://fontawesome.com/icons?d=gallery) 上获取所需的图标 `class`.
```markdown
去露营啦! {?:}(fas fa-campground): 很快就回来.
去露营啦! {?:}(fas fa-campground fa-fw): 很快就回来.
真开心! {?:}(far fa-grin-tears):
```
呈现的输出效果如下:
去露营啦! :(fas fa-campground): 很快就回来.
去露营啦! :(fas fa-campground fa-fw): 很快就回来.
真开心! :(far fa-grin-tears):