Skip to content

Commit

Permalink
refactor: replace everything with fa-icon shortcode
Browse files Browse the repository at this point in the history
  • Loading branch information
HEIGE-PCloud committed Mar 28, 2024
1 parent 0c8ba49 commit 0157c6f
Show file tree
Hide file tree
Showing 10 changed files with 122 additions and 230 deletions.
16 changes: 8 additions & 8 deletions exampleSite/content/about/index.en.md
Original file line number Diff line number Diff line change
Expand Up @@ -47,14 +47,14 @@ math:
* {{< fa-icon regular comment-alt >}} **Valine** comment system supported by [Valine](https://valine.js.org/)
* {{< fa-icon regular comment-alt >}} **Waline** comment system supported by [Waline](https://waline.js.org/)
* {{< fa-icon regular comments >}} **Facebook comments** system supported by [Facebook](https://developers.facebook.com/docs/plugins/comments/)
* {{< fa-icon solid comment >}} **Telegram comments** system supported by [Comments](https://comments.app/)
* {{< fa-icon solid comment-dots >}} **Commento** comment system supported by [Commento](https://commento.io/)
* {{< fa-icon solid comment-alt >}} **Utterances** comment system supported by [Utterances](https://utteranc.es/)
* {{< fa-icon solid comment-alt >}} **Twikoo** comment system supported by [Twikoo](https://twikoo.js.org/)
* {{< fa-icon solid comment-alt >}} **Vssue** comment system supported by [Vssue](https://vssue.js.org/)
* {{< fa-icon solid comment-alt >}} **Remark42** comment system supported by [Remark42](https://remark42.com/)
* {{< fa-icon solid gem >}} **giscus** comment system supported by [giscus](https://giscus.app/)
* {{< fa-icon solid comment-alt >}} **Artalk** comment system supported by [Artalk](https://artalk.js.org/)
* {{< fa-icon regular comment >}} **Telegram comments** system supported by [Comments](https://comments.app/)
* {{< fa-icon regular comment-dots >}} **Commento** comment system supported by [Commento](https://commento.io/)
* {{< fa-icon regular comment-alt >}} **Utterances** comment system supported by [Utterances](https://utteranc.es/)
* {{< fa-icon regular comment-alt >}} **Twikoo** comment system supported by [Twikoo](https://twikoo.js.org/)
* {{< fa-icon regular comment-alt >}} **Vssue** comment system supported by [Vssue](https://vssue.js.org/)
* {{< fa-icon regular comment-alt >}} **Remark42** comment system supported by [Remark42](https://remark42.com/)
* {{< fa-icon regular gem >}} **giscus** comment system supported by [giscus](https://giscus.app/)
* {{< fa-icon regular comment-alt >}} **Artalk** comment system supported by [Artalk](https://artalk.js.org/)

### Extended Features

Expand Down
106 changes: 53 additions & 53 deletions exampleSite/content/about/index.zh-cn.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,75 +9,75 @@ math:
enable: true
---

> [:(far fa-edit fa-fw): DoIt](https://github.com/HEIGE-PCloud/DoIt) 是一个由 [HEIGE-PCloud](https://github.com/HEIGE-PCloud) 开发的**简洁****优雅****高效**[Hugo](https://gohugo.io/) 博客主题。
> [{{< fa-icon regular edit >}} DoIt](https://github.com/HEIGE-PCloud/DoIt) 是一个由 [HEIGE-PCloud](https://github.com/HEIGE-PCloud) 开发的**简洁****优雅****高效**[Hugo](https://gohugo.io/) 博客主题。
>
> 它的原型基于 [LoveIt 主题](https://github.com/dillonzq/LoveIt)[LeaveIt 主题](https://github.com/liuzc/LeaveIt)[KeepIt 主题](https://github.com/Fastbyte01/KeepIt)
## 特性

### 性能和 SEO

* :(fas fa-rocket fa-fw): **性能**优化:在 [Google PageSpeed Insights](https://developers.google.com/speed/pagespeed/insights) 中, [99]/[100] 的移动设备得分和 [100]/[100] 的桌面设备得分
* :(fab fa-searchengin fa-fw): 使用基于 JSON-LD 格式 的 **SEO SCHEMA** 文件进行 SEO 优化
* :(fab fa-google fa-fw): 支持 **[Google Analytics](https://analytics.google.com/analytics)**
* :(far fa-chart-bar fa-fw): 支持 **[Fathom Analytics](https://usefathom.com/)**
* :(far fa-chart-bar fa-fw): 支持 **[百度统计](https://tongji.baidu.com/)**
* :(far fa-chart-bar fa-fw): 支持 **[Umami Analytics](https://umami.is/)**
* :(far fa-chart-bar fa-fw): 支持 **[Plausible Analytics](https://plausible.io/)**
* :(fas fa-search fa-fw): 支持搜索引擎的**网站验证** (Google, Bind, Yandex and Baidu)
* :(fas fa-tachometer-alt fa-fw): 支持所有第三方库的 **CDN**
* {{< fa-icon solid rocket >}} **性能**优化:在 [Google PageSpeed Insights](https://developers.google.com/speed/pagespeed/insights) 中, [99]/[100] 的移动设备得分和 [100]/[100] 的桌面设备得分
* {{< fa-icon brands searchengin >}} 使用基于 JSON-LD 格式 的 **SEO SCHEMA** 文件进行 SEO 优化
* {{< fa-icon brands google >}} 支持 **[Google Analytics](https://analytics.google.com/analytics)**
* {{< fa-icon regular chart-bar >}} 支持 **[Fathom Analytics](https://usefathom.com/)**
* {{< fa-icon regular chart-bar >}} 支持 **[百度统计](https://tongji.baidu.com/)**
* {{< fa-icon regular chart-bar >}} 支持 **[Umami Analytics](https://umami.is/)**
* {{< fa-icon regular chart-bar >}} 支持 **[Plausible Analytics](https://plausible.io/)**
* {{< fa-icon solid search >}} 支持搜索引擎的**网站验证** (Google, Bind, Yandex and Baidu)
* {{< fa-icon solid tachometer-alt >}} 支持所有第三方库的 **CDN**

### 外观和布局

* [:(fas fa-desktop):]/[:(fas fa-mobile):] **响应式**布局
* [:(fas fa-sun):]/[:(fas fa-moon):] **[浅色]/[深色]** 主题模式
* :(fas fa-layer-group fa-fw): 全局一致的**设计语言**
* :(fas fa-ellipsis-h fa-fw): 支持**分页**
* :(far fa-list-alt fa-fw): 易用和自动展开的**文章目录**
* :(fas fa-language fa-fw): 支持**多语言**和国际化
* :(fab fa-css3-alt fa-fw): 美观的 **CSS 动画**
* [{{< fa-icon solid desktop >}}]/[{{< fa-icon solid mobile >}}] **响应式**布局
* [{{< fa-icon solid sun >}}]/[{{< fa-icon solid moon >}}] **[浅色]/[深色]** 主题模式
* {{< fa-icon solid layer-group >}} 全局一致的**设计语言**
* {{< fa-icon solid ellipsis-h >}} 支持**分页**
* {{< fa-icon regular list-alt >}} 易用和自动展开的**文章目录**
* {{< fa-icon solid language >}} 支持**多语言**和国际化
* {{< fa-icon brands css3-alt >}} 美观的 **CSS 动画**

### 社交和评论系统

* :(far fa-user fa-fw): 支持 **[Gravatar](https://gravatar.com)** 头像
* :(fas fa-user-circle fa-fw): 支持本地**头像**
* :(far fa-id-card fa-fw): 支持多达 **64** 种社交链接
* :(fas fa-share-square fa-fw): 支持多达 **28** 种网站分享
* :(far fa-comment fa-fw): 支持 **[Disqus](https://disqus.com)** 评论系统
* :(far fa-comment-dots fa-fw): 支持 **[Gitalk](https://github.com/gitalk/gitalk)** 评论系统
* :(far fa-comment-alt fa-fw): 支持 **[Valine](https://valine.js.org/)** 评论系统
* :(far fa-comment-alt fa-fw): 支持 **[Waline](https://waline.js.org/)** 评论系统
* :(far fa-comments fa-fw): 支持 **[Facebook](https://developers.facebook.com/docs/plugins/comments/) 评论**系统
* :(fas fa-comment fa-fw): 支持 **[Telegram comments](https://comments.app/) 评论**系统
* :(fas fa-comment-dots fa-fw): 支持 **[Commento](https://commento.io/)** 评论系统
* :(far fa-comment-alt fa-fw): 支持 **[Utterances](https://utteranc.es/)** 评论系统
* :(far fa-comment-alt fa-fw): 支持 **[Twikoo](https://twikoo.js.org/)** 评论系统
* :(far fa-comment-alt fa-fw): 支持 **[Vssue](https://vssue.js.org/)** 评论系统
* :(far fa-comment-alt fa-fw): 支持 **[Remark42](https://remark42.com/)** 评论系统
* :(far fa-comment-alt fa-fw): 支持 **[giscus](https://giscus.app/)** 评论系统
* :(far fa-comment-alt fa-fw): 支持 **[Artalk](https://artalk.js.org/)** 评论系统
* {{< fa-icon regular user >}} 支持 **[Gravatar](https://gravatar.com)** 头像
* {{< fa-icon solid user-circle >}} 支持本地**头像**
* {{< fa-icon regular id-card >}} 支持多达 **64** 种社交链接
* {{< fa-icon solid share-square >}} 支持多达 **28** 种网站分享
* {{< fa-icon regular comment >}} 支持 **[Disqus](https://disqus.com)** 评论系统
* {{< fa-icon regular comment-dots >}} 支持 **[Gitalk](https://github.com/gitalk/gitalk)** 评论系统
* {{< fa-icon regular comment-alt >}} 支持 **[Valine](https://valine.js.org/)** 评论系统
* {{< fa-icon regular comment-alt >}} 支持 **[Waline](https://waline.js.org/)** 评论系统
* {{< fa-icon regular comments >}} 支持 **[Facebook](https://developers.facebook.com/docs/plugins/comments/) 评论**系统
* {{< fa-icon regular comment >}} 支持 **[Telegram comments](https://comments.app/) 评论**系统
* {{< fa-icon regular comment-dots >}} 支持 **[Commento](https://commento.io/)** 评论系统
* {{< fa-icon regular comment-alt >}} 支持 **[Utterances](https://utteranc.es/)** 评论系统
* {{< fa-icon regular comment-alt >}} 支持 **[Twikoo](https://twikoo.js.org/)** 评论系统
* {{< fa-icon regular comment-alt >}} 支持 **[Vssue](https://vssue.js.org/)** 评论系统
* {{< fa-icon regular comment-alt >}} 支持 **[Remark42](https://remark42.com/)** 评论系统
* {{< fa-icon regular comment-alt >}} 支持 **[giscus](https://giscus.app/)** 评论系统
* {{< fa-icon regular comment-alt >}} 支持 **[Artalk](https://artalk.js.org/)** 评论系统

### 扩展功能

* :(fas fa-search fa-fw): 支持基于 [algolia](https://www.algolia.com/)[Fuse.js](https://fusejs.io/)**搜索**
* :(far fa-grin-tongue-wink fa-fw): 支持 **Twemoji**
* :(fas fa-code fa-fw): 支持**代码高亮**
* :(far fa-copy fa-fw): 一键**复制代码**到剪贴板
* :(far fa-images fa-fw): 支持基于 [lightgallery.js](https://github.com/sachinchoolur/lightgallery.js)**图片画廊**
* :(fab fa-font-awesome fa-fw): 支持 **[Font Awesome](https://fontawesome.com/) 图标**的扩展 Markdown 语法
* :(far fa-sticky-note fa-fw): 支持**上标注释**的扩展 Markdown 语法
* :(fas fa-percentage fa-fw): 支持**分数**的扩展 Markdown 语法
* :(fas fa-square-root-alt fa-fw): 支持基于 [$ \KaTeX $](https://katex.org/)**数学公式**
* :(fas fa-project-diagram fa-fw): 支持基于 [mermaid](https://github.com/knsv/mermaid)**图表** shortcode
* :(fas fa-chart-pie fa-fw): 支持基于 [ECharts](https://echarts.apache.org/)**交互式数据可视化** shortcode
* :(fas fa-map-marked-alt fa-fw): 支持基于 [Mapbox GL JS](https://docs.mapbox.com/mapbox-gl-js)**Mapbox** shortcode
* :(fas fa-music fa-fw): 支持基于 [APlayer](https://github.com/MoePlayer/APlayer)[MetingJS](https://github.com/metowolf/MetingJS)**音乐播放器** shortcode
* :(fas fa-video fa-fw): 支持 **Bilibili 视频** shortcode
* :(far fa-bell fa-fw): 支持多种**注释**的 shortcode
* :(fas fa-align-left fa-fw): 支持**自定义样式**的 shortcode
* :(fab fa-js-square fa-fw): 支持**自定义脚本**的 shortcode
* :(fas fa-i-cursor fa-fw): 支持基于 [TypeIt](https://typeitjs.com/)**打字动画** shortcode
* :(fas fa-cookie-bite fa-fw): 支持基于 [cookieconsent](https://github.com/osano/cookieconsent)**Cookie 许可横幅**
* {{< fa-icon solid search >}} 支持基于 [algolia](https://www.algolia.com/)[Fuse.js](https://fusejs.io/)**搜索**
* {{< fa-icon regular grin-tongue-wink >}} 支持 **Twemoji**
* {{< fa-icon solid code >}} 支持**代码高亮**
* {{< fa-icon regular copy >}} 一键**复制代码**到剪贴板
* {{< fa-icon regular images >}} 支持基于 [lightgallery.js](https://github.com/sachinchoolur/lightgallery.js)**图片画廊**
* {{< fa-icon brands font-awesome >}} 支持 **[Font Awesome](https://fontawesome.com/) 图标**的扩展 Markdown 语法
* {{< fa-icon regular sticky-note >}} 支持**上标注释**的扩展 Markdown 语法
* {{< fa-icon solid percentage >}} 支持**分数**的扩展 Markdown 语法
* {{< fa-icon solid square-root-alt >}} 支持基于 [$ \KaTeX $](https://katex.org/)**数学公式**
* {{< fa-icon solid project-diagram >}} 支持基于 [mermaid](https://github.com/knsv/mermaid)**图表** shortcode
* {{< fa-icon solid chart-pie >}} 支持基于 [ECharts](https://echarts.apache.org/)**交互式数据可视化** shortcode
* {{< fa-icon solid map-marked-alt >}} 支持基于 [Mapbox GL JS](https://docs.mapbox.com/mapbox-gl-js)**Mapbox** shortcode
* {{< fa-icon solid music >}} 支持基于 [APlayer](https://github.com/MoePlayer/APlayer)[MetingJS](https://github.com/metowolf/MetingJS)**音乐播放器** shortcode
* {{< fa-icon solid video >}} 支持 **Bilibili 视频** shortcode
* {{< fa-icon regular bell >}} 支持多种**注释**的 shortcode
* {{< fa-icon solid align-left >}} 支持**自定义样式**的 shortcode
* {{< fa-icon brands js-square >}} 支持**自定义脚本**的 shortcode
* {{< fa-icon solid i-cursor >}} 支持基于 [TypeIt](https://typeitjs.com/)**打字动画** shortcode
* {{< fa-icon solid cookie-bite >}} 支持基于 [cookieconsent](https://github.com/osano/cookieconsent)**Cookie 许可横幅**
* ...

## 许可协议
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -50,7 +50,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 fa-fw): Bookmark this page for easy future reference!
{{< fa-icon regular bookmark >}} Bookmark this page for easy future reference!
{{< /admonition >}}

## Headings
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -50,7 +50,7 @@ John Gruber, Markdown 的作者如是说:
话不多说, 我们来回顾一下 Markdown 的主要语法以及生成的 HTML 样式!

{{< admonition tip >}}
:(far fa-bookmark fa-fw): 将此页保存为书签, 以备将来参考!
{{< fa-icon regular bookmark >}} 将此页保存为书签, 以备将来参考!
{{< /admonition >}}

## 标题
Expand Down
Loading

0 comments on commit 0157c6f

Please sign in to comment.