hexo-theme-solitude 1.4.1 → 1.4.3

package/CONTRIBUTING.md

@@ -33,7 +33,7 @@ $ git push
 * 定期使用项目仓库内容更新自己仓库内容。
 
 ```bash
-$ git remote add upstream https://github.com/DuoSco/Hexo-theme-solitude
+$ git remote add upstream https://github.com/wleelw/Hexo-theme-solitude
 $ git fetch upstream
 $ git checkout dev
 $ git rebase upstream/dev

package/README.md

@@ -7,7 +7,7 @@
 ![master version](https://img.shields.io/github/package-json/v/wleelw/hexo-theme-solitude/master?color=%231ab1ad&label=master)
 ![master version](https://img.shields.io/github/package-json/v/wleelw/hexo-theme-solitude/dev?label=dev)
 ![https://img.shields.io/npm/v/hexo-theme-solitude?color=%09%23bf00ff](https://img.shields.io/npm/v/hexo-theme-solitude?color=%09%23bf00ff)
-![hexo version](https://img.shields.io/badge/hexo-5.3.0+-0e83c)
+![hexo version](https://img.shields.io/badge/hexo-6.3.0+-0e83c)
 ![license](https://img.shields.io/github/license/wleelw/hexo-theme-solitude?color=FF5531)
 
 ![首页](https://github.com/wleelw/hexo-theme-solitude/assets/74389842/d008aba4-942d-4fdb-a611-d934c0bad9fe)

package/README_EN.md

@@ -8,7 +8,7 @@
 ![master version](https://img.shields.io/github/package-json/v/wleelw/hexo-theme-solitude/master?color=%231ab1ad&label=master)
 ![master version](https://img.shields.io/github/package-json/v/wleelw/hexo-theme-solitude/dev?label=dev)
 ![https://img.shields.io/npm/v/hexo-theme-solitude?color=%09%23bf00ff](https://img.shields.io/npm/v/hexo-theme-solitude?color=%09%23bf00ff)
-![hexo version](https://img.shields.io/badge/hexo-5.3.0+-0e83c)
+![hexo version](https://img.shields.io/badge/hexo-6.3.0+-0e83c)
 ![license](https://img.shields.io/github/license/wleelw/hexo-theme-solitude?color=FF5531)
 
 ![首页](https://github.com/wleelw/hexo-theme-solitude/assets/74389842/d008aba4-942d-4fdb-a611-d934c0bad9fe)

package/_config.yml

@@ -62,7 +62,7 @@ nav:
   #          icon: https://bu.dusays.com/2023/11/08/654af68b25bb8.jpg
   #          # 点击的跳转链接
   #          # Click the jump link
-  #          url: https://github.com/DuoSco/Hexo-Theme-solitude
+  #          url: https://github.com/wleelw/Hexo-Theme-solitude
 
   # 导航栏内容
   # Navigation bar content
@@ -312,7 +312,7 @@ aside:
   #        # 图标
   #        icon: scoicon sco-github-line
   #        # 跳转链接
-  #        url: https://github.com/DuoSco/Hexo-Theme-slitude
+  #        url: https://github.com/wleelw/Hexo-Theme-slitude
   #      Bilibili:
   #        icon: scoicon sco-bilibili-line
   #        url: https://space.bilibili.com/1329819902
@@ -468,6 +468,27 @@ capsule:
   server: netease # 播放列表的服务商。netease：网易云 / tencent：腾讯 / kugou：酷狗 / xiami：小米 / baidu：百度 : Music service provider. netease: Netease Cloud / tencent: Tencent / kugou: Kugou / xiaomi: Xiaomi / baidu: Baidu
   type: playlist # 播放列表的类型。song：单曲 / playlist：歌单 / album：专辑 / artist：歌手 : Type of playlist. song: Single / playlist: Playlist / album: Album / artist: Singer
 
+# 友链鱼塘
+# Links fish pond
+moments:
+  enable: false # 是否开启鱼塘 / Whether to enable fish pond
+  api: # https://blog.wzsco.top/circle/ # api地址 / api address
+  error_img: https://bu.dusays.com/2023/11/08/654af68b25bb8.jpg # 加载失败显示图片 / Loading failed display image
+  sort_rule: created # 排序规则：created：按创建时间排序 / updated：按更新时间排序 : Sort rule: created: Sort by creation time / updated: Sort by update time
+  expire_days: 1 # 缓存过期时间（天），默认为1天 / Cache expiration time (days), default is 1 day
+  page_init_number: 10 # 页面初始化加载数量，默认为10条 / Page initialization loading quantity, default is 10
+  page_turning_number: 5 # 页面翻页加载数量，默认为5条 / Page turning loading quantity, default is 5
+  angle: true # 鱼塘随机文章 / Fish pond random article
+  appjs: https://cdn.cbd.int/solitude-source@1.0.3/js/fcircle.min.js # 鱼塘js / Fish pond js
+  bundlejs: https://cdn.cbd.int/solitude-source/js/moment/bundle.min.js # 鱼塘js / Fish pond js
+  randompostjs: https://cdn.cbd.int/solitude-source/js/moment/random_post.min.js # 鱼塘js / Fish pond js
+
+# 相册
+# album
+album:
+  enable: false # 是否开启相册 / Whether to enable album
+  limit: 6 # 单行显示图片数量 / Number of pictures displayed in a single line
+
 # -------------------------
 # 文章页、页面配置
 # post、page settings
@@ -542,6 +563,35 @@ post:
     api: https://img2color.wzsco.top/api?img= # api地址 / api address
     time: 43200000 # api取色间隔（毫秒），默认为12小时 / api color interval (milliseconds), default is 12 hours
 
+keyboard:
+  enable: false # 是否开启键盘控制 / Whether to enable keyboard control
+  # 键盘控制配置
+  # Keyboard control configuration
+  list:
+    # name: 按键名称
+    # name: Key name
+    # key: 按键
+    # key: Key
+    # func: 方法
+    # func: Function
+    # sco: sco内置方法
+    # sco: sco built-in method
+    # url: 跳转链接
+    # url: Jump link
+#    - name: 关闭快捷键功能
+#      key: K
+#      func: keyboard
+#    - name: 打开中控台
+#      key: A
+#      sco: showConsole
+#    - name: 播放/暂停音乐
+#      key: M
+#      sco: musicToggle
+#    - name: 打开友情链接
+#      key: L
+#      url: '/links/'
+
+
 # -------------------------
 # 自定义主题
 
@@ -567,6 +617,7 @@ theme_color:
 # --------------------------------------
 display_mode:
   type: auto # auto: 自动切换 / dark: 暗色模式 / light: 亮色模式 / auto: automatic switching / dark: dark mode / light: light mode
+  universe: true # 开启后暗色模式下会显示星空背景 / After opening, the dark mode will display the starry sky background
 
 # --------------------------------------
 # Footer Settings
@@ -679,6 +730,15 @@ fancybox: true
 # mediumZoom
 mediumZoom: false
 
+# 简繁转换
+# Simplified and Traditional Chinese conversion
+translate:
+  enable: false
+  # the language of website (1 - Traditional Chinese/ 2 - Simplified Chinese）
+  defaultEncoding: 2
+  # Time delay
+  translateDelay: 0
+
 # Open Graph
 # https://ogp.me/
 # https://developers.facebook.com/docs/sharing/webmasters/
@@ -722,6 +782,11 @@ search:
   enable: false
   # algolia, local
   type: algolia
+  # 推荐标签
+  # Recommended tags
+  tags:
+  #  - Solitude
+  #  - Hexo
   algolia:
   # hits:
   #   per_page: 6
@@ -856,7 +921,7 @@ CDN:
   option:
     scoicon_css: https://cdn.cbd.int/solitude-source/icon/scoicon.min.css
     waterfall: https://cdn.cbd.int/solitude-source/js/waterfall.min.js
-    view_image: https://cdn.cbd.int/solitude-source/js/view-image.min.js
+    universe_js: https://cdn.cbd.int/solitude-source/js/universe.min.js
 #    algolia_search:
 #    instantsearch:
 #    pjax:

package/languages/en-US.yml

@@ -13,6 +13,10 @@ time:
   daybefore: Days ago
   runtime: days
 
+chs:
+  chs_tw: Traditional Chinese
+  chs_cn: Simplified Chinese
+
 page:
   tag: Tags
   category: Categories
@@ -71,7 +75,7 @@ search:
 
 head:
   noscript: Please enable JavaScript to view the site
-  console: 'Program: Hexo | Theme: Hexo-Theme-Solitude | Author: WangZhuoSco、YiFeng | Github: https://github.com/DuoSco/Hexo-theme-solitude | Version: v1.4.1 😄'
+  console: 'Program: Hexo | Theme: Hexo-Theme-Solitude | Author: WangZhuoSco、YiFeng | Github: https://github.com/wleelw/Hexo-theme-solitude | Version: v1.4.3 😄'
 
 aside:
   postcount: 'Posts :'
@@ -93,6 +97,7 @@ console:
   tag_title: Find interesting areas
   switch_darkmode: Day and night switching
   switch_hideAside: Sidebar display control
+  switch_keyboard: Keyboard operation
   switch_music: Music switch
   archive_unit: Posts
 
@@ -114,4 +119,29 @@ cookies:
   privacy: How this site protects your privacy
 
 music:
-  hit: Paused
+  hit: Paused
+
+rightmenu:
+  copytext: Copy the selected
+  pastetext: Paste the text
+  commenttext: Quote to comment
+  newwindow: A new window opens
+  copylink: Copy the link address
+  copyimg: Copy this image
+  downloadimg: Download this image
+  search: Search on the site
+  music:
+    toggle: Play music
+    back: Switch to the previous track
+    forward: Switch to the next track
+    playlist: See all songs
+    copyMusicName: Reproduction Song Name
+  randomPost: Feel free to wander around
+  categories: Article classification
+  tags: Article tags
+  copyaddress: Copy the address
+  commentBarrage: Turn off trending reviews
+  dark: Dark
+  light: Light
+  chs_to_cht: Traditional
+  cht_to_chs: Simplified

package/languages/zh-CN.yml

@@ -1,3 +1,4 @@
+# Language: 简体中文
 theme:
   dark: 已切换至深色模式
   light: 已切换至浅色模式
@@ -13,6 +14,10 @@ time:
   daybefore: 天前
   runtime:  天
 
+chs:
+  chs_tw: 繁體中文
+  chs_cn: 简体中文
+
 page:
   tag: 标签
   category: 分类
@@ -70,7 +75,7 @@ search:
 
 head:
   noscript: 开启JavaScript才能访问本站哦~
-  console: '程序：Hexo | 主题：Hexo-Theme-Solitude | 作者：王卓Sco、亦封 | Github: https://github.com/DuoSco/Hexo-theme-solitude | 版本：v1.4.1 😄'
+  console: '程序：Hexo | 主题：Hexo-Theme-Solitude | 作者：王卓Sco、亦封 | Github: https://github.com/wleelw/Hexo-theme-solitude | 版本：v1.4.3 😄'
 
 aside:
   postcount: '文章总数 :'
@@ -92,6 +97,7 @@ console:
   tag_title: 寻找感兴趣的领域
   switch_darkmode: 昼夜切换
   switch_hideAside: 边栏显示控制
+  switch_keyboard: 键盘快捷键
   switch_music: 音乐开关
   archive_unit: 篇
 
@@ -113,4 +119,29 @@ cookies:
   privacy: 本站如何保护你的隐私
 
 music:
-  hit: 音乐已暂停
+  hit: 音乐已暂停
+
+rightmenu:
+  copytext: 复制选中文本
+  pastetext: 粘贴文本
+  commenttext: 引用到评论
+  newwindow: 新窗口打开
+  copylink: 复制链接地址
+  copyimg: 复制此图片
+  downloadimg: 下载此图片
+  search: 站内搜索
+  music:
+    toggle: 播放音乐
+    back: 切换到上一首
+    forward: 切换到下一首
+    playlist: 查看所有歌曲
+    copyMusicName: 复制歌名
+  randomPost: 随便逛逛
+  categories: 文章分类
+  tags: 文章标签
+  copyaddress: 复制地址
+  commentBarrage: 关闭热评
+  dark: 深色模式
+  light: 浅色模式
+  chs_to_cht: 轉為繁體
+  cht_to_chs: 转为简体

package/languages/zh-TW.yml

@@ -0,0 +1,147 @@
+# Language: 繁體中文 (台灣)
+theme:
+  dark: 已切換至深色模式
+  light: 已切換至淺色模式
+
+copy:
+  success: 複製成功
+  error: 複製失敗
+
+time:
+  recent: 最近
+  yesterday: 昨天
+  berforeyesterday: 前天
+  daybefore: 天前
+  runtime: 天
+
+chs:
+  chs_tw: 繁體中文
+  chs_cn: 簡體中文
+
+page:
+  tag: 標籤
+  category: 分類
+  tags: 全部標籤
+  categories: 全部分類
+  archives: 文章
+  404: 頁面沒有找到
+
+nav:
+  site_name_title: 返回博客主頁
+  backtop: 返回頂部
+  travellings: 開往-友鏈接力
+  search: 搜索
+  randompost: 隨機一篇文章
+  console: 中控台
+
+home:
+  bannertext: 隨便逛逛
+  categoryBar:
+    home: 首頁
+    more: 更多
+  recent-post:
+    sticky: 置頂
+    new: 最新
+    read: 未讀
+  top-group:
+    recommend: 荐
+    recommendmore: 更多推薦
+
+post:
+  meta_reprint: 轉載或翻譯
+  meta_original: 原創
+  meta_cc: 該文章為${cc}文章，注意版權協議
+  meta_posted: 發布於
+  meta_updated: 最後更新於
+  meta_wordcount: 文章字數
+  meta_minread: 閱讀耗時
+  meta_ip: 作者IP歸屬地為
+  meta_pv: 文章熱度
+  meta_comment: 評論數
+
+award:
+  wechat: 微信
+  alipay: 支付寶
+  about:
+    tip: 致謝
+    tip1: 贊助作者
+    tip2: 感謝你賜予我前進的力量
+    title: 贊助作者
+
+search:
+  empty: 找不到你查詢的內容：${query}
+  hit: 找到 ${hits} 條結果，用時 ${time} 毫秒
+  placeholder: 輸入關鍵詞快速查找
+
+head:
+  noscript: 開啟JavaScript才能訪問本站哦~
+  console: '程式：Hexo |主題：Hexo-Theme-Solitude |作者：王卓Sco、亦封 |Github位址： https://github.com/wleelw/Hexo-theme-solitude |版本：v1.4.3 😄'
+
+aside:
+  postcount: '文章數：'
+  pv: '瀏覽量：'
+  uv: '訪客數：'
+  runtime: '運行時間：'
+  updatetime: '最後更新：'
+  wordcount: '字數統計：'
+  toc: 文章目錄
+  tagmore: 查看全部
+  avatar: 头像
+  sticker: 心情贴纸
+  newpost: 最近发布
+
+console:
+  comment_tip: 互動
+  comment_title: 評論
+  tag_tip: 標籤
+  tag_title: 標籤
+  switch_darkmode: 昼夜切換
+  switch_hideAside: 边栏显示控制
+  switch_keyboard: 鍵盤快捷鍵
+  switch_music: 音樂開關
+  archive_unit: 篇
+
+sidebar:
+  title1: 功能
+  title2: 標籤
+  darkmode: 顯示模式
+
+footer:
+  description: 來自${title}的文章
+  learnmore: 了解更多
+  randomlink: 友鏈
+  rss: 訂閱
+  theme: 主題
+
+cookies:
+  title: 協議提醒助手
+  tip: 查看本站為你的個人隱私做出的努力
+  privacy: 本站如何保護你的隱私
+
+music:
+  hit: 音樂已暫停
+
+rightmenu:
+  copytext: 複製選中文本
+  pastetext: 粘貼文本
+  commenttext: 引用到評論
+  newwindow: 新窗口打開
+  copylink: 複製連結位址
+  copyimg: 複製此圖片
+  downloadimg: 下載此圖片
+  search: 站內搜索
+  music:
+    toggle: 播放音樂
+    back: 切換到上一首
+    forward: 切換到下一首
+    playlist: 查看所有歌曲
+    copyMusicName: 複製歌名
+  randomPost: 随便逛逛
+  categories: 文章分類
+  tags: 文章標籤
+  copyaddress: 複製位址
+  commentBarrage: 關閉熱評
+  dark: 深色模式
+  light: 淺色模式
+  chs_to_cht: 轉為繁體
+  cht_to_chs: 转为简体

package/layout/includes/console.pug

@@ -30,6 +30,10 @@ div#console
         div.console-btn-item#consoleHideAside
             a.asideSwitch(onclick="sco.switchHideAside()", title=_p('console.switch_hideAside'), href="javascript:void(0);")
                 i.scoicon.sco-side-bar-fill
+        if theme.keyboard.enable
+            div.console-btn-item#consoleKeyboard(onclick="sco.switchKeyboard()")
+                a.keyboardSwitch(title=_p('console.switch_keyboard'), href="javascript:void(0);")
+                    i.scoicon.sco-keyboard-box-fill
         if theme.capsule.enable
             div.console-btn-item#consoleMusic(onclick="sco.musicToggle()")
                 a.music-switch(title=_p('console.switch_music'), href="javascript:void(0);")

package/layout/includes/footer.pug

@@ -51,7 +51,7 @@ div#footer-bar
         div.footer-bar-right
             if theme.footer.rss
                 a.footer-bar-link(href=theme.footer.rss)= _p('footer.rss')
-            a.footer-bar-link(href="https://github.com/DuoSco/hexo-theme-solitude")= _p('footer.theme')
+            a.footer-bar-link(href="https://github.com/wleelw/hexo-theme-solitude")= _p('footer.theme')
             if theme.site && theme.site.icp
                 a.footer-bar-link(href=theme.site.icp_url || "https://beian.miit.gov.cn/#/Integrated/index")= theme.site.icp
             a.footer-bar-link.cc(href=theme.footer.license)

package/layout/includes/head/config.pug

@@ -15,13 +15,21 @@
                     apiKey: config.algolia.apiKey,
                     indexName: config.algolia.indexName,
                     hits: {
-                        per_page: theme?.search?.algolia_search?.hits?.per_page || 10
+                        per_page: theme?.search?.algolia?.hits?.per_page || 10
                     }
                 })
                 break;
         }
     }
 
+    let translate = 'undefined';
+    if (theme.translate && theme.translate.enable) {
+        translate = JSON.stringify({
+            defaultEncoding: theme.translate.defaultEncoding,
+            translateDelay: theme.translate.translateDelay,
+        })
+    }
+
     const commentInfoStart = theme.comment.randomInfoStart.map(item => `"${item}"`) || ""
     const commentInfoEnd = theme.comment.randomInfoEnd.map(item => `"${item}"`) || ""
     var sayhello2 = theme.aside.card.sayhello2.map(item => `"${item}"`) || []
@@ -64,6 +72,10 @@ script.
                 empty: '!{_p('search.empty')}',
                 hit: '!{_p('search.hit')}',
                 placeholder: '!{_p('search.placeholder')}',
+            },
+            chs: {
+                chs_to_cht: '!{_p('chs.chs_tw')}',
+                cht_to_chs: '!{_p('chs.chs_cn')}',
             }
         },
         aside: {
@@ -93,7 +105,7 @@ script.
                 url: '!{theme.comment.waline.envId}',
             }
         },
-        lightbox: '!{ theme.mediumZoom ? "mediumZoom" : (theme.fancybox ? "fancybox" : "null" )}',
+        lightbox: '!{ theme.mediumZoom ? "mediumZoom" : (theme.fancybox ? "fancybox" : "null")}',
         rightside: {
             enable: !{theme.rightside.enable}
         },
@@ -105,5 +117,6 @@ script.
         },
         music: {
             enable: !{theme.music.enable},
-        }
+        },
+        translate: !{translate},
     }

package/layout/includes/inject/body.pug

@@ -3,6 +3,21 @@
 div
     script(src=url_for(theme.cdn.main))
 
+    if theme.album.enable
+        script(src=url_for(theme.cdn.macy_js))
+
+    if theme.rightside.enable
+        include ../widgets/rightside/index
+        script(src=url_for(theme.cdn.rightside_js))
+
+    if theme.display_mode.universe
+        script(src=url_for(theme.cdn.universe_js))
+        script.
+            dark()
+
+    if theme.translate.enable
+        script(src=url_for(theme.cdn.translate))
+
     mixin katex
         link(rel="stylesheet", href=url_for(theme.cdn.katex))
         if theme.katex.copytex
@@ -34,10 +49,6 @@ div
     if theme.says.home_mini
         script(src=url_for(theme.cdn.swiper_js))
 
-    if theme.rightside.enable
-        include ../widgets/rightside/index
-        script(src=url_for(theme.cdn.rightside_js))
-
     // post-ai)
     if theme.post_ai.enable
         script(src=url_for(theme.cdn.sco_ai_js))
@@ -84,11 +95,6 @@ div
     if theme.music.enable
         script(src=url_for(theme.cdn.music_js))
 
-    // gallery
-    if theme.gallery
-        script(src=url_for(theme.cdn.fj_gallery))
-        link(rel="stylesheet", href=url_for(theme.cdn.fj_gallery_css))
-
     // pace 胶囊加载条(Capsule loading bar)
     if theme.loading.pace
         script(src=url_for(theme.cdn.pace_js))
@@ -108,6 +114,9 @@ div
             != item
 
 div#js-pjax
+    if page.type === 'album' && theme.album.enable
+        script.
+            initGallery()
     if page.type === 'says' && theme.says.enable
         script.
             window.addEventListener('resize', utils.throttle(function () {

package/layout/includes/keyboard.pug

@@ -0,0 +1,65 @@
+- const list = theme.keyboard.list || []
+#keyboard-tips
+    .keyboardTitle= '博客快捷键'
+    .keyboardList
+        each item in list
+            .keyboardItem
+                .keyGroup
+                    .key= 'Shift'
+                    .key= item.key
+                .keyContent
+                    .content= item.name
+script.
+    const keyboard_addKeyup = (e) => {
+        if (e.key === 'Shift') {
+            document.getElementById('keyboard-tips').classList.remove('show');
+        }
+    }
+
+    const keyboard_addKeydown = (e) => {
+        const keyboards = !{JSON.stringify(list)};
+        if (e.keyCode === 16) {
+            document.getElementById('keyboard-tips').classList.add('show');
+        }
+
+        for (let i = 0; i < keyboards.length; i++) {
+            if (keyboards[i].url) {
+                if (keyboards[i].url.startsWith('http')) {
+                    if (e.key === keyboards[i].key) {
+                        window.open(keyboards[i].url);
+                    }
+                } else {
+                    if (e.key === keyboards[i].key) {
+                        pjax.loadUrl(keyboards[i].url);
+                    }
+                }
+            } else if (keyboards[i].sco) {
+                if (e.key === keyboards[i].key) {
+                    sco[keyboards[i].sco]();
+                }
+            } else if (keyboards[i].func) {
+                if (e.key === keyboards[i].key) {
+                    window[keyboards[i].func]();
+                }
+            }
+        }
+    }
+
+    function openKeyboard() {
+
+        window.addEventListener('keyup', keyboard_addKeyup);
+
+        window.addEventListener('keydown', keyboard_addKeydown);
+    }
+    function closeKeyboard() {
+
+        window.removeEventListener('keyup', keyboard_addKeyup);
+
+        window.removeEventListener('keydown', keyboard_addKeydown);
+    }
+
+    var sco_keyboards = localStorage.getItem('keyboard') === 'true'
+    if (sco_keyboards) {
+        openKeyboard();
+        document.getElementById('consoleKeyboard').classList.add('on');
+    }

package/layout/includes/layout.pug

@@ -5,6 +5,10 @@ html(lang=config.language, data-theme="light")
     head
         include ./head.pug
     body#body(data-type=page.type)
+        // universe
+        if theme.display_mode.universe
+            canvas#universe
+
         // loading
         if theme.loading.fullpage
             include ./loading.pug
@@ -15,6 +19,10 @@ html(lang=config.language, data-theme="light")
         // sidebar
         include ./sidebar.pug
 
+        // keyboard
+        if theme.keyboard.enable
+            include ./keyboard.pug
+
         #body-wrap(class = is_post() ? 'post' : 'page')
             include ./header.pug
 

package/layout/includes/page/album.pug

@@ -0,0 +1,39 @@
+include ../widgets/page/banner
+
+- var gallery = site.data.gallery.gallery
+- var album = gallery.find(item => item.album === page.album)
+- var {limit} = theme.album
+
+if album
+    #album
+        #sco-container
+            if album.json
+                script.
+                    function initGallery() {
+                        let macy = Macy({ container: '#sco-container', trueOrder: false, waitForImages: true, margin: 5, columns: !{limit}, breakAt: { 1200: 5, 940: 3, 520: 2, 400: 1 }})
+                        macy.runOnImageLoad(function () { setTimeout(function () { GLOBAL_CONFIG.lightbox && utils.lightbox(document.querySelectorAll(".sco-gallery-item img")); macy.recalculate(true); }, 500); }, true)
+                    }
+                    (async function () {
+                        await fetch('!{url_for(album.json)}')
+                            .then(res => res.json())
+                            .then(data => {
+                                let html = ''
+                                data = data.sort((a, b) => b.date - a.date)
+                                data.forEach(item => { html += `<div class="sco-gallery-item"><span class="locate">${item.locate}</span><img class="sco-gallery-image" src="${item.image}" alt="${item.content}"></div>` })
+                                document.querySelector('#sco-container').innerHTML = html
+                                GLOBAL_CONFIG.lazyload.enable && utils.lazyloadImg();
+                                initGallery()
+                            })
+                    })()
+
+            else
+                each item in album.items.sort((a, b) => b.date - a.date)
+                    .sco-gallery-item
+                        span.locate= item.locate
+                        img.sco-gallery-image(src=item.image, alt=item.content)
+                script.
+                    function initGallery(){
+                        let macy = Macy({ container: '#sco-container', trueOrder: false, waitForImages: true, margin: 5, columns: !{limit}, breakAt: { 1200: 5, 940: 3, 520: 2, 400: 1 }})
+                        macy.runOnImageLoad(function () { setTimeout(function () { GLOBAL_CONFIG.lightbox && utils.lightbox(document.querySelectorAll(".sco-gallery-item img")); macy.recalculate(true); }, 500); }, true)
+                    }
+                    document.addEventListener('DOMContentLoaded', initGallery);