hexo-theme-linen 1.0.3 → 1.0.5

package/_config.yml

@@ -1,9 +1,9 @@
 stylesheets:
-- /css/linen.css
-- /css/mediaquery.css
+- /linen-theme/css/linen.css
+- /linen-theme/css/mediaquery.css
 
 scripts:
-- /js/linen.js
+- /linen-theme/js/linen.js
 
 sass:
   outputStyle: compressed

package/layout/archive.ejs

@@ -24,7 +24,7 @@ const archivesList = Object.entries(site.posts.filter(post=>!post?.hide?.archive
       <ul class="archive-list">
         <% categoriesList.forEach(category => { %>
         <li class="archive-list-item">
-          <a class="archive-list-link" data-firstletter="<%=category.name.charAt(0)%>" href="<%='/categories/' + category.name + '/'%>">
+          <a class="archive-list-link" data-firstletter="<%=category.name.charAt(0)%>" href="<%=url_for(`/categories/${category.name}/`)%>">
             <%=category.name%>
             <span class="archive-list-count"><%=category.count%></span>
           </a>
@@ -38,7 +38,7 @@ const archivesList = Object.entries(site.posts.filter(post=>!post?.hide?.archive
       <ul class="archive-list">
         <% archivesList.forEach(archive => { %>
         <li class="archive-list-item">
-          <a class="archive-list-link" data-firstletter="<%=archive.name.charAt(archive.name.length-1)%>" href="<%='/archives/' + archive.year + '/'%>">
+          <a class="archive-list-link" data-firstletter="<%=archive.name.charAt(archive.name.length-1)%>" href="<%=url_for(`/archives/${archive.year}/`)%>">
             <%=archive.name%>
             <span class="archive-list-count"><%=archive.count%></span>
           </a>
@@ -57,7 +57,7 @@ const archivesList = Object.entries(site.posts.filter(post=>!post?.hide?.archive
     <ul class="archive-list">
       <% seriesList.forEach(series => { %>
       <li class="archive-list-item">
-        <a class="archive-list-link" data-firstletter="<%=series.name.charAt(0)%>" href="<%='/series/' + series.name + '/'%>">
+        <a class="archive-list-link" data-firstletter="<%=series.name.charAt(0)%>" href="<%=url_for(`/series/${series.name}/`)%>">
           <%=series.name%>
           <span class="archive-list-count"><%=series.count%></span>
         </a>

package/layout/layout.ejs

@@ -14,7 +14,7 @@ const version = theme.version;
   <meta charset="UTF-8" />
   <meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
   <title><%=getPageTitle()%></title>
-  <link rel="icon" type="image/x-icon" href="<%=theme?.icon ?? '/favicon.svg'%>" />
+  <link rel="icon" type="image/x-icon" href="<%=url_for(theme?.icon ?? '/linen-theme/favicon.svg')%>" />
   <meta name="referrer" content="no-referrer-when-downgrade" />
   <% if (page.hide && page.hide.seo) { %>
   <meta name="robots" content="noindex, nofollow">
@@ -23,14 +23,14 @@ const version = theme.version;
   <%-partial('partials/share-meta')%> <% if (theme.stylesheets !== undefined
     && theme.stylesheets.length > 0) { %>
   <% if (is_post()) { %>
-  <link rel="stylesheet" href="/css/linkcard.css?v=<%=version%>" />
+  <link rel="stylesheet" href="<%=url_for(`/linen-theme/css/linkcard.css?v=${version}`)%>" />
   <% } %>
   <!-- stylesheets list from _config.yml -->
   <% theme.stylesheets.forEach(url => { %>
-  <link rel="stylesheet" href="<%=url%>?v=<%=version%>" />
+  <link rel="stylesheet" href="<%=url_for(`${url}?v=${version}`)%>" />
   <% }); %> <% } %>
   <% if (theme?.lazyload?.enable ?? true) { %>
-  <link rel="stylesheet" href="/css/lazyload.css?v=<%=version%>" />
+  <link rel="stylesheet" href="<%=url_for(`/linen-theme/css/lazyload.css?v=${version}`)%>" />
   <% } %>
   <% if (theme?.heads) { %>
   <% theme?.heads.forEach(head => { %>
@@ -77,13 +77,13 @@ const version = theme.version;
     <div class="side-content">
       <% if (series.length) { %>
       <div class="post-series">
-        <a class="series-title" href="<%='/series/' + page.series + '/'%>"><%=__('common.series')%>-<%=page.series%></a>
+        <a class="series-title" href="<%=url_for(`/series/${page.series}/`)%>"><%=__('common.series')%>-<%=page.series%></a>
         <div class="series-items">
           <% take(series, 50).forEach((item, index) => { %>
           <a class="series-item-link<%-item.source === page.source ? ' active': ''%>" href="<%=url_for(item.path)%>"><%-`${item.title}`%><% if (item.subTitle) { %><span class="sub-title"><%=item.subTitle%></span><% } %></a>
           <% }); %>
           <% if(series.length > 50) { %>
-          <a class="series-item-link view-more" href="<%='/series/' + page.series + '/'%>"><%-`${__('common.total')} ${series.length} ${__('common.seriesPostCountShort')}`%></a>
+          <a class="series-item-link view-more" href="<%=url_for(`/series/${page.series}/`)%>"><%-`${__('common.total')} ${series.length} ${__('common.seriesPostCountShort')}`%></a>
           <% } %>
         </div>
       </div>
@@ -101,16 +101,16 @@ const version = theme.version;
   <a id="back-to-top" href="#page-top" title="back to top"></a>
   <noscript id="noscript-styles"></noscript>
   <% if(is_post()) { %>
-  <script src="/js/toc.js?v=<%=version%>" defer></script>
+  <script src="<%=url_for(`/linen-theme/js/toc.js?v=${version}`)%>" defer></script>
   <% } %>
   <% if (theme.scripts !== undefined && theme.scripts.length > 0) { %>
   <!-- scripts list from theme config.yml -->
   <% theme.scripts.forEach(url => { %>
-  <script src="<%=url%>?v=<%=version%>"></script>
+  <script src="<%=url_for(`${url}?v=${version}`)%>"></script>
   <% }); %>
   <% } %>
   <% if (theme?.lazyload?.enable ?? true) { %>
-  <script src="/js/lazyload.js?v=<%=version%>"></script>
+  <script src="<%=url_for(`/linen-theme/js/lazyload.js?v=${version}`)%>"></script>
   <% } %>
   <% if (page.hdrAssetsPrefix) { %>
   <script>
@@ -118,7 +118,7 @@ const version = theme.version;
   </script>
   <% } %>
   <% if (page.hdrSwitch) { %>
-  <script src="/js/hdr.js?v=<%=version%>"></script>
+  <script src="<%url_for(`/linen-theme/js/hdr.js?v=${version}`)%>"></script>
   <% } %>
   <% if (theme?.appends?.length > 0) { %>
   <% theme.appends.forEach(appendItem => { %>

package/layout/partials/header.ejs

@@ -11,7 +11,7 @@ const rssPath = theme?.feed === false ? '' : theme?.feed?.path ?? '/feed.xml';
 <% } %>
 <div class="nav-header<%=is_post() ? ' is-post': ''%>">
   <div class="header-inner">
-    <a class="title" href="/" title="index" style="<%=[logoSrc ? `background-image: url(${logoSrc})`: '', logoWidth && logoHeight ? `aspect-ratio: ${logoWidth}/${logoHeight}` : ''].filter(v => v).join(';')%>"><%=logoText||''%></a>
+    <a class="title" href="<%=url_for('/')%>" title="index" style="<%=[logoSrc ? `background-image: url(${logoSrc})`: '', logoWidth && logoHeight ? `aspect-ratio: ${logoWidth}/${logoHeight}` : ''].filter(v => v).join(';')%>"><%=logoText||''%></a>
     <div class="right">
       <div class="navItems">
         <% (theme?.navItems || []).forEach(({ name, path }) => { %>

package/layout/partials/post-item.ejs

@@ -6,7 +6,7 @@
         <% if(post?.tags?.length) { %>
           <div class="tags">
             <% (post.tags || []).forEach(tag => { %>
-              <a class="tag-item" href="<%='/'+tag.path%>" onclick="event.stopPropagation()"><%=tag.name%></a>
+              <a class="tag-item" href="<%=url_for(`/${tag.path}`)%>" onclick="event.stopPropagation()"><%=tag.name%></a>
             <% }) %>
           </div>
         <% } %>
@@ -20,7 +20,7 @@
         <% } %>
         <span class="categories">
           <% (post?.categories || []).forEach(category => { %>
-          <a class="category-item" href="<%='/'+category.path%>" onclick="event.stopPropagation()"><%=category.name%></a>
+          <a class="category-item" href="<%=url_for(`/${category.path}`)%>" onclick="event.stopPropagation()"><%=category.name%></a>
           <% }); %>
         </span>
         <span class="read-time"><%-partial('partials/words', { post, count: false, readTime: true })%></span>

package/layout/partials/share-meta.ejs

@@ -3,7 +3,7 @@ var pageTitle = getPageTitle();
 %>
 <meta property="og:type" content="blog">
 <meta property="og:title" content="<%=pageTitle%>">
-<meta property="og:url" content="<%=config.url + '/' + page.path%>">
+<meta property="og:url" content="<%=url_for(page.path)%>">
 <meta property="og:site_name" content="<%=config.title%>">
 <meta property="og:description" content="<%=page?.seriesInfo?.description||page.excerpt||''%>">
 <meta property="og:locale" content="<%=page.language||config.language%>">

package/layout/partials/site-info.ejs

@@ -12,13 +12,13 @@ const series = Array.from(new Set(site.posts.filter(item=>item.series).sort('dat
     <div class="info-row description"><%=theme?.info?.site_desc%></div>
   <% } %>
   <div class="info-row site-statisc">
-    <a href="/archives/#posts" target="_self"><%=site.posts?.filter(post=>!post?.hide?.archive).length%> <%=__('common.posts')%></a>
+    <a href="<%=url_for('/archives/#posts')%>" target="_self"><%=site.posts?.filter(post=>!post?.hide?.archive).length%> <%=__('common.posts')%></a>
     <span class="divider">/</span>
-    <a href="/archives/#categories" target="_self"><%=site.categories.length%> <%=__('common.categories')%></a>
+    <a href="<%=url_for('/archives/#categories')%>" target="_self"><%=site.categories.length%> <%=__('common.categories')%></a>
     <span class="divider">/</span>
-    <a href="/archives/#tags" target="_self"><%=site.tags.length%> <%=__('common.tags')%></a>
+    <a href="<%=url_for('/archives/#tags')%>" target="_self"><%=site.tags.length%> <%=__('common.tags')%></a>
     <% if (series.length) { %>
     <span class="divider">/</span>
-    <a href="/archives/#series" target="_self"><%=series.length%> <%=__('common.series')%></a><% } %>
+    <a href="<%url_for('/archives/#series')%>" target="_self"><%=series.length%> <%=__('common.series')%></a><% } %>
   </div>
 </div>

package/layout/post.ejs

@@ -67,7 +67,7 @@
   <div id="page-content-end"></div>
   <div class="tags">
     <% page.tags.forEach(tag => { %>
-    <a class="tag-item" href="<%='/'+tag.path%>"><%=tag.name%></a>
+    <a class="tag-item" href="<%=url_for(`/${tag.path}`)%>"><%=tag.name%></a>
     <% }); %>
   </div>
 </article>
@@ -236,12 +236,12 @@ const nextPost = series[currentIndex + 1] || null;
   const version = theme.version;
   const hdrAssetsPrefix = page?.hdrAssetsPrefix || '';
 %>
-<link rel="stylesheet" href="/css/photoswipe.css?v=<%=version%>" />
-<link rel="stylesheet" href="/css/photoswipe-dynamic-caption-plugin.css?v=<%=version%>" />
+<link rel="stylesheet" href="/linen-theme/css/photoswipe.css?v=<%=version%>" />
+<link rel="stylesheet" href="/linen-theme/css/photoswipe-dynamic-caption-plugin.css?v=<%=version%>" />
 <script type="module" defer>
-  import PhotoSwipeLightbox from '/js/photoswipe/photoswipe-lightbox.esm.min.js?v=<%=version%>';
-  import PhotoSwipe from '/js/photoswipe/photoswipe.esm.min.js?v=<%=version%>';
-  import PhotoSwipeDynamicCaption from '/js/photoswipe/photoswipe-dynamic-caption-plugin.esm.js?v=<%=version%>';
+  import PhotoSwipeLightbox from '/linen-theme/js/photoswipe/photoswipe-lightbox.esm.min.js?v=<%=version%>';
+  import PhotoSwipe from '/linen-theme/js/photoswipe/photoswipe.esm.min.js?v=<%=version%>';
+  import PhotoSwipeDynamicCaption from '/linen-theme/js/photoswipe/photoswipe-dynamic-caption-plugin.esm.js?v=<%=version%>';
   let isPswpOpening = false;
   let hdrAssetsPrefix = '<%=hdrAssetsPrefix%>';
   const getSafeAreaHeight = () => {

package/package.json

@@ -1,8 +1,12 @@
 {
   "name": "hexo-theme-linen",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "A clean Hexo theme",
   "main": "index.js",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/LynanBreeze/hexo-theme-linen.git"
+  },
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },
@@ -16,11 +20,11 @@
   "license": "MIT",
   "dependencies": {
     "hexo": "^8.1.1",
-    "hexo-util": "^4.0.0",
     "hexo-pagination": "^4.0.0",
+    "hexo-renderer-dartsass": "^1.1.0",
     "hexo-renderer-ejs": "^2.0.0",
-    "moment": "^2.30.1",
-    "hexo-renderer-dartsass": "^1.1.0"
+    "hexo-util": "^4.0.0",
+    "moment": "^2.30.1"
   },
   "engines": {
     "node": ">=14.0.0"

package/scripts/lazyload/inject.js

@@ -142,13 +142,13 @@ module.exports = function (hexo) {
       if (!fs.exists(filePath)) throw new TypeError(filePath + " not found!");
       const sourceCode = fs.readFileSync(filePath, { escape: true });
       fs.writeFileSync(
-        path.join(hexo.theme_dir, "source/js/lazyload.js"),
+        path.join(hexo.theme_dir, "source/linen-theme/js/lazyload.js"),
         sourceCode,
       );
     };
     const injectExtraStyles = function (sourceCode) {
       fs.writeFileSync(
-        path.join(hexo.theme_dir, "source/css/lazyload.css"),
+        path.join(hexo.theme_dir, "source/linen-theme/css/lazyload.css"),
         sourceCode,
       );
     };
@@ -175,7 +175,7 @@ module.exports = function (hexo) {
       htmlContent = htmlContent.replace(
         '<noscript id="noscript-styles"></noscript>',
         `<noscript id="noscript-styles"><style>${fs.readFileSync(
-          path.join(hexo.theme_dir, "source/css/noscript.css"),
+          path.join(hexo.theme_dir, "source/linen-theme/css/noscript.css"),
         )}</style></noscript>`,
       );
     }

package/source/{css → linen-theme/css}/lazyload.css

@@ -20,7 +20,7 @@
     padding-bottom: 66.66667%;
     background-size: 100% 100%;
     background-repeat: no-repeat;
-    background-image: url(/img/lazyload/loading.svg);
+    background-image: url(/linen-theme/img/lazyload/loading.svg);
     background-color: #fff;
   }
   .lazyload-wrap .placeholder canvas{
@@ -77,7 +77,7 @@
   .lazyload-wrap .error-wrap .error-tip{
     width: 60%;
     background-size: cover;
-    background-image: url(/img/lazyload/error-tip.svg);
+    background-image: url(/linen-theme/img/lazyload/error-tip.svg);
   }
   .lazyload-wrap .error-wrap .error-tip::before{
     content: '';

package/source/{css → linen-theme/css}/linen.scss

@@ -9,7 +9,7 @@
     local("Source Han Serif CN"),
     local("Source Han Serif SC"),
     local("Songti SC"),
-    url("/fonts/SourceHanSerifSC-Regular.woff2?v=#{$font-version}")
+    url("/linen-theme/fonts/SourceHanSerifSC-Regular.woff2?v=#{$font-version}")
       format("woff2");
   font-display: swap;
   unicode-range: U+4E00-9FFF;
@@ -17,14 +17,14 @@
 @font-face {
   font-family: "LXGWWenKai";
   font-display: swap;
-  src: url("/fonts/LXGWWenKai-Regular.woff2?v=#{$font-version}") format("woff2");
+  src: url("/linen-theme/fonts/LXGWWenKai-Regular.woff2?v=#{$font-version}") format("woff2");
   font-display: swap;
   unicode-range: U+4E00-9FFF;
 }
 
 @font-face {
   font-family: "source-serif";
-  src: url("/fonts/SourceSerif4-Regular.ttf.woff2?v=#{$font-version}")
+  src: url("/linen-theme/fonts/SourceSerif4-Regular.ttf.woff2?v=#{$font-version}")
     format("woff2");
   unicode-range:
     U+0-7F, U+A0, U+B7, U+200A, U+2014, U+2018, U+2019, U+201C, U+201D, U+2022,
@@ -33,7 +33,7 @@
 }
 @font-face {
   font-family: "Source Sans Pro";
-  src: url("/fonts/Source-Sans-Pro-Regular-2.woff2?v=#{$font-version}")
+  src: url("/linen-theme/fonts/Source-Sans-Pro-Regular-2.woff2?v=#{$font-version}")
     format("woff2");
   font-display: swap;
 }
@@ -238,7 +238,7 @@ body {
       margin-right: 30px;
       width: 225px;
       height: 42px;
-      background-image: url("/img/logo.svg");
+      background-image: url("/linen-theme/img/logo.svg");
       background-size: cover;
     }
     .right {
@@ -274,7 +274,7 @@ body {
             margin-right: 16px;
           }
           &.toc {
-            background-image: url("/img/icons/toc1.svg");
+            background-image: url("/linen-theme/img/icons/toc1.svg");
             background-size: contain;
             display: none;
             background-repeat: no-repeat;
@@ -282,32 +282,32 @@ body {
             cursor: pointer;
           }
           &.search {
-            background-image: url("/img/icons/search.svg");
+            background-image: url("/linen-theme/img/icons/search.svg");
             background-size: cover;
           }
           &.github {
-            background-image: url("/img/icons/github.svg");
+            background-image: url("/linen-theme/img/icons/github.svg");
             background-size: cover;
           }
           &.zh-CN {
-            background-image: url("/img/icons/chinese.svg");
+            background-image: url("/linen-theme/img/icons/chinese.svg");
             background-size: cover;
             width: 30px;
             height: 30px;
           }
           &.en {
-            background-image: url("/img/icons/english.svg");
+            background-image: url("/linen-theme/img/icons/english.svg");
             background-size: cover;
             width: 30px;
             height: 30px;
           }
           &.rss {
-            background-image: url("/img/icons/rss.svg");
+            background-image: url("/linen-theme/img/icons/rss.svg");
             background-size: cover;
             margin-right: 0;
           }
           &.hdr-switch {
-            background-image: url("/img/icons/hdr.svg");
+            background-image: url("/linen-theme/img/icons/hdr.svg");
             background-size: cover;
             cursor: pointer;
             position: relative;
@@ -327,8 +327,8 @@ body {
             }
             &.hdr_on {
               background: linear-gradient(90deg, #ff6ec4, #7873f5, #4ade80);
-              -webkit-mask: url("/img/icons/hdr.svg") no-repeat center;
-              mask: url("/img/icons/hdr.svg") no-repeat center;
+              -webkit-mask: url("/linen-theme/img/icons/hdr.svg") no-repeat center;
+              mask: url("/linen-theme/img/icons/hdr.svg") no-repeat center;
               -webkit-mask-size: contain;
               mask-size: contain;
               &::after {
@@ -423,12 +423,12 @@ body {
         display: inline-block;
         width: 20px;
         height: 20px;
-        background-image: url("/img/icons/copyright.svg");
+        background-image: url("/linen-theme/img/icons/copyright.svg");
         background-size: cover;
         &.location {
           width: 15px;
           height: 15px;
-          background-image: url("/img/icons/location.svg");
+          background-image: url("/linen-theme/img/icons/location.svg");
         }
       }
       .text {
@@ -506,7 +506,7 @@ body {
       display: inline-block;
       width: 0.8em;
       height: 0.8em;
-      background-image: url("/img/icons/link.svg");
+      background-image: url("/linen-theme/img/icons/link.svg");
       background-size: cover;
       transition: all ease-in-out 0.3s;
       opacity: 0;
@@ -609,7 +609,7 @@ body {
       display: inline-block;
       width: 1em;
       height: 1em;
-      background-image: url("/img/icons/redirect.svg");
+      background-image: url("/linen-theme/img/icons/redirect.svg");
       background-size: cover;
       vertical-align: middle;
       margin-bottom: 0.25em;
@@ -726,7 +726,7 @@ body {
             display: inline-block;
             width: 35px;
             height: 20px;
-            background-image: url("/img/icons/code.svg");
+            background-image: url("/linen-theme/img/icons/code.svg");
             background-size: 16px 16px;
             background-position: center;
             background-repeat: no-repeat;
@@ -746,7 +746,7 @@ body {
       right: 0;
       padding-top: 0.5em;
       padding-right: 0.5em;
-      background-image: url("/img/icons/copy.png");
+      background-image: url("/linen-theme/img/icons/copy.png");
       background-size: 14px 14px;
       background-position: 0 75%;
       background-repeat: no-repeat;
@@ -840,7 +840,7 @@ body {
       width: 100%;
       height: 24px;
       background-color: #fff;
-      background-image: url("/img/icons/up-down.svg");
+      background-image: url("/linen-theme/img/icons/up-down.svg");
       background-size: 24px 24px;
       background-repeat: no-repeat;
       background-position: center;
@@ -897,7 +897,7 @@ body {
       display: block;
       width: 24px;
       height: 24px;
-      background-image: url("/img/icons/new1.svg");
+      background-image: url("/linen-theme/img/icons/new1.svg");
       background-size: cover;
     }
   }
@@ -916,10 +916,10 @@ body {
       height: 35px;
       background-size: cover;
       &.zip {
-        background-image: url("/img/icons/ZIP.svg");
+        background-image: url("/linen-theme/img/icons/ZIP.svg");
       }
       &.bin {
-        background-image: url("/img/icons/binary.svg");
+        background-image: url("/linen-theme/img/icons/binary.svg");
       }
     }
     .attachment-size {
@@ -1071,7 +1071,7 @@ body {
           display: inline-block;
           width: 12px;
           height: 12px;
-          background-image: url("/img/icons/prev.svg");
+          background-image: url("/linen-theme/img/icons/prev.svg");
           background-size: cover;
           vertical-align: middle;
           margin-right: 4px;
@@ -1087,7 +1087,7 @@ body {
           display: inline-block;
           width: 12px;
           height: 12px;
-          background-image: url("/img/icons/next.svg");
+          background-image: url("/linen-theme/img/icons/next.svg");
           background-size: cover;
           vertical-align: middle;
           margin-left: 4px;
@@ -1151,7 +1151,7 @@ body {
           content: "";
           width: 13px;
           height: 13px;
-          background-image: url("/img/icons/tag.svg");
+          background-image: url("/linen-theme/img/icons/tag.svg");
           background-size: cover;
           filter: invert(1);
           margin-right: 4px;
@@ -1319,7 +1319,7 @@ body {
   top: $navbarMinHeight;
   left: 0;
   background-color: #ffffff;
-  background-image: url("/img/pattern-randomized.jpg");
+  background-image: url("/linen-theme/img/pattern-randomized.jpg");
   background-attachment: absolute;
   background-size: cover;
   opacity: 0.5;
@@ -1637,7 +1637,7 @@ body {
       display: inline-block;
       width: 13px;
       height: 13px;
-      background-image: url("/img/icons/shelf.svg");
+      background-image: url("/linen-theme/img/icons/shelf.svg");
       background-size: cover;
       margin-right: 0.5em;
     }
@@ -1685,7 +1685,7 @@ body {
         display: block;
         width: 24px;
         height: 24px;
-        background-image: url("/img/icons/arrow-down.svg");
+        background-image: url("/linen-theme/img/icons/arrow-down.svg");
         background-size: cover;
       }
       .title {
@@ -1840,7 +1840,7 @@ body {
       display: inline-block;
       width: 20px;
       height: 20px;
-      background-image: url("/img/icons/toc.svg");
+      background-image: url("/linen-theme/img/icons/toc.svg");
       background-size: cover;
       vertical-align: middle;
       margin-bottom: 4px;
@@ -1960,7 +1960,7 @@ body {
       display: inline-block;
       width: 13px;
       height: 13px;
-      background-image: url("/img/icons/shelf.svg");
+      background-image: url("/linen-theme/img/icons/shelf.svg");
       background-size: cover;
       vertical-align: middle;
       margin-bottom: 4px;
@@ -2168,7 +2168,7 @@ html[lang="zh-CN"] {
 .custom-checked-checkbox {
   width: 1.5em;
   height: 1.5em;
-  background-image: url("/img/icons/checked-checkbox.svg");
+  background-image: url("/linen-theme/img/icons/checked-checkbox.svg");
   background-size: 1em 1em;
   background-repeat: no-repeat;
   background-position: center;
@@ -2190,7 +2190,7 @@ html[lang="zh-CN"] {
     display: inline-block;
     width: 13px;
     height: 13px;
-    background-image: url("/img/icons/tag.svg");
+    background-image: url("/linen-theme/img/icons/tag.svg");
     background-size: cover;
     margin-right: 4px;
     margin-bottom: -1px;
@@ -2442,7 +2442,7 @@ details {
       transition: transform 0.2s;
       width: 1em;
       height: 1em;
-      background-image: url("/img/icons/collapsed.svg");
+      background-image: url("/linen-theme/img/icons/collapsed.svg");
       background-size: 100% 100%;
     }
   }

package/source/{css → linen-theme/css}/vars.scss

@@ -101,7 +101,7 @@ $postWidth: max(min(1192px, 68vw), 960px);
       content: "";
       width: 13px;
       height: 13px;
-      background-image: url("/img/icons/tag.svg");
+      background-image: url("/linen-theme/img/icons/tag.svg");
       background-size: cover;
       filter: invert(1);
       margin-right: 4px;