hexo-theme-lnote 1.2.3

package/layout/_partials/post/sidebar-right.ejs

@@ -0,0 +1,3 @@
+<aside class="sidebar" style="margin-left: -1rem">
+  <%- partial('_partials/post/toc') %>
+</aside>

package/layout/_partials/post/toc.ejs

@@ -0,0 +1,7 @@
+<div id="toc">
+  <p class="toc-header">
+    <i class="iconfont icon-list"></i>
+    <span><%- __('post.toc') %></span>
+  </p>
+  <div class="toc-body" id="toc-body"></div>
+</div>

package/layout/_partials/scripts.ejs

@@ -0,0 +1,10 @@
+<%- partial('_partials/plugins/nprogress.ejs') %>
+
+<%- all_html_link('js') %>
+
+<%- partial('_partials/plugins/typed.ejs') %>
+<%- partial('_partials/post/scripts.ejs') %>
+
+<%# if (theme.custom_js) { %>
+  <%#- js(theme.custom_js) %>
+<%# } %>

package/layout/_partials/search.ejs

@@ -0,0 +1,19 @@
+<div class="modal fade" id="modalSearch" tabindex="-1" role="dialog" aria-labelledby="modalSearchLabel"
+     aria-hidden="true">
+  <div class="modal-dialog modal-dialog-scrollable modal-lg" role="document">
+    <div class="modal-content">
+      <div class="modal-header text-center">
+        <h4 class="modal-title w-100 font-weight-bold"><%= __('search.title') %></h4>
+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
+        </button>
+      </div>
+      <div class="modal-body mx-3">
+        <div class="md-form mb-5">
+          <input type="text" id="modalSearchInput" class="form-control validate">
+          <label data-error="x" data-success="v" for="modalSearchInput"><%= __('search.keyword') %></label>
+        </div>
+        <div class="list-group" id="modalSearchResult"></div>
+      </div>
+    </div>
+  </div>
+</div>

package/layout/about.ejs

@@ -0,0 +1,22 @@
+<%
+page.layout = "about"
+page.title = __('about.title')
+page.subtitle = __('about.subtitle')
+page.banner_img = page.banner_img || theme.banner_img
+page.banner_img_height = 60
+page.banner_mask_alpha = 0.3
+%>
+
+<div class="text-center">
+  <div class="about-info">
+    <div class="about-name"><%- config.author %></div>
+    <div class="about-intro"><%- config.description %></div>
+  </div>
+</div>
+
+<article class="about-content page-content mt-5">
+  <div class="markdown-body">
+    <%- page.content %>
+  </div>
+</article>
+

package/layout/archive.ejs

@@ -0,0 +1,10 @@
+<%
+page.layout = "archive"
+page.title = __('archive.title')
+page.subtitle = __('archive.subtitle')
+page.banner_img = theme.banner_img
+page.banner_img_height = 60
+page.banner_mask_alpha = 0.3
+%>
+
+<%- partial('_partials/archive-list.ejs', { params: { key: page.layout, postTotal: site.posts.length } }) %>

package/layout/categories.ejs

@@ -0,0 +1,20 @@
+<%
+page.layout = 'categories'
+page.title = __('category.title')
+page.subtitle = __('category.subtitle')
+page.banner_img = theme.banner_img
+page.banner_img_height = 60
+page.banner_mask_alpha = 0.3
+// 排序，前面带减号是倒序，不带减号是正序
+var orderBy = '-length' || 'name'
+var curCats = site.categories.find({ parent: { $exists: false } }).sort(orderBy).filter(cat => cat.length)
+%>
+
+<%- partial('_partials/category-list', {
+  curCats: curCats,
+  params: {
+    orderBy: orderBy,
+    postLimit  : 10,
+    postOrderBy: orderBy || config.index_generator.order_by
+  }
+}) %>

package/layout/category.ejs

@@ -0,0 +1,12 @@
+<%
+page.layout = "category"
+page.title = [__('category.title'), page.category].join(" - ")
+page.subtitle = [__('category.subtitle'), page.category].join(" - ")
+page.banner_img = theme.banner_img
+page.banner_img_height = 60
+page.banner_mask_alpha = 0.3
+
+var cat = site.categories.find({name: page.category}).filter(cat => cat.length).data[0]
+%>
+
+<%- partial('_partials/archive-list.ejs', { params: { key: page.layout, postTotal: cat ? cat.posts.length : 0 } }) %>

package/layout/index.ejs

@@ -0,0 +1,61 @@
+<%
+page.subtitle = config.subtitle
+page.banner_img = theme.banner_img
+page.banner_img_height = 100
+page.banner_mask_alpha = 0.3
+%>
+
+<% page.posts.each(function (post) { %>
+  <div class="row mx-auto index-card">
+    <% var post_url = url_for(post.path), index_img = post.index_img %>
+    <% if (index_img) { %>
+      <div class="col-12 col-md-4 m-auto index-img">
+        <a href="<%= post_url %>" target="_self">
+          <img src="<%= url_for(index_img) %>" alt="<%= post.title %>">
+        </a>
+      </div>
+    <% } %>
+    <article class="col-12 col-md-<%= index_img ? '8' : '12' %> mx-auto index-info">
+      <h2 class="index-header">
+        <% if (post.sticky > 0) { %>
+          <i class="index-pin iconfont icon-top" title="Pin on top"></i>
+        <% } %>
+        <a href="<%= post_url %>" target="_self">
+          <%= post.title %>
+        </a>
+      </h2>
+
+      <% var excerpt = post.description || post.excerpt || post.content %>
+      <a class="index-excerpt <%= index_img ? '' : 'index-excerpt__noimg' %>" href="<%= post_url %>" target="_self">
+        <div>
+          <%- strip_html(excerpt).substring(0, 200).trim().replace(/\n/g, ' ') %>
+        </div>
+      </a>
+
+      <div class="index-btm post-metas">
+        <div class="post-meta mr-3">
+          <i class="iconfont icon-date"></i>
+          <time datetime="<%= full_date(post.date, 'YYYY-MM-DD HH:mm') %>" pubdate>
+            <%- date(post.date, config.date_format) %>
+          </time>
+        </div>
+        <% if (post.categories.length > 0) { %>
+          <div class="post-meta mr-3 d-flex align-items-center">
+            <i class="iconfont icon-category"></i>
+            <%- partial('_partials/category-chains', { categories: post.categories, limit: 1 }) %>
+          </div>
+        <% } %>
+        <% if (post.tags.length > 0) { %>
+          <div class="post-meta">
+            <i class="iconfont icon-tags"></i>
+            <% post.tags.each(function(tag){ %>
+              <a href="<%= url_for(tag.path) %>">#<%- tag.name %></a>
+            <% }) %>
+          </div>
+        <% } %>
+      </div>
+    </article>
+  </div>
+<% }) %>
+
+<%- partial('_partials/paginator') %>

package/layout/layout.ejs

@@ -0,0 +1,60 @@
+<%
+var banner_img_height = 100
+var colorSchema = theme.dark_mode
+%>
+
+<!DOCTYPE html>
+<html lang="<%= config.language %>" <%= colorSchema ? `data-default-color-scheme=${colorSchema}` : '' %>>
+
+<%- partial('_partials/head.ejs') %>
+
+<body>
+  <%- inject_point('bodyBegin') %>
+
+  <header>
+    <%- inject_point('header') %>
+  </header>
+
+  <main>
+    <% if(is_post() || page.layout === '404') { %>
+      <%- body %>
+    <% } else { %>
+      <div class="container nopadding-x-md">
+        <div id="board"
+          <%- banner_img_height >= 100 ? 'style="margin-top: 0"' : '' %>>
+          <% if(page.layout === 'about') { %>
+            <div class="about-avatar">
+              <img src="<%= url_for(theme.avatar) %>" alt="avatar">
+            </div>
+          <% } %>
+          <div class="container">
+            <div class="row">
+              <div class="col-12 col-md-10 m-auto">
+                <%- body %>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    <% } %>
+
+    <a id="scroll-top-button" aria-label="TOP" href="#" role="button">
+      <i class="iconfont icon-arrowup" aria-hidden="true"></i>
+    </a>
+
+    <%- partial('_partials/search.ejs') %>
+
+  </main>
+
+  <%- write_info('footer') %>
+  <!-- Scripts -->
+  <%- partial('_partials/scripts.ejs') %>
+
+  <%- my_post_js(page) %>
+  <%- inject_point('bodyEnd') %>
+
+  <noscript>
+    <div class="noscript-warning"><%- __('noscript_warning') %></div>
+  </noscript>
+</body>
+</html>

package/layout/links.ejs

@@ -0,0 +1,31 @@
+<%
+page.layout = "links"
+page.title = __('links.title')
+page.subtitle = __('links.subtitle')
+page.banner_img = theme.banner_img
+page.banner_img_height = 60
+page.banner_mask_alpha = 0.3
+page.comment = 'disqus'
+%>
+
+<div class="row links">
+  <% for(const each of theme.links || []) { %>
+    <% if (!each.title || !each.link) continue %>
+    <div class="card col-lg-4 col-md-6 col-sm-12">
+      <a href="<%= url_for(each.link) %>" class="card-body hover-with-bg" target="_blank" rel="noopener">
+        <div class="card-content">
+          <% if (each.avatar || each.image) { %>
+            <div class="link-avatar my-auto">
+              <img src="<%= url_for(each.avatar || each.image) %>" alt="<%= each.title %>"
+                   onerror="this.onerror=null; this.src=this.srcset='<%= url_for(theme.links.onerror_avatar) %>'"/>
+            </div>
+          <% } %>
+          <div class="link-text">
+            <div class="link-title"><%- each.title %></div>
+            <div class="link-intro"><%- each.intro || '' %></div>
+          </div>
+        </div>
+      </a>
+    </div>
+  <% } %>
+</div>

package/layout/page.ejs

@@ -0,0 +1,15 @@
+<%
+var layout = page.layout
+page.title = page.title || __(`${ layout }.title`)
+page.subtitle = page.subtitle || page.title || __(`${ layout }.subtitle`)
+page.banner_img = page.banner_img || theme.banner_img
+page.banner_img_height = 60
+page.banner_mask_alpha = 0.3
+%>
+
+<article class="page-content">
+  <%- page.content %>
+
+  <%- inject_point('pageComments') %>
+</article>
+

package/layout/post.ejs

@@ -0,0 +1,77 @@
+<%
+page.banner_img = page.banner_img || theme.banner_img
+page.banner_img_height = 60
+page.banner_mask_alpha = 0.3
+%>
+
+<div class="container-fluid nopadding-x">
+  <div class="row nomargin-x">
+    <div class="side-col d-none d-lg-block col-lg-2">
+      <%- inject_point('postLeft') %>
+    </div>
+
+    <div class="col-lg-8 nopadding-x-md">
+      <div class="container nopadding-x-md" id="board-ctn">
+        <div id="board">
+          <article class="post-content mx-auto">
+            <h1 id="seo-header"><%= page.subtitle || page.title %></h1>
+            <p class="alert alert-info">
+              <%- __('post.updated', date(page.updated, 'LLLL')) %>
+            </p>
+            <% if (page.encrypt === true) { %>
+              <%- inject_point('postMarkdownBegin') %>
+              <%- page.content %>
+              <%- partial('_partials/plugins/encrypt') %>
+              <%- inject_point('postMarkdownEnd') %>
+            <% } else { %>
+              <div class="markdown-body">
+                <%- my_post_main('postMainBegin', page) %>
+                <%- inject_point('postMarkdownBegin') %>
+                <%- page.content %>
+                <%- inject_point('postMarkdownEnd') %>
+                <%- my_post_main('postMainEnd', page) %>
+              </div>
+            <% } %>
+            <hr/>
+            <div>
+              <%- inject_point('postMetaBottom') %>
+
+              <%- inject_point('postCopyright') %>
+
+              <% if (!page.hide) { %>
+                <div class="post-prevnext my-3">
+                  <article class="post-prev col-6">
+                    <% const prev = prev_post(page) %>
+                    <% if (prev) { %>
+                      <a href="<%= url_for(prev.path) %>" title="<%= prev.title %>">
+                        <i class="iconfont icon-arrowleft"></i>
+                        <span class="hidden-mobile"><%= prev.title %></span>
+                        <span class="visible-mobile"><%- __('post.prev_post') %></span>
+                      </a>
+                    <% } %>
+                  </article>
+                  <article class="post-next col-6">
+                    <% const next = next_post(page) %>
+                    <% if (next) { %>
+                      <a href="<%= url_for(next.path) %>" title="<%= next.title %>">
+                        <span class="hidden-mobile"><%= next.title %></span>
+                        <span class="visible-mobile"><%- __('post.next_post') %></span>
+                        <i class="iconfont icon-arrowright"></i>
+                      </a>
+                    <% } %>
+                  </article>
+                </div>
+              <% } %>
+            </div>
+
+            <%- inject_point('postComments') %>
+          </article>
+        </div>
+      </div>
+    </div>
+
+    <div class="side-col d-none d-lg-block col-lg-2">
+      <%- inject_point('postRight') %>
+    </div>
+  </div>
+</div>

package/layout/tag.ejs

@@ -0,0 +1,12 @@
+<%
+page.layout = "tag"
+page.title = [__('tag.title'), page.tag].join(" - ")
+page.subtitle = [__('tag.subtitle'), page.tag].join(" - ")
+page.banner_img = theme.banner_img
+page.banner_img_height = 80
+page.banner_mask_alpha = 0.3
+
+var tag = site.tags.find({name: page.tag}).filter(tag => tag.length).data[0]
+%>
+
+<%- partial('_partials/archive-list.ejs', { params: { key: page.layout, postTotal: tag ? tag.posts.length : 0 } }) %>

package/layout/tags.ejs

@@ -0,0 +1,26 @@
+<%
+page.layout = "tags"
+page.title = __('tag.title')
+page.subtitle = __('tag.subtitle')
+page.banner_img = theme.banner_img
+page.banner_img_height = 80
+page.banner_mask_alpha = 0.3
+
+var min_font = 18
+var max_font = 42
+var unit = 'px'
+var start_color = '#BBBBEE'
+var end_color = '#337ab7'
+%>
+
+<div class="text-center tagcloud">
+  <%- tagcloud({
+    min_font: min_font,
+    max_font: max_font,
+    amount: 999,
+    unit: unit,
+    color: true,
+    start_color,
+    end_color
+  }) %>
+</div>

package/package.json

@@ -0,0 +1,70 @@
+{
+  "name": "hexo-theme-lnote",
+  "version": "1.2.3",
+  "description": "An elegant Material-Design theme for Hexo.",
+  "main": "package.json",
+  "files": [
+    "languages",
+    "layout",
+    "scripts/*.js",
+    "config",
+    "source",
+    "_config.yml",
+    "templates"
+  ],
+  "scripts": {
+    "test": "jest --coverage --silent --watchAll=false",
+    "unit": "jest --watchAll",
+    "unit-spec": "jest --watchAll --verbose ./src/utils/__test__/vueTsr.test.ts",
+    "dev": "npx webpack --watch --config webpack.dev.js",
+    "build": "npx webpack --config webpack.config.js"
+  },
+  "keywords": [
+    "hexo",
+    "theme",
+    "lnote",
+    "material"
+  ],
+  "author": "littlefatcat163",
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "peerDependencies": {
+    "nunjucks": "^3.0.0"
+  },
+  "devDependencies": {
+    "@types/bluebird": "^3.5.41",
+    "@types/bunyan": "^1.8.10",
+    "@types/connect": "^3.4.37",
+    "@types/css": "^0.0.35",
+    "@types/hexo-util": "^0.6.7",
+    "@types/jest": "^29.5.6",
+    "@types/minimist": "^1.2.4",
+    "@types/node": "^20.8.9",
+    "@types/nunjucks": "^3.2.6",
+    "@types/underscore": "^1.11.12",
+    "clean-webpack-plugin": "^4.0.0",
+    "compare-versions": "^6.1.0",
+    "css": "^3.0.0",
+    "javascript-obfuscator": "^4.1.0",
+    "jest": "^29.7.0",
+    "jest-transform-yaml": "^1.1.2",
+    "lnote-esm": "^1.0.2",
+    "moment": "^2.29.4",
+    "ts-jest": "^29.1.1",
+    "ts-loader": "^9.5.0",
+    "ts-node": "^10.9.1",
+    "tslib": "^2.6.2",
+    "typescript": "^5.2.2",
+    "webpack": "^5.89.0",
+    "webpack-cli": "^5.1.4",
+    "webpack-merge": "^5.10.0",
+    "webpack-obfuscator": "^3.5.1",
+    "yaml": "^2.3.3"
+  },
+  "dependencies": {
+    "lodash": "^4.17.21",
+    "systeminformation": "^5.21.15",
+    "vue": "^3.3.7"
+  }
+}