🐛 Fixed the font icon error, Resolved #134

Because the offical fontawsome had update the font size, there will use new class of icon reference.

assets/css/_mixins.scss

@@ -99,7 +99,7 @@
   @if $icon {
     content: $icon;
   }
-  font-family: 'Font Awesome 5 Free';
+  font-family: 'Font Awesome 6 Free';
   font-weight: 900;
 }
 

data/resources.yaml

@@ -20,7 +20,7 @@ js:
 # CSS Resources
 css:
   - name: '@fortawesome/fontawesome-free'
-    version: 6.1.2
+    version: 6.4.2
     file: css/all.min.css
     alias: font-awesome
   - name: animate.css
@@ -52,12 +52,12 @@ addthis:
 waline:
   js:
     name: '@waline/client'
-    version: 2.13.0
+    version: 2.15.8
     file: dist/waline.js
     alias: waline
   css:
     name: '@waline/client'
-    version: 2.13.0
+    version: 2.15.8
     file: dist/waline.css
     alias: waline
 

exampleSite/config.yaml

@@ -1046,7 +1046,7 @@ params:
     #  - flat      flat callout style with background, like on Mozilla or StackOverflow.
     #  - disabled  disable all CSS styles import of note tag.
     style: simple
-    icons: false
+    icons: true
     # Offset lighter of background in % for modern and flat styles (modern: -12 | 12; flat: -18 | 6).
     # Offset also applied to label tag variables. This option can work with disabled note tag.
     lightBgOffset: 0

exampleSite/content/post/shortcodes.md

@@ -66,6 +66,11 @@ url: "post/shortcodes.html"
   **Welcome** to [Hugo NexT!](https://preview.hugo-next.eu.org)
 {{< /note >}}
 
+{{< note primary >}}
+  ### Primary Header
+  **Welcome** to [Hugo NexT!](https://preview.hugo-next.eu.org)
+{{< /note >}}
+
 {{< note info >}}
   ### Info Header
   **Welcome** to [Hugo NexT!](https://preview.hugo-next.eu.org)

layouts/partials/post/header_meta/categories.html

@@ -2,7 +2,7 @@
 {{ with .Params.categories }}
 <span class="post-meta-item">
   <span class="post-meta-item-icon">
-    <i class="far fa-folder-open"></i>
+    <i class="fas fa-solid fa-folder-open"></i>
   </span>
   <span class="post-meta-item-text" title="{{ T "PostMeta.category" }}">
     {{ print (T "PostMeta.category") (T "Symbol.colon") }}

layouts/partials/post/header_meta/comments.html

@@ -1,6 +1,6 @@
 <span class="post-meta-item" title="{{ T "PostComments" }}">
   <span class="post-meta-item-icon">
-    <i class="far fa-comments"></i>
+    <i class="fas fa-solid fa-comments"></i>
   </span>
   <span class="post-meta-item-text" title="{{ T "PostMeta.comments" }}">
   {{ print (T "PostMeta.comments") (T "Symbol.colon") }}

layouts/partials/post/header_meta/created_date.html

@@ -3,7 +3,7 @@
 {{ $createdTime := (.Date.Format $timeF) | default (.Date.Format $timeF) }}
 <span class="post-meta-item">
   <span class="post-meta-item-icon">
-    <i class="far fa-calendar"></i>
+    <i class="fas fa-solid fa-calendar"></i>
   </span>
   <span class="post-meta-item-text" title="{{ T "PostMeta.publish.date" }}">
     {{ print (T "PostMeta.publish.date") (T "Symbol.colon") }}

layouts/partials/post/header_meta/readtime.html

@@ -1,7 +1,7 @@
 {{ if .Site.Params.postMeta.readTime }}
 <span class="post-meta-item" title="{{ T "PostMeta.reading.title" }}">
   <span class="post-meta-item-icon">
-    <i class="far fa-clock"></i>
+    <i class="fas fa-solid fa-clock"></i>
   </span>
   <span class="post-meta-item-text">{{ print (T "PostMeta.reading.title") (T "Symbol.colon") }}&asymp;</span>
   <span>{{ T "PostMeta.reading.time" . }}</span>

layouts/partials/post/header_meta/update_date.html

@@ -3,7 +3,7 @@
 {{ $modTime := .Lastmod.Format .Site.Params.timeFormat }}
 <span class="post-meta-item">
   <span class="post-meta-item-icon">
-    <i class="far fa-calendar-check"></i>
+    <i class="fas fa-solid fa-calendar-check"></i>
   </span>
   <span class="post-meta-item-text" title="{{ T "PostMeta.lastmod.date" }}">
     {{ print (T "PostMeta.lastmod.date") (T "Symbol.colon") }}

layouts/partials/post/header_meta/views.html

@@ -7,7 +7,7 @@
 {{ end }}
 <span class="post-meta-item" title="{{ T "PostMeta.views" }}">
   <span class="post-meta-item-icon">
-    <i class="far fa-eye"></i>
+    <i class="fas fa-solid fa-eye"></i>
   </span>
   <span class="post-meta-item-text">
   {{ print (T "PostMeta.views") (T "Symbol.colon") }}

layouts/partials/post/header_meta/words.html

@@ -1,7 +1,7 @@
 {{ if .Site.Params.postMeta.wordCount }}
 <span class="post-meta-item" title="{{ T "PostMeta.words.title" }}">
   <span class="post-meta-item-icon">
-    <i class="far fa-file-word"></i>
+    <i class="fas fa-solid fa-file-word"></i>
   </span>
   <span class="post-meta-item-text">{{ print (T "PostMeta.words.title") (T "Symbol.colon") }}</span>
   <span>{{ T "PostMeta.words.count" . }}</span>