[feat] topic

2024-01-14 14:10:36 +08:00 · 2024-01-14 14:10:36 +08:00 · 3c115b66a7
parent 3c01b510b8
commit 3c115b66a7
26 changed files with 350 additions and 45 deletions
--- a/_config.yml
+++ b/_config.yml
@ -16,6 +16,11 @@ open_graph:
  enable: true
  twitter_id: # for open_graph meta

+# 只影响生成的页面路径，不影响配置文件命名规则
+base_dir:
+  wiki: wiki
+  topic: topic
+  author: author

 ######## Sidebar ########
 sidebar:
@ -36,13 +41,17 @@ sidebar:
    blog_index: search_blog, recent, timeline # for categories/tags/archives
    # 文档索引页
    wiki_index: search_docs, recent, timeline # for wiki
+    # 专栏索引页
+    index_topic: search_blog, recent, timeline # for topic
    # 其它（404）
    others: search, recent, timeline # for 404 and ...
    #### 手动创建的页面 ####
    # 文章内页
    post: search_blog, toc, related, ghrepo, ghissues # for pages using 'layout:post'
+    # 专栏内页
+    topic: search_blog, toc, related # for pages using 'layout:wiki'
    # 文档内页
-    wiki: search, toc, ghissues, related # for pages using 'layout:wiki'
+    wiki: search_blog, toc, ghissues, related # for pages using 'layout:wiki'
    # 其它 layout:page 的页面
    page: toc, search # for custom pages using 'layout:page'

@ -189,16 +198,16 @@ comments:
 footer:
  social:
    # github:
-    #   icon: '<img src="https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.9/social/08a41b181ce68.svg"/>'
+    #   icon: '<img src="https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/social/08a41b181ce68.svg"/>'
    #   url: /
    # music:
-    #   icon: '<img src="https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.9/social/3845874.svg"/>'
+    #   icon: '<img src="https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/social/3845874.svg"/>'
    #   url: /
    # unsplash:
-    #   icon: '<img src="https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.9/social/3616429.svg"/>'
+    #   icon: '<img src="https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/social/3616429.svg"/>'
    #   url: /
    # comments:
-    #   icon: '<img src="https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.9/social/942ebbf1a4b91.svg"/>'
+    #   icon: '<img src="https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/social/942ebbf1a4b91.svg"/>'
    #   url: /about/#comments
  sitemap:
    # '博客':
@ -443,7 +452,7 @@ style:
    underline: true # true / false
  animated_avatar:
    animate: auto # auto, always
-    background: https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.9/avatar/round/rainbow64@3x.webp
+    background: https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/avatar/round/rainbow64@3x.webp
  codeblock:
    scrollbar: 4px
    highlightjs_theme: https://gcore.jsdelivr.net/gh/highlightjs/cdn-release@11.7.0/build/styles/atom-one-dark.min.css
@ -455,12 +464,13 @@ style:
    search: 'linear-gradient(to right, #04F3FF, #08FFC6, #DDF730, #FFBD19, #FF1FE0, #C418FF, #04F3FF)'

 default:
-  avatar: https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.9/avatar/round/3442075.svg
-  link: https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.9/link/8f277b4ee0ecd.svg
-  cover: https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.9/cover/76b86c0226ffd.svg
-  image: https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.9/image/2659360.svg
-  project: https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.9/image/2779789.png
-  banner: https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.9/banner/books.jpg
+  avatar: https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/avatar/round/3442075.svg
+  link: https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/link/8f277b4ee0ecd.svg
+  cover: https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/cover/76b86c0226ffd.svg
+  image: https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/image/2659360.svg
+  project: https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/image/2779789.png
+  banner: https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/banner/books.jpg
+  topic: https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/image/10433048.png

 api_host:
  ghapi: https://api.github.com
--- a/languages/en.yml
+++ b/languages/en.yml
@ -2,6 +2,7 @@ btn:
  home: Home
  blog: Blog
  wiki: Wiki
+  topic: Topic
  recent_publish: Recent
  all_wiki: All Products
  category: Category
@ -24,7 +25,6 @@ meta:
  comment_title: Join the discussion
  back_to_top: Back to top
  more: 'More %s'
-  posts_in_category: 'Category: %s'
  created_author: '%s posted on'
  created: 'Posted on'
  updated: 'Updated on'
--- a/languages/zh-CN.yml
+++ b/languages/zh-CN.yml
@ -2,6 +2,7 @@ btn:
  home: 主页
  blog: 文章
  wiki: 项目
+  topic: 专栏
  recent_publish: 近期发布
  all_wiki: 所有项目
  category: 分类
@ -24,7 +25,6 @@ meta:
  comment_title: 快来参与讨论吧
  back_to_top: 回到顶部
  more: '更多「%s」'
-  posts_in_category: '专栏：%s'
  created_author: 本文由 %s 发布于
  created: 发布于
  updated: 更新于
--- a/languages/zh-TW.yml
+++ b/languages/zh-TW.yml
@ -2,6 +2,7 @@ btn:
  home: 首頁
  blog: 網誌
  wiki: Wiki
+  topic: 專欄
  recent_publish: 近期發布
  all_wiki: 所有 Wiki
  category: 分類
@ -24,7 +25,6 @@ meta:
  comment_title: 參與討論
  back_to_top: 回到頁首
  more: '更多「%s」'
-  posts_in_category: '專欄：%s'
  created_author: 本文由 %s 發布於
  created: 發布於
  updated: 更新於
--- a/layout/404.ejs
+++ b/layout/404.ejs
@ -6,7 +6,7 @@ page.header = 'auto';
 page.robots = 'none';
 %>
 <article class='md-text error-page'>
-  <h1><img id='error' src='https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.9/404/1c830bfcd517d.svg' alt='404'></h1>
+  <h1><img id='error' src='https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/404/1c830bfcd517d.svg' alt='404'></h1>
  <p class='what'>
    <strong>
      <%- __('page.error.what') %>
--- a/layout/_partial/main/article/article_footer.ejs
+++ b/layout/_partial/main/article/article_footer.ejs
@ -114,13 +114,13 @@ function layoutDiv() {
          }
          el += '>';
          if (item == 'wechat') {
-            el += '<img src="https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.9/social/b32ef3da1162a.svg"/>';
+            el += '<img src="https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/social/b32ef3da1162a.svg"/>';
          } else if (item == 'weibo') {
-            el += '<img src="https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.9/social/80c07e4dbb303.svg"/>';
+            el += '<img src="https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/social/80c07e4dbb303.svg"/>';
          } else if (item == 'email') {
-            el += '<img src="https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.9/social/a1b00e20f425d.svg"/>';
+            el += '<img src="https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/social/a1b00e20f425d.svg"/>';
          } else if (item == 'link') {
-            el += '<img src="https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.9/social/8411ed322ced6.svg"/>';
+            el += '<img src="https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/social/8411ed322ced6.svg"/>';
          }
          el += '</a>';
        }
--- a/layout/_partial/main/article/read_next.ejs
+++ b/layout/_partial/main/article/read_next.ejs
@ -1,15 +1,31 @@
 <%
 function layoutDiv() {
-  var prev,next;
-  var title = __('meta.read_next');
+  var prev,next
+  var title = __('meta.read_next')
+  title_prev = __('meta.newer')
+  title_next = __('meta.older')
+  if (page.layout === 'post') {
+    prev = page.prev
+    next = page.next
+  } else if (page.layout === 'topic' && page.topic?.length > 0) {
+    const topicObject = theme.topic.tree[page.topic]
+    if (topicObject) {
+      const current_page_date = topicObject.pages.filter(p => p.path == page.path)[0].date
+      for (let p of topicObject.pages) {
+        if (p.date > current_page_date) {
+          if (prev == undefined || p.date < prev.date) {
+            prev = p
+          }
+        } else if (p.date < current_page_date) {
+          if (next == undefined || p.date > next.date) {
+            next = p
+          }
+        }
+      }
+    }
+  } else if (page.layout === 'wiki' && page.wiki?.length > 0) {
    var title_prev = __('meta.prev');
    var title_next = __('meta.next');
-  if (page.layout === 'post') {
-    prev = page.prev;
-    next = page.next;
-    title_prev = __('meta.newer');
-    title_next = __('meta.older');
-  } else if (page.layout === 'wiki' && page.wiki && page.wiki.length > 0) {
    let proj = theme.wiki.tree[page.wiki];
    if (proj) {
      let ps = proj.pages?.filter(p => p.path == page.path)
--- a/layout/_partial/main/navbar/breadcrumb.ejs
+++ b/layout/_partial/main/navbar/breadcrumb.ejs
@ -63,7 +63,38 @@ function layoutDiv() {
    
    el += '</div>';
    el += '</div>';
-  } else if (page.layout === "wiki" && page.wiki && page.wiki.length > 0) {
+  } else if (page.layout === 'topic' && page.topic?.length > 0) {
+    el += '<div class="bread-nav fs12">';
+    el += '<div class="left">';
+    el += '<div id="breadcrumb">';
+    var nodes = [];
+    // home
+    el += '<a class="cap breadcrumb" id="home" href="' + url_for(config.root) + '">' + home_title + '</a>';
+    nodes.push('/');
+    // menu_id
+    el += '<span class="sep"></span>';
+    let url = url_for(theme.base_dir.topic);
+    nodes.push(url);
+    el += '<a class="cap breadcrumb" id="menu" href="' + url + '">' + __("btn.topic") + '</a>';
+    // 专栏名
+    let topicObject = theme.topic.tree[page.topic];
+    if (topicObject != null) {
+      let url_proj = url_for(topicObject.homepage?.path);
+      if (nodes.includes(url_proj) === false) {
+        el += '<span class="sep"></span>';
+        el += '<a class="cap breadcrumb" id="proj" href="' + url_proj + '">' + (topicObject.name || topicObject.title) + '</a>';
+      }
+    }
+    el += '</div>';
+    // 更新日期
+    el += '<div id="post-meta">';
+    el += `
+    <span>${__("meta.updated")}&nbsp;<time datetime="${date_xml(page.updated)}">${date(page.updated, config.date_format)}</time></span>
+    `;
+    el += '</div>';
+    el += '</div>';
+    el += '</div>';
+  } else if (page.layout === "wiki" && page.wiki?.length > 0) {
    el += '<div class="bread-nav fs12">';
    el += '<div class="left">';
    el += '<div id="breadcrumb">';
--- a/layout/_partial/main/navbar/list_post.ejs
+++ b/layout/_partial/main/navbar/list_post.ejs
@ -36,6 +36,13 @@ function layoutDiv() {
      el += '<a href="' + url_for(config.archive_dir) + '">' + __("btn.archives") + '</a>';
    }
  }
+  if (theme.topic?.publish_list?.length > 0) {
+    if (page.layout == 'index_topic') {
+      el += '<a class="active" href="' + url_for(theme.base_dir.topic) + '">' + __("btn.topic") + '</a>';
+    } else {
+      el += '<a href="' + url_for(theme.base_dir.topic) + '">' + __("btn.topic") + '</a>';
+    }
+  }
  
  if (theme['post-index']) {
    const obj = theme['post-index'];
--- a/layout/_partial/main/post_list/post_card.ejs
+++ b/layout/_partial/main/post_list/post_card.ejs
@ -102,7 +102,7 @@ function div_default() {
    }
  }
  if (post.pin) {
-    el += '<span class="pin"><img src="https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.9/badge/3279dd441df8b.svg"/></span>';
+    el += '<span class="pin"><img src="https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/badge/3279dd441df8b.svg"/></span>';
  }
  el += '</div>';
  el += '</article>';
--- a/layout/_partial/main/post_list/topic_card.ejs
+++ b/layout/_partial/main/post_list/topic_card.ejs
@ -0,0 +1,16 @@
+<%
+function layoutDiv() {
+  var el = '';
+  el += '<article class="md-text">';
+  el += `<div class="preview"><img src="${topic.icon ? topic.icon : theme.default.topic}"/></div>`
+  el += '<div class="excerpt">';
+  el += '<h2 class="post-title">' + (topic.title || topic.name) + '</h2>';
+  if (topic.description) {
+    el += '<p>' + topic.description + '</p>';
+  }
+  el += '</div>';
+  el += '</article>';
+  return el;
+}
+%>
+<%- layoutDiv() %>
--- a/layout/_partial/sidebar/index.ejs
+++ b/layout/_partial/sidebar/index.ejs
@ -1,8 +1,4 @@
 <%
-var proj;
-if (page.layout === 'wiki' && page.wiki) {
-  proj = theme.wiki.tree[page.wiki];
-}
 // 默认组件
 if (page.sidebar == undefined) {
  if (page.layout == 'post' && page.content) {
@ -14,6 +10,14 @@ if (page.sidebar == undefined) {
    } else {
      page.sidebar = theme.sidebar.widgets.wiki;
    }
+  } else if (page.layout === 'topic') {
+    if (page.topic && theme.topic?.tree[page.topic]?.sidebar) {
+      page.sidebar = theme.topic.tree[page.topic].sidebar;
+    } else {
+      page.sidebar = theme.sidebar.widgets.topic;
+    }
+  } else if (page.layout === 'index_topic') {
+    page.sidebar = theme.sidebar.widgets.index_topic
  } else if (is_home()) {
    page.sidebar = theme.sidebar.widgets.home;
  } else if (is_category() || is_tag() || is_archive() || ['categories', 'tags', 'archives'].includes(page.layout)) {
@ -60,6 +64,10 @@ function layoutWidgets() {
    el += __('btn.all_wiki');
    el += '</a>';
    // this product
+    var proj;
+    if (page.layout === 'wiki' && page.wiki) {
+      proj = theme.wiki.tree[page.wiki];
+    }
    if (proj == undefined) {
      // 如果没有项目名，则使用menu中显示的名字
      if (page.menu_id && theme.sidebar.menu[page.menu_id] && md_link(theme.sidebar.menu[page.menu_id])) {
--- a/layout/_partial/widgets/related.ejs
+++ b/layout/_partial/widgets/related.ejs
@ -8,7 +8,7 @@ function relatedPosts() {
  var el = ''
  el += `<widget class="widget-wrapper recent">`
  el += `<div class="widget-header cap theme dis-select">`
-  el += `<span class="name">${__('meta.posts_in_category', relatedItem.name)}</span>`
+  el += `<span class="name">${__('btn.topic') + __('symbol.colon') + relatedItem.name}</span>`
  el += `</div>`
  el += `<div class="widget-body related-posts">`
  relatedItem.posts.sort('date', -1).each(function(post) {
@ -20,6 +20,29 @@ function relatedPosts() {
  el += `</widget>`
  return el
 }
+function relatedPostsInTopic() {
+  if (page.topic?.length == 0) {
+    return ''
+  }
+  const topic = theme.topic.tree[page.topic]
+  if (topic == null) {
+    return ''
+  }
+  var el = ''
+  el += `<widget class="widget-wrapper recent">`
+  el += `<div class="widget-header cap theme dis-select">`
+  el += `<span class="name">${__('btn.topic') + __('symbol.colon') + topic.name}</span>`
+  el += `</div>`
+  el += `<div class="widget-body related-posts">`
+  for (let post of topic.pages) {
+    el += `<a class="item${post.path == page.path ? ' active' : ''}" href="${url_for(post.path)}">`
+    el += `<span class="title">${post.title}</span>`
+    el += `</a>`
+  }
+  el += `</div>`
+  el += `</widget>`
+  return el
+}
 function relatedWiki() {
  let thisItemObject = theme.wiki.tree[page.wiki]
  if (thisItemObject == null) {
@ -53,6 +76,8 @@ function layoutDiv() {
    return relatedWiki()
  } else if (page.layout == 'post') {
    return relatedPosts()
+  } else if (page.layout == 'topic') {
+    return relatedPostsInTopic()
  }
 }
 %>
--- a/layout/index_topic.ejs
+++ b/layout/index_topic.ejs
@ -0,0 +1,36 @@
+<%
+if (page.menu_id == undefined) {
+  if (page.layout === 'wiki_topic' && page.topic) {
+    page.menu_id = 'blog'
+  } else {
+    page.menu_id = 'post'
+  }
+}
+
+function layout_topic_list(partial) {
+  var el = ''
+  const { publish_list, tree } = theme.topic
+  for (let id of publish_list) {
+    const topic = tree[id]
+    if (topic == null) {
+      continue
+    }
+    el += `<div class="post-list wiki topic">`
+    el += `<a class="post-card wiki topic ${scrollreveal()}" href="${url_for(topic.homepage?.path || '/')}">`
+    el += partial(topic)
+    el += `</a>`
+    el += `</div>`
+  }
+  return el
+}
+function layoutDiv() {
+  var el = ''
+  el += partial('_partial/main/navbar/list_post')
+  el += layout_topic_list(function(topic) {
+    return partial('_partial/main/post_list/topic_card', {topic: topic})
+  })
+  return el
+}
+%>
+
+<%- layoutDiv() %>
--- a/layout/topic.ejs
+++ b/layout/topic.ejs
@ -0,0 +1,39 @@
+<%
+if (page.menu_id == undefined) {
+  page.menu_id = 'post'
+}
+if (page.layout == undefined) {
+  page.layout = 'index_topic'
+}
+if (page.title == undefined) {
+  page.title = __('btn.wiki')
+}
+function layoutTitle() {
+  const title = page.h1 != null ? page.h1 : page.title;
+  if (title && title.length > 0) {
+    return '<h1 class="article-title"><span>' + title + '</span></h1>';
+  } else {
+    return '';
+  }
+}
+%>
+<% if (page.layout === 'index_topic') { %>
+  <%- partial('index') %>
+<% } else { %>
+  <%
+  if (page.header == undefined) {
+    page.header = 'auto';
+  }
+  %>
+  <%- partial('_partial/main/navbar/breadcrumb') %>
+  <article class='md-text content <%- page.layout %><%- page.indent ? ' indent' : '' %><%- scrollreveal() %>'>
+  <%- layoutTitle() %>
+  <%- markdown(page.content) %>
+  <% if (theme.plugins.tianli_gpt.enable && ['all', 'topic'].includes(theme.plugins.tianli_gpt.field)) { %>
+	<%- partial('_partial/plugins/ai/tianli_gpt') %>
+  <% } %>
+  <%- partial('_partial/main/article/article_footer') %>
+  </article>
+  <%- partial('_partial/main/article/read_next') %>
+  <%- partial('_partial/plugins/comments/layout') %>
+<% } %>
--- a/scripts/events/index.js
+++ b/scripts/events/index.js
@ -8,9 +8,14 @@ hexo.on('generateBefore', () => {
  require('./lib/links')(hexo);
  require('./lib/authors')(hexo);
  require('./lib/doc_tree')(hexo);
+  require('./lib/topic_tree')(hexo);
  require('./lib/utils')(hexo);
 });

+hexo.on('generateAfter', () => {
+  require('./lib/merge_posts')(hexo);
+});
+
 hexo.on('ready', () => {
  const { version, homepage, repository } = require('../../package.json');
  hexo.log.info(`Welcome to Stellar ${version}
--- a/scripts/events/lib/merge_posts.js
+++ b/scripts/events/lib/merge_posts.js
@ -0,0 +1,47 @@
+/**
+ * merge_posts.js v1 | https://github.com/xaoxuu/hexo-theme-stellar/
+ * 
+ */
+
+'use strict';
+
+class RelatedPage {
+  constructor(page) { 
+    this.id = page._id
+    this.wiki = page.wiki
+    this.topic = page.topic
+    this.title = page.title
+    this.seo_title = page.seo_title
+    this.path = page.path
+    this.path_key = page.path.replace('.html', '')
+    this.layout = page.layout
+    this.date = page.date
+    this.updated = page.updated
+  }
+}
+
+module.exports = ctx => {
+  var topic = ctx.theme.config.topic
+  const posts = ctx.locals.get('posts')
+  posts.sort('date').each(function(post) {
+    let obj = new RelatedPage(post)
+    // 合并拥有共同 topic 的文章到 topic.tree
+    if (post.topic?.length > 0) {
+      var topicObject = topic.tree[post.topic]
+      if (topicObject) {
+        obj.page_number = topicObject.pages.length + 1
+        topicObject.pages.push(obj)
+      }
+    }
+  })
+  
+  // topic homepage
+  for (let tid of Object.keys(topic.tree)) {
+    let topicObject = topic.tree[tid]
+    if (topicObject.order_by == '-date') {
+      topicObject.pages = topicObject.pages.reverse()
+    }
+    topicObject.homepage = topicObject.pages[0]
+  }
+
+}
--- a/scripts/events/lib/topic_tree.js
+++ b/scripts/events/lib/topic_tree.js
@ -0,0 +1,45 @@
+/**
+ * topic.js v1 | https://github.com/xaoxuu/hexo-theme-stellar/
+ * 用于专栏/专题文章，一个专栏类似于 wiki 模块中的一个项目文档
+ * 区别是：
+ * 1. 按发布日期排序，无需手动排序
+ * 
+ */
+
+'use strict';
+
+function getTopicTree(ctx) {
+  var tree = {}
+  const data = ctx.locals.get('data')
+  var list = []
+  for (let key of Object.keys(data)) {
+    if (key.startsWith('topic/') && key.length > 5) {
+      let newKey = key.replace('topic/', '')
+      let obj = data[key]
+      obj.id = newKey
+      if (obj.order_by == null) {
+        obj.order_by = '-date'
+      }
+      if (obj.path == null) {
+        obj.path = `/topic/${newKey}/`
+      }
+      obj.pages = []
+      list.push(obj)
+    }
+  }
+  for (let item of list) {
+    tree[item.id] = item
+  }
+  return tree
+}
+
+module.exports = ctx => {
+  var topic = ctx.locals.get('data').topic || {}
+  // 专栏结构树
+  topic.tree = getTopicTree(ctx)
+  // 索引页显示的专栏列表
+  if (topic.publish_list == null) {
+    topic.publish_list = Object.keys(topic.tree)
+  }
+  ctx.theme.config.topic = topic
+}
--- a/scripts/generators/topic.js
+++ b/scripts/generators/topic.js
@ -0,0 +1,20 @@
+/**
+ * topic v1 | https://github.com/xaoxuu/hexo-theme-stellar/
+ */
+
+hexo.extend.generator.register('topic', function (locals) {
+  const { topic } = hexo.theme.config
+  const topicIdList = Object.keys(topic.tree)
+  if (topicIdList.length == 0) {
+    return {}
+  }
+  var ret = []
+  ret.push({
+    path: (hexo.theme.config.base_dir.topic) + '/index.html',
+    data: {
+      layout: 'index_topic'
+    },
+    layout: ['index_topic']
+  })
+  return ret
+})
--- a/source/css/_layout/partial/paginator.styl
+++ b/source/css/_layout/partial/paginator.styl
@ -28,10 +28,10 @@
    background-clip: content-box
    &.next
      border-left: 1px dashed var(--block-border)
-      background-image: url('https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.9/arrow/064b95430caf4.svg')
+      background-image: url('https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/arrow/064b95430caf4.svg')
    &.prev
      border-right: 1px dashed var(--block-border)
-      background-image: url('https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.9/arrow/f049bbd4e88ec.svg')
+      background-image: url('https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/arrow/f049bbd4e88ec.svg')
  .current
    font-family: $ff-code
    background: var(--block)
--- a/source/css/_layout/tag-plugins/frame.styl
+++ b/source/css/_layout/tag-plugins/frame.styl
@ -27,7 +27,7 @@
      margin-top: 19px
      margin-bottom: 20px
    .frame
-      background-image: url(https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.9/frame/iphone11.svg);
+      background-image: url(https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/frame/iphone11.svg);
      width: 329px
      height: 658px
  &[focus='top']
--- a/source/js/plugins/fcircle.js
+++ b/source/js/plugins/fcircle.js
@ -86,7 +86,7 @@ $(function () {
    var cfg = new Object();
    cfg.el = el;
    cfg.api = api;
-    cfg.avatar = 'https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.9/avatar/round/3442075.svg';
+    cfg.avatar = 'https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/avatar/round/3442075.svg';
    FCircle.layoutDiv(cfg);
  }
 });
--- a/source/js/plugins/friends.js
+++ b/source/js/plugins/friends.js
@ -78,7 +78,7 @@ $(function () {
    cfg.el = el;
    cfg.api = api;
    cfg.class = el.getAttribute('class');
-    cfg.avatar = 'https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.9/avatar/round/3442075.svg';
+    cfg.avatar = 'https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/avatar/round/3442075.svg';
    friendsjs.layout(cfg);
  }
 });
--- a/source/js/plugins/memos.js
+++ b/source/js/plugins/memos.js
@ -126,7 +126,7 @@ $(function () {
    cfg.host = api.replace(/https:\/\/(.*?)\/(.*)/i, '$1');
    cfg.avatar = el.getAttribute('avatar');
    if (!cfg.avatar) {
-      cfg.avatar = 'https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.9/avatar/round/3442075.svg';
+      cfg.avatar = 'https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/avatar/round/3442075.svg';
    }
    MemosJS.layoutDiv(cfg);
  }
--- a/source/js/plugins/sites.js
+++ b/source/js/plugins/sites.js
@ -80,8 +80,8 @@ $(function () {
    cfg.class = el.getAttribute('class');
    cfg.el = el;
    cfg.api = api;
-    cfg.avatar = 'https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.9/link/8f277b4ee0ecd.svg';
-    cfg.screenshot = 'https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.9/cover/76b86c0226ffd.svg';
+    cfg.avatar = 'https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/link/8f277b4ee0ecd.svg';
+    cfg.screenshot = 'https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/cover/76b86c0226ffd.svg';
    sitesjs.layout(cfg);
  }
 });
--- a/source/js/plugins/weibo.js
+++ b/source/js/plugins/weibo.js
@ -110,7 +110,7 @@ $(function () {
    var cfg = new Object();
    cfg.el = el;
    cfg.api = api;
-    cfg.avatar = 'https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.9/avatar/round/3442075.svg';
+    cfg.avatar = 'https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/avatar/round/3442075.svg';
    weibojs.layoutDiv(cfg);
  }
 });