hexo-theme-shokax 0.0.4-alpha4 → 0.0.4

package/layout/_mixin/breadcrumb.pug

@@ -1,7 +1,7 @@
 mixin BCRender(post, home)
     if home
         != '<div class="breadcrumb" itemListElement itemscope itemtype="https://schema.org/BreadcrumbList">'
-        i(class="fa fa-solid fa-house")
+        i(class="ic i-home")
         span
             a(href=url_for(site.path))
                 != __('menu.home')
@@ -10,7 +10,7 @@ mixin BCRender(post, home)
     if post.categories && post.categories.length
         - var cat_length = post.categories.length
         if home
-            i(class="fa fa-solid fa-angle-right")
+            i(class="ic i-angle-right")
         each cat,index in post.categories.toArray()
             if home
                 if index===cat_length
@@ -29,5 +29,5 @@ mixin BCRender(post, home)
                 a(href=url_for(cat.path) title=__('post.in')+cat.name)
                     != cat.name
             if cat_length > 1 && index !== cat_length
-                i(class="fa fa-solid fa-angle-right")
+                i(class="ic i-angle-right")
     != '</div>'

package/layout/_mixin/card.pug

@@ -12,11 +12,10 @@ mixin CardRender(item)
                     != item.top.name
         div(class="info")
             if item.link
-                - var postTitleIcon = '<i class="fa fa-solid fa-up-right-from-square"></i>'
+                - var postTitleIcon = '<i class="ic i-link-alt"></i>'
             - var postText = itemname || item.link || __('post.untitled')
-            - var tempI = postText + (postTitleIcon || '')
             div(class="ribbon")
-                != _url(item.link , tempI , {itemprop: 'url', title: postText})
+                != _url(item.link , postText + (postTitleIcon || ''), {itemprop: 'url', title: postText})
             div(class="inner")
                 - var len = ''
                 if item.child
@@ -31,8 +30,8 @@ mixin CardRender(item)
                 div(class="meta footer")
                     if item.top
                         span
-                            != _url(item.top.path, '<i class="fa fa-solid fa-flag"></i>'+item.top.name, {itemprop: 'url', title: item.top.name})
+                            != _url(item.top.path, '<i class="ic i-flag"></i>'+item.top.name, {itemprop: 'url', title: item.top.name})
                     span
-                        i(class="fa fa-solid fa-file")
+                        i(class="ic i-file")
                         != len
             != _url(item.path, 'more...', {itemprop: 'url', title: itemname, class: 'btn'})

package/layout/_mixin/postmeta.pug

@@ -5,7 +5,7 @@ mixin PMRender(item, full)
         - var create_title = __('post.created') + __('symbol.colon') + full_date(item.date)
         span(class="item" title=create_title)
             span(class="icon")
-                i(class="fa fa-solid fa-calendar-days")
+                i(class="ic i-calendar")
             if full
                 span(class="text")
                     != __('post.posted')
@@ -14,7 +14,7 @@ mixin PMRender(item, full)
         if theme.post.count
             span(class="item" title=__('symbols_count_time.count'))
                 span(class="icon")
-                    i(class="fa fa-solid fa-pen-nib")
+                    i(class="ic i-pen")
                 if full
                     span(class="text")
                         != __('symbols_count_time.count')
@@ -23,7 +23,7 @@ mixin PMRender(item, full)
                     != __('symbols_count_time.word')
         span(class="item" title=__('symbols_count_time.time'))
             span(class="icon")
-                i(class="fa fa-solid fa-clock")
+                i(class="ic i-clock")
             if full
                 span(class="text")
                     != __('symbols_count_time.time')

package/layout/_mixin/segment.pug

@@ -4,7 +4,7 @@ mixin SMRender(item)
     - var link1 = item.link || item.path
     - var gradient = theme?.experiments?.gradient
     if item.link
-        - var postTitleIcon = '<i class="fa fa-solid fa-up-right-from-square"></i>'
+        - var postTitleIcon = '<i class="ic i-link-alt"></i>'
     - var postText = item.title || item.link || __('post.untitled')
     article(class="item")
         if gradient
@@ -27,6 +27,6 @@ mixin SMRender(item)
                 div(class="meta footer")
                     span
                         - var lastcat = item.categories.last()
-                        != _url(lastcat.path, '<i class="fa fa-solid fa-flag"></i>' + lastcat.name, {itemprop: 'url', title: lastcat.name})
+                        != _url(lastcat.path, '<i class="ic i-flag"></i>' + lastcat.name, {itemprop: 'url', title: lastcat.name})
             != _url(link1, 'more...', {itemprop: 'url', title: postText, class: 'btn'})
 

package/layout/_mixin/sidebar.pug

@@ -25,12 +25,12 @@ mixin sidebarRender(display_toc)
             li(class="prev pjax")
                 if page && page.prev
                     if prevlink
-                        != _url(prevlink, '<i class="fa fa-solid fa-chevron-left"></i>', {rel: 'prev', title: __('post.prev')})
+                        != _url(prevlink, '<i class="ic i-chevron-left"></i>', {rel: 'prev', title: __('post.prev')})
             li(class="up")
-                i(class="fa fa-solid fa-arrow-up")
+                i(class="ic i-arrow-up")
             li(class="down")
-                i(class="fa fa-solid fa-arrow-down")
+                i(class="ic i-arrow-down")
             li(class="next pjax")
                 if nextlink
-                    != _url(nextlink, '<i class="fa fa-solid fa-chevron-right"></i>', {rel: 'next', title: __('post.next')})
+                    != _url(nextlink, '<i class="ic i-chevron-right"></i>', {rel: 'next', title: __('post.next')})
             li(class="percent")

package/layout/_mixin/widgets.pug

@@ -1,6 +1,6 @@
 mixin field(item)
     if item.link
-        - var postTitleIcon = '<i class="fa fa-solid fa-up-right-from-square"></i>'
+        - var postTitleIcon = '<i class="ic i-link-alt"></i>'
     li(class="item")
         +BCRender(item, false)
         - var postText = item.title || item.link || __('post.untitled')

package/layout/_partials/footer.pug

@@ -6,18 +6,18 @@ div(class="status")
         span(itemprop="copyrightYear")
             != copyright_year
         span(class="with-love")
-            i(class=`fa fa-solid fa-${ theme.footer.icon.name }`)
+            i(class=`ic i-${ theme.footer.icon.name }`)
         span(class="author" itemprop="copyrightHolder")
             != `${author} @ ${ alternate?alternate:title}`
     if theme.footer.count
         div(class="count")
             span(class="post-meta-item-icon")
-                i(class="fa fa-solid fa-chart-area")
+                i(class="ic i-chart-area")
             span(title=__('symbols_count_time.count_total'))
                 != `${ symbolsCountTotal(site) } ${__('symbols_count_time.word')}`
             span(class="post-meta-divider") |
             span(class="post-meta-item-icon")
-                i(class="fa fa-solid fa-coffee")
+                i(class="ic i-coffee")
             span(title=__('symbols_count_time.time_total'))
                 != symbolsTimeTotal(site, config.symbols_count_time.awl, config.symbols_count_time.wpm, __('symbols_count_time.time_minutes'))
             //- span(id="timeDate")
@@ -36,7 +36,6 @@ div(class="status")
                 a(target="_blank" href=`https://www.beian.gov.cn/portal/registerSystemInfo?recordcode=${RC}`)
                     img(src=theme.statics + theme.assets + '/' + theme.footer.icp.icon style="max-width: 2em;display:inline;")
                     != beianN
-    != shokax_inject('status')
 
 != shokax_inject('footer')
 

package/layout/_partials/head/head.pug

@@ -33,7 +33,7 @@ link(rel="alternate" type="application/json" title=siteTitle href=feedLink)
 if fontConfig
     != _vendor_font()
 != _css('app.css')
-link(rel="stylesheet" type="text/css" href="https://cdn.staticfile.org/font-awesome/6.2.1/css/all.min.css")
+
 - var debugVue = theme?.experiments?.debug
 if debugVue
     script(src="https://cdn.staticfile.org/vue/3.2.45/vue.global.js")

package/layout/_partials/header.pug

@@ -11,8 +11,8 @@ nav(id="nav")
                     != alternate || title
         ul(class="right" id="rightNav")
             li(class="item theme" @click="changeThemeByBtn")
-                i(class="fa fa-solid fa-sunrise")
+                i(class="ic" :class="{'i-sun': !themeStatus,'i-moon': themeStatus}")
             li(class="item search")
-                i(class="fa fa-solid fa-magnifying-glass")
+                i(class="ic i-search")
             != shokax_inject('rightNav')
 

package/layout/_partials/layout.pug

@@ -65,7 +65,7 @@ html(lang=page.language?page.language:config.language, style=theme.grayMode ? 'f
                     div(class="widgets")
                         +WRender
                     != partial('_partials/footer.pug', {}, {cache: true})
-        - var ccIcon = '<i class="fa fa-solid fa-creative-commons"></i>'
+        - var ccIcon = '<i class="ic i-creative-commons"></i>'
         - var ccText = theme.creative_commons.license.toUpperCase()
         <script data-config type="text/javascript" >
             | var LOCAL = {

package/layout/_partials/pagination.pug

@@ -1,4 +1,4 @@
 if page.prev || page.next
     nav(class="pagination")
         div(class="inner")
-            != paginator({prev_text: '<i class="fa fa-solid fa-angle-left" aria-label="' + __('accessibility.prev_page') + '"></i>',next_text: '<i class="fa fa-solid fa-angle-right" aria-label="' + __('accessibility.next_page') + '"></i>',mid_size : 1,escape   : false})
+            != paginator({prev_text: '<i class="ic i-angle-left" aria-label="' + __('accessibility.prev_page') + '"></i>',next_text: '<i class="ic i-angle-right" aria-label="' + __('accessibility.next_page') + '"></i>',mid_size : 1,escape   : false})

package/layout/_partials/post/copyright.pug

@@ -1,5 +1,5 @@
 if page.copyright !== false
-    - var ccIcon = '<i class="fa fa-brands fa-creative-commons"><em>(CC)</em></i>'
+    - var ccIcon = '<i class="ic i-creative-commons"><em>(CC)</em></i>'
     - var ccText = theme.creative_commons.license.toUpperCase()
     div(id="copyright")
         ul
@@ -7,7 +7,7 @@ if page.copyright !== false
                 strong
                     != __('post.copyright.author') + __('symbol.colon')
                 != page.author || author
-                i(class="fa fa-solid fa-at")
+                i(class="ic i-at")
                     em @
                 != title
             li(class="link")

package/layout/_partials/post/footer.pug

@@ -1,12 +1,12 @@
 div(class="meta")
     if date(post.date) != date(post.updated) || time(post.date) != time(post.updated)
         span(class="icon")
-            i(class="fa fa-solid fa-eye")
+            i(class="ic i-eye")
         span 此文章已被阅读次数:
         span(id="twikoo_visitors" class="waline-pageview-count" data-path=post.path) 正在加载...
         span(class="item")
             span(class="icon")
-                i(class="fa fa-solid fa-calendar-check")
+                i(class="ic i-calendar-check")
             span(class="text")
                 != __('post.edited')
             time(title=__('post.modified') + __('symbol.colon') + full_date(post.updated) itemprop="dateModified" datetime=moment(post.updated).format())

package/layout/_partials/post/nav.pug

@@ -1,7 +1,7 @@
 mixin navpost(item, type)
     - var postText = item.title || item.link || __('post.untitled')
     - var lastcat = item.categories.last()
-    - var itemlink=`<span class="type">${__('post.' + type)}</span><span class="category"><i class="fa fa-solid fa-flag"></i>${lastcat?.name}</span><h3>${ postText }</h3>`
+    - var itemlink=`<span class="type">${__('post.' + type)}</span><span class="category"><i class="ic i-flag"></i>${lastcat?.name}</span><h3>${ postText }</h3>`
     != _url(item.path, itemlink, {itemprop: 'url', rel: type, 'data-background-image': _cover(item), title: postText})
 
 div(class="post-nav")

package/layout/_partials/post/post.pug

@@ -17,7 +17,7 @@ article(itemscope itemtype="http://schema.org/Article" class="post block" lang=t
             div(class="tags")
                 each tag in post.tags.toArray()
                     a(href!=url_for(tag.path) rel="tag")
-                        i(class="fa fa-solid fa-tag")
+                        i(class="ic i-tag")
                         != tag.name
     footer
         != partial('_partials/post/footer.pug')

package/layout/_partials/post/reward.pug

@@ -1,7 +1,7 @@
 if page.reward !== false
     div(class="reward")
         button
-            i(class="fa fa-solid fa-heart-pulse")
+            i(class="ic i-heartbeat")
             != __('reward.donate')
         p
             != __('reward.text')

package/layout/_partials/sidebar/menu.pug

@@ -3,7 +3,7 @@ mixin item(name, path, parent, dropdown, sublist)
     - var path = path.split('||')
     - var itemURL = path[0].trim()
     - if (!itemURL.startsWith('http')){ itemURL = itemURL.replace('//', '/') }
-    - var menuIcon = '<i class="fa fa-solid fa-' + trimn(path[1]) + '"></i>'
+    - var menuIcon = '<i class="ic i-' + trimn(path[1]) + '"></i>'
     - var menuText = __('menu.' + name).replace('menu.', '')
     if parent
         li(class="item dropdown")
@@ -21,7 +21,7 @@ mixin item(name, path, parent, dropdown, sublist)
                         - var menuText = __('menu.' + subname).replace('menu.', '')
                         if subname == 'default'
                             - var menuText = __('menu.' + name).replace('menu.', '')
-                        - var menuIcon = '<i class="fa fa-solid fa-' + trimn(path[1]) + '"></i>'
+                        - var menuIcon = '<i class="ic i-' + trimn(path[1]) + '"></i>'
                         li(class="item")
                             != _url(itemURL, menuIcon + menuText, {rel: 'section'})
     else

package/layout/_partials/sidebar/overview.pug

@@ -32,7 +32,7 @@ nav(class="state")
 div(class="social")
     each link, name  in theme.social
         - var sidebarURL = link.split('||')[0].trim()
-        - var sidebarIcon = '<i class="fa fa-brands fa-' + link.split('||')[1].trim() + '"></i>'
+        - var sidebarIcon = '<i class="ic i-' + link.split('||')[1].trim() + '"></i>'
         != _url(sidebarURL, sidebarIcon, {title: sidebarURL, class: 'item ' + name})
 
 != shokax_inject('sidebar')

package/layout/archive.pug

@@ -103,7 +103,7 @@ block content
                                         a(href=url_for(cat.path)) #{cat.name}
                     div(class="title")
                         if post.link
-                            - var postTitleIcon = '<i class="fa fa-solid fa-up-right-from-square"></i>'
+                            - var postTitleIcon = '<i class="ic i-link-alt"></i>'
                             - var postText = post.title || post.link
                             != _url(post.link, postText + postTitleIcon, {class: 'external', itemprop: 'url'})
                         else

package/layout/category.pug

@@ -53,7 +53,7 @@ block content
                     ) #{date(post.date, 'MM-DD')}
                 div(class="title")
                     if post.link
-                        - var postTitleIcon = '<i class="fa fa-solid fa-up-right-from-square"></i>'
+                        - var postTitleIcon = '<i class="ic i-link-alt"></i>'
                         - var postText = post.title || post.link
                         != _url(post.link, postText + postTitleIcon, {class: 'external', itemprop: 'url'})
                     else

package/layout/page.pug

@@ -16,7 +16,7 @@ block title
 block header
     h1(itemprop="name headline")
         if page.link
-            - var postTitleIcon = '<i class="fa fa-solid fa-up-right-from-square"></i>'
+            - var postTitleIcon = '<i class="ic i-link-alt"></i>'
             - var postText = page.title || page.link
             != _url(page.link, postText + postTitleIcon, {class: 'link external', itemprop: 'url'})
         else

package/layout/post.pug

@@ -17,7 +17,7 @@ block title
 block header
     h1(itemprop="name headline")
         if page.link
-            - var postTitleIcon = '<i class="fa fa-solid fa-up-right-from-square"></i>'
+            - var postTitleIcon = '<i class="ic i-link-alt"></i>'
             - var postText = page.title || page.link
             != _url(page.link, postText + postTitleIcon, {class: 'link external', itemprop: 'url'})
         else

package/layout/tag.pug

@@ -33,7 +33,7 @@ block content
                                         != cat.name
                 div(class="title")
                     if post.link
-                        - var postTitleIcon = '<i class="fa fa-solid fa-up-right-from-square"></i>'
+                        - var postTitleIcon = '<i class="ic i-link-alt"></i>'
                         - var postText = post.title || post.link
                         != _url(post.link, postText + postTitleIcon, {class: 'external', itemprop: 'url'})
                     else

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hexo-theme-shokax",
-  "version": "0.0.4-alpha4",
+  "version": "0.0.4",
   "description": "a hexo theme based on shoka",
   "main": "index.js",
   "repository": "https://github.com/zkz098/hexo-theme-shokaX",
@@ -13,19 +13,19 @@
     "@types/animejs": "^3.1.6",
     "@types/fancybox": "^3.5.3",
     "@types/hexo": "^3.8.8",
-    "@types/jquery": "^3.5.16",
+    "@types/jquery": "^3.5.14",
     "@types/js-yaml": "^4.0.5",
     "@types/lozad": "^1.16.1",
     "@types/node": "^18.11.18",
     "@types/shelljs": "^0.8.11",
-    "@typescript-eslint/eslint-plugin": "^5.49.0",
-    "@typescript-eslint/parser": "^5.49.0",
-    "eslint": "^8.32.0",
+    "@typescript-eslint/eslint-plugin": "^5.47.1",
+    "@typescript-eslint/parser": "^5.47.1",
+    "eslint": "^8.30.0",
     "eslint-config-standard": "^17.0.0",
-    "eslint-plugin-import": "^2.27.5",
-    "eslint-plugin-n": "^15.6.1",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-n": "^15.6.0",
     "eslint-plugin-promise": "^6.1.1",
-    "eslint-plugin-vue": "^9.9.0",
+    "eslint-plugin-vue": "^9.8.0",
     "typescript": "^4.9.4",
     "vue": "^3.2.45"
   },

package/scripts/plugin/lib/injects-point.js

@@ -9,8 +9,7 @@ module.exports = {
     'postBodyEnd',
     'footer',
     'bodyEnd',
-    'comment',
-    'status'
+    'comment'
   ],
   styles: [
     'variable',

package/source/css/_common/components/highlight/highlight.styl

@@ -243,7 +243,7 @@ code,
       background: var(--grey-2);
     }
 
-    .fa {
+    .ic {
       margin-top: 1rem;
       @extend .up-down;
     }
@@ -256,7 +256,7 @@ code,
         display: none;
       }
 
-      .fa {
+      .ic {
         @extend .down-up;
       }
     }

package/source/css/_common/components/pages/home.styl

@@ -69,7 +69,7 @@ $item {
     font-size: $font-size-smaller;
     color: var(--grey-5);
 
-    .fa {
+    .ic {
       margin-right: .0625rem;
     }
 
@@ -208,7 +208,7 @@ $item {
     }
 
     .title {
-      .fa {
+      .ic {
         font-size: 80%;
       }
     }

package/source/css/_common/components/post/breadcrumb.styl

@@ -5,7 +5,7 @@
   margin: 1.25rem 0;
   flex-wrap: wrap;
 
-  .fa {
+  .ic {
     margin: 0 .125rem;
     color: var(--grey-4);
 

package/source/css/_common/components/post/post.styl

@@ -6,7 +6,7 @@
   font-family: $font-family-posts;
   word-wrap();
 
-  .exturl .fa {
+  .exturl .ic {
     font-size: $font-size-small;
     margin-left: .25rem;
   }

package/source/css/_common/components/tags/links.styl

@@ -39,7 +39,7 @@
       font-weight: bold;
       color: var(--bg-color);
       border: none;
-      .fa {
+      .ic {
         display: none;
       }
     }

package/source/css/_common/components/third-party/valine.styl

@@ -186,11 +186,12 @@
       margin: .5rem;
       overflow: hidden;
       vertical-align: middle;
-      &.actived .fa {
+
+      &.actived .ic {
         color: var(--primary-color);
       }
 
-      .fa {
+      .ic {
         color: var(--grey-6);
         transition: all .25s ease;
 

package/source/css/_common/outline/header/menu.styl

@@ -22,7 +22,7 @@
       }
     }
 
-    .fa {
+    .ic {
       margin-right: .5rem;
     }
 

package/source/css/_common/outline/sidebar/menu.styl

@@ -32,7 +32,7 @@
       }
     }
 
-    .fa {
+    .ic {
       margin-right: .625rem;
     }
 

package/source/css/_common/scaffolding/base.styl

@@ -145,8 +145,8 @@ input, textarea {
     src: url("https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono@2.242/fonts/webfonts/JetBrainsMono-Regular.woff2") format("woff2");
 }
 
-// TODO
-.fa {
+.ic {
+  font-family: "ic" !important;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   text-align: center;
@@ -158,15 +158,11 @@ input, textarea {
   line-height: 1;
 }
 
-// TODO
-
-.fa em {
+.ic em {
   font-size: 0;
 }
 
-// TODO
-
-.fa-lg {
+.ic-lg {
   font-size: 1.33333em;
   line-height: .75em;
   vertical-align: -.0667em;

package/source/css/_common/scaffolding/buttons.styl

@@ -41,7 +41,7 @@
     cursor: not-allowed
   }
 
-  .fa {
+  .ic {
     text-align: left;
     width: (18em / 14);
   }

package/source/css/_common/scaffolding/iconfont.styl

@@ -1,161 +1,161 @@
 .i-volume-off:before {
-  content: "\f026";
+  content: "\e61e";
 }
 
 .i-volume-on:before {
-  content: "\f6a9";
+  content: "\e62c";
 }
 
 .i-circle-play:before {
-  content: "\f144";
+  content: "\e647";
 }
 
 .i-forward:before {
-  content: "\f050";
+  content: "\e648";
 }
 
 .i-backward:before {
-  content: "\f04a";
+  content: "\e649";
 }
 
 .i-circle-pause:before {
-  content: "\f28b";
+  content: "\e64a";
 }
 
 .i-loop:before {
-  content: "\f144";
+  content: "\e64b";
 }
 
 .i-order:before {
-  content: "\f0dc";
+  content: "\e64c";
 }
 
 .i-random:before {
-  content: "\f074";
+  content: "\e64d";
 }
 
 .i-douban:before {
-  content: "\f05e";
+  content: "\e75f";
 }
 
 .i-linux:before {
-  content: "\f17c";
+  content: "\f1e8";
 }
 
 .i-opera:before {
-  content: "\f26a";
+  content: "\f205";
 }
 
 .i-qq:before {
-  content: "\f1d6";
+  content: "\f216";
 }
 
 .i-safari:before {
-  content: "\f267";
+  content: "\f229";
 }
 
 .i-snapchat-ghost:before {
-  content: "\f2ab";
+  content: "\f234";
 }
 
 .i-weixin:before {
-  content: "\f1d7";
+  content: "\f262";
 }
 
 .i-windows:before {
-  content: "\f17a";
+  content: "\f266";
 }
 
 .i-stars:before {
-  content: "\f762";
+  content: "\e8c4";
 }
 
 .i-apple:before {
-  content: "\f179";
+  content: "\e600";
 }
 
 .i-blackberry:before {
-  content: "\f37b";
+  content: "\e601";
 }
 
 .i-centos:before {
-  content: "\f789";
+  content: "\e602";
 }
 
 .i-fedora:before {
-  content: "\f798";
+  content: "\e603";
 }
 
 .i-redhat:before {
-  content: "\f7bc";
+  content: "\e604";
 }
 
 .i-ubuntu:before {
-  content: "\f7df";
+  content: "\e605";
 }
 
 .i-suse:before {
-  content: "\f7d6";
+  content: "\e606";
 }
 
 .i-mobile-alt:before {
-  content: "\f3cd";
+  content: "\f052";
 }
 
 .i-paw:before {
-  content: "\f1b0";
+  content: "\f06b";
 }
 
 .i-android:before {
-  content: "\f17b";
+  content: "\f161";
 }
 
 .i-chrome:before {
-  content: "\f268";
+  content: "\f178";
 }
 
 .i-edge:before {
-  content: "\f282";
+  content: "\f195";
 }
 
 .i-firefox:before {
-  content: "\f269";
+  content: "\f1a1";
 }
 
 .i-internet-explorer:before {
-  content: "\f26b";
+  content: "\f1d4";
 }
 
 .i-markdown:before {
-  content: "\f60f";
+  content: "\f1eb";
 }
 
 .i-smile:before {
-  content: "\f118";
+  content: "\f2a5";
 }
 
 .i-preview:before {
-  content: "\f4d5";
+  content: "\e901";
 }
 
 .i-share:before {
-  content: "\f064";
+  content: "\e61b";
 }
 
 .i-link-circle:before {
-  content: "\f0c1";
+  content: "\e67b";
 }
 
 .i-person:before {
-  content: "\f2bd";
+  content: "\e69d";
 }
 
 .i-sun:before {
-  content: "\f766";
+  content: "\e6d1";
 }
 
 .i-moon:before {
-  content: "\f755";
+  content: "\e71e";
 }
 
 .i-compress:before {
@@ -207,7 +207,7 @@
 }
 
 .i-music:before {
-  content: "\f001";
+  content: "\f059";
 }
 
 .i-pause:before {
@@ -219,7 +219,7 @@
 }
 
 .i-play:before {
-  content: "\f04b";
+  content: "\f07f";
 }
 
 .i-calendar-check:before {
@@ -255,7 +255,7 @@
 }
 
 .i-star:before {
-  content: "\f005";
+  content: "\f0d4";
 }
 
 .i-link-alt:before {
@@ -283,7 +283,7 @@
 }
 
 .i-home:before {
-  content: "\f015";
+  content: "\e8ed";
 }
 
 .i-magic:before {
@@ -291,7 +291,7 @@
 }
 
 .i-sakura:before {
-  content: "\f7ff";
+  content: "\e695";
 }
 
 .i-tag:before {
@@ -299,19 +299,19 @@
 }
 
 .i-angle-left:before {
-  content: "\f104";
+  content: "\ef19";
 }
 
 .i-arrow-circle-right:before {
-  content: "\f0a9";
+  content: "\ef23";
 }
 
 .i-check-circle:before {
-  content: "\f058";
+  content: "\ef66";
 }
 
 .i-exclamation-circle:before {
-  content: "\f06a";
+  content: "\efb5";
 }
 
 .i-info-circle:before {
@@ -319,11 +319,11 @@
 }
 
 .i-minus-circle:before {
-  content: "\f056";
+  content: "\f050";
 }
 
 .i-plus-circle:before {
-  content: "\f055";
+  content: "\f082";
 }
 
 .i-file-word:before {
@@ -331,15 +331,15 @@
 }
 
 .i-check:before {
-  content: "\f00c";
+  content: "\ef65";
 }
 
 .i-times:before {
-  content: "\e29e";
+  content: "\f109";
 }
 
 .i-list-ol:before {
-  content: "\f0cb";
+  content: "\f039";
 }
 
 .i-archive:before {
@@ -347,15 +347,15 @@
 }
 
 .i-angle-right:before {
-  content: "\f105";
+  content: "\ef1f";
 }
 
 .i-arrow-down:before {
-  content: "\f063";
+  content: "\ef25";
 }
 
 .i-arrow-up:before {
-  content: "\f062";
+  content: "\ef2a";
 }
 
 .i-chart-area:before {
@@ -387,7 +387,7 @@
 }
 
 .i-heartbeat:before {
-  content: "\f21e";
+  content: "\f017";
 }
 
 .i-search:before {
@@ -395,7 +395,7 @@
 }
 
 .i-sitemap:before {
-  content: "\f0e8";
+  content: "\f0bd";
 }
 
 .i-tags:before {
@@ -411,7 +411,7 @@
 }
 
 .i-times-circle:before {
-  content: "\f057";
+  content: "\f10a";
 }
 
 .i-creative-commons:before {

package/source/js/_app/global.js

@@ -25,16 +25,16 @@ let LOCAL_HASH = 0;
 let LOCAL_URL = window.location.href;
 let pjax;
 const changeTheme = function (type) {
-    const btn = $dom('.theme .fa');
+    const btn = $dom('.theme .ic');
     if (type === 'dark') {
         HTML.attr('data-theme', type);
-        btn.removeClass('fa-sunrise');
-        btn.addClass('fa-moon-stars');
+        btn.removeClass('i-sun');
+        btn.addClass('i-moon');
     }
     else {
         HTML.attr('data-theme', null);
-        btn.removeClass('fa-moon-stars');
-        btn.addClass('fa-sunrise');
+        btn.removeClass('i-moon');
+        btn.addClass('i-sun');
     }
 };
 const autoDarkmode = function () {

package/source/js/_app/page.js

@@ -175,7 +175,7 @@ const postBeauty = function () {
     $dom.each('figure.highlight', function (element) {
         const code_container = element.child('.code-container');
         const caption = element.child('figcaption');
-        element.insertAdjacentHTML('beforeend', '<div class="operation"><span class="breakline-btn"><i class="fa fa-solid fa-align-left"></i></span><span class="copy-btn"><i class="fa fa-solid fa-clipboard"></i></span><span class="fullscreen-btn"><i class="fa fa-solid fa-expand"></i></span></div>');
+        element.insertAdjacentHTML('beforeend', '<div class="operation"><span class="breakline-btn"><i class="ic i-align-left"></i></span><span class="copy-btn"><i class="ic i-clipboard"></i></span><span class="fullscreen-btn"><i class="ic i-expand"></i></span></div>');
         const copyBtn = element.child('.copy-btn');
         if (LOCAL.nocopy) {
             copyBtn.remove();
@@ -190,14 +190,14 @@ const postBeauty = function () {
                     comma = '\n';
                 });
                 clipBoard(code, function (result) {
-                    target.child('.fa').className = result ? 'fa fa-solid fa-check' : 'fa fa-solid fa-times';
+                    target.child('.ic').className = result ? 'ic i-check' : 'ic i-times';
                     target.blur();
                     showtip(LOCAL.copyright);
                 });
             }, { passive: true });
             copyBtn.addEventListener('mouseleave', function (event) {
                 setTimeout(function () {
-                    event.target.child('.fa').className = 'fa fa-solid fa-clipboard';
+                    event.target.child('.ic').className = 'ic i-clipboard';
                 }, 1000);
             });
         }
@@ -206,11 +206,11 @@ const postBeauty = function () {
             const target = event.currentTarget;
             if (element.hasClass('breakline')) {
                 element.removeClass('breakline');
-                target.child('.fa').className = 'fa fa-solid fa-align-left';
+                target.child('.ic').className = 'ic i-align-left';
             }
             else {
                 element.addClass('breakline');
-                target.child('.fa').className = 'fa fa-solid fa-align-justify';
+                target.child('.ic').className = 'ic i-align-justify';
             }
         });
         const fullscreenBtn = element.child('.fullscreen-btn');
@@ -218,7 +218,7 @@ const postBeauty = function () {
             element.removeClass('fullscreen');
             element.scrollTop = 0;
             BODY.removeClass('fullscreen');
-            fullscreenBtn.child('.fa').className = 'fa fa-solid fa-expand';
+            fullscreenBtn.child('.ic').className = 'ic i-expand';
         };
         const fullscreenHandle = function (event) {
             const target = event.currentTarget;
@@ -234,7 +234,7 @@ const postBeauty = function () {
             else {
                 element.addClass('fullscreen');
                 BODY.addClass('fullscreen');
-                fullscreenBtn.child('.fa').className = 'fa fa-solid fa-compress';
+                fullscreenBtn.child('.ic').className = 'ic i-compress';
                 if (code_container && code_container.find('tr').length > 15) {
                     const showBtn = code_container.child('.show-btn');
                     code_container.style.maxHeight = '';
@@ -246,7 +246,7 @@ const postBeauty = function () {
         caption && caption.addEventListener('click', fullscreenHandle);
         if (code_container && code_container.find('tr').length > 15) {
             code_container.style.maxHeight = '300px';
-            code_container.insertAdjacentHTML('beforeend', '<div class="show-btn"><i class="fa fa-solid fa-angle-down"></i></div>');
+            code_container.insertAdjacentHTML('beforeend', '<div class="show-btn"><i class="ic i-angle-down"></i></div>');
             const showBtn = code_container.child('.show-btn');
             const hideCode = function () {
                 code_container.style.maxHeight = '300px';
@@ -414,7 +414,7 @@ const algoliaSearch = function (pjax) {
     if (!siteSearch) {
         siteSearch = BODY.createChild('div', {
             id: 'search',
-            innerHTML: '<div class="inner"><div class="header"><span class="icon"><i class="fa fa-solid fa-magnifying-glass"></i></span><div class="search-input-container"></div><span class="close-btn"><i class="fa fa-solid fa-times-circle"></i></span></div><div class="results"><div class="inner"><div id="search-stats"></div><div id="search-hits"></div><div id="search-pagination"></div></div></div></div>'
+            innerHTML: '<div class="inner"><div class="header"><span class="icon"><i class="ic i-search"></i></span><div class="search-input-container"></div><span class="close-btn"><i class="ic i-times-circle"></i></span></div><div class="results"><div class="inner"><div id="search-stats"></div><div id="search-hits"></div><div id="search-pagination"></div></div></div></div>'
         });
     }
     const search = instantsearch({
@@ -459,7 +459,7 @@ const algoliaSearch = function (pjax) {
             container: '#search-hits',
             templates: {
                 item: function (data) {
-                    const cats = data.categories ? '<span>' + data.categories.join('<i class="fa fa-solid fa-angle-right"></i>') + '</span>' : '';
+                    const cats = data.categories ? '<span>' + data.categories.join('<i class="ic i-angle-right"></i>') + '</span>' : '';
                     return '<a href="' + CONFIG.root + data.path + '">' + cats + data._highlightResult.title.value + '</a>';
                 },
                 empty: function (data) {
@@ -478,10 +478,10 @@ const algoliaSearch = function (pjax) {
             showFirst: false,
             showLast: false,
             templates: {
-                first: '<i class="fa fa=solid fa-angle-double-left"></i>',
-                last: '<i class="fa fa-solid fa-angle-double-right"></i>',
-                previous: '<i class="fa fa-solid fa-angle-left"></i>',
-                next: '<i class="fa fa-solid fa-angle-right"></i>'
+                first: '<i class="ic i-angle-double-left"></i>',
+                last: '<i class="ic i-angle-double-right"></i>',
+                previous: '<i class="ic i-angle-left"></i>',
+                next: '<i class="ic i-angle-right"></i>'
             },
             cssClasses: {
                 root: 'pagination',
@@ -530,7 +530,7 @@ const domInit = function () {
     if (!toolBtn) {
         toolBtn = siteHeader.createChild('div', {
             id: 'tool',
-            innerHTML: '<div class="item player"></div><div class="item contents"><i class="fa fa-solid fa-list-ol"></i></div><div class="item chat"><i class="fa fa-solid fa-comments"></i></div><div class="item back-to-top"><i class="fa fa-solid fa-arrow-up"></i><span>0%</span></div>'
+            innerHTML: '<div class="item player"></div><div class="item contents"><i class="ic i-list-ol"></i></div><div class="item chat"><i class="ic i-comments"></i></div><div class="item back-to-top"><i class="ic i-arrow-up"></i><span>0%</span></div>'
         });
     }
     toolPlayer = toolBtn.child('.player');

package/source/js/_app/vue.js

@@ -5,7 +5,7 @@ Vue.createApp({
     methods: {
         changeThemeByBtn() {
             let c;
-            const btn = $dom('.theme').child('.fa');
+            const btn = $dom('.theme').child('.ic');
             const neko = BODY.createChild('div', {
                 id: 'neko',
                 innerHTML: '<div class="planet"><div class="sun"></div><div class="moon"></div></div><div class="body"><div class="face"><section class="eyes left"><span class="pupil"></span></section><section class="eyes right"><span class="pupil"></span></section><span class="nose"></span></div></div>'