hexo-theme-linen 0.0.1-security → 1.0.0

package/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+module.exports = {
+  // Register theme views
+  views: __dirname + '/layout'
+};

package/languages/en.yml

@@ -0,0 +1,39 @@
+common:
+  archives: "Archives"
+  categories: "Categories"
+  category: "Category"
+  tags: "Tags"
+  tag: "Tag"
+  prev: "Prev"
+  next: "Next"
+  about: "About"
+  latest: "Latest"
+  posts: "Posts"
+  aboutThisSite: "About This Site"
+  approximately: "About"
+  photos: "Photos"
+  photo: "Photo"
+  words: "Words"
+  whatsNew: "What's New"
+  toc: "Table of Contents"
+  undated: "Undated"
+  prevPost: "Prev"
+  nextPost: "Next"
+  copyright: "This site and its content are licensed under a Creative Commons Attribution-NonCommercial 4.0 International License."
+  gallery: "Gallery"
+  relatedPosts: "Related Posts"
+  series: "Series"
+  donateToAuthor: "Buy Me a Coffee"
+  details: "Details"
+  copyrightDesc: "All text and images in this article are original. Please do not reproduce or use them for commercial purposes without permission."
+  reads: "Reads"
+  seriesPostCount: "articles"
+  total: "A total of"
+  age_notice: "This post was created <span class='days-value'></span> days ago, and the information may have changed."
+  minsRead: "min read"
+  switchTo: "Switch to "
+  renderedContent: "Rendered Content"
+  rawMarkdownContent: "Raw MarkdownContent"
+  thanks: "Thanks to"
+  sponsored: "sponsored"
+  seriesPostCountShort: "articles"

package/languages/zh-CN.yml

@@ -0,0 +1,39 @@
+common:
+  archives: "归档"
+  categories: "分类"
+  category: "分类"
+  tags: "标签"
+  tag: "标签"
+  prev: "上一页"
+  next: "下一页"
+  about: "关于我"
+  latest: "最新文章"
+  posts: "文章"
+  aboutThisSite: "关于本站"
+  approximately: "约"
+  photos: "张图片"
+  photo: "张图片"
+  words: "个字"
+  whatsNew: "新特性"
+  toc: "目录"
+  undated: "未注明"
+  prevPost: "上一篇"
+  nextPost: "下一篇"
+  copyright: "本网站及其所有内容都遵循创意共享署名-非商业性使用 4.0 国际许可协议。"
+  gallery: "图库"
+  relatedPosts: "相关文章"
+  series: "系列"
+  donateToAuthor: "赞赏作者"
+  details: "详情"
+  copyrightDesc: "本文照片和文字为原创内容，未经授权，请勿转载或用于商业用途。"
+  reads: "阅读"
+  seriesPostCount: "篇文章"
+  total: "共"
+  age_notice: "这是一个创建于 <span class='days-value'></span> 天前的主题，其中的信息可能已经有所发展或是发生改变。"
+  minsRead: "分钟阅读"
+  switchTo: "切换到"
+  renderedContent: "渲染后的内容"
+  rawMarkdownContent: "原始 Markdown 内容"
+  thanks: "感谢"
+  sponsored: "赞赏了"
+  seriesPostCountShort: "篇"

package/layout/archive.ejs

@@ -0,0 +1,92 @@
+<%
+const tagsList = list_tags({ show_count: false });
+const seriesList = Array.from(new Set(site.posts.filter(item=>item.series).map(item=>item.series))).map(seriesName=>({
+  name: seriesName,
+  count: site.posts.filter(post=>post.series === seriesName).length
+}));
+const categoriesList = Object.entries(site.posts.reduce((acc, post) => {
+  (post?.categories || []).forEach(cat => acc[cat.name] = (acc[cat.name] || 0) + 1);
+  return acc;
+}, {})).map(([name, count]) => ({ name, count }));
+const archivesList = Object.entries(site.posts.filter(post=>!post?.hide?.archive).reduce((acc, post) => {
+  const year = post.date.year();
+  acc[year] = (acc[year] || 0) + 1;
+  return acc;
+}, {})).map(([name, count]) => ({ year: name, name: name.startsWith('1970') ? '__' : name, count })).reverse();
+%>
+
+<% if (is_year() === false) { %>
+<div id="archive">
+  <div class="two-columns">
+    <% if(categoriesList.length) {%>
+      <aside>
+      <h2 id="categories"><%=__('common.categories')%></h2>
+      <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 + '/'%>">
+            <%=category.name%>
+            <span class="archive-list-count"><%=category.count%></span>
+          </a>
+        </li>
+        <% }) %>
+      </ul>
+    </aside>
+    <% } %>
+    <aside>
+      <h2 id="archives"><%=__('common.posts')%></h2>
+      <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 + '/'%>">
+            <%=archive.name%>
+            <span class="archive-list-count"><%=archive.count%></span>
+          </a>
+        </li>
+        <% }) %>
+      </ul>
+    </aside>
+  </div>
+
+ 
+
+  <% if(categoriesList.length) { %>
+  <br>
+  <aside>
+    <h2 id="series"><%=__('common.series')%></h2>
+    <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 + '/'%>">
+          <%=series.name%>
+          <span class="archive-list-count"><%=series.count%></span>
+        </a>
+      </li>
+      <% }) %>
+    </ul>
+  </aside>
+  <% } %>
+
+  <% if(tagsList.length) { %>
+  <br>
+  <aside>
+    <h2 id="tags"><%=__('common.tags')%></h2>
+    <div class="tag-list-wrap">
+      <% if (tagsList !== "") { %>
+      <%-tagsList%>
+      <% } %>
+    </div>
+  </aside>
+  <% } %>
+
+</div>
+<% } else { %>
+<h1 id="archieve-h1"><%=page.year.toString().startsWith('1970') ? '__' : (page.month ? page.month + '/'  : '') + page.year%></h1>
+<div class="posts-info-layout">
+  <div class="posts-wrap">
+    <%-partial('partials/recent-posts', { showHidden: true })%>
+    <%-partial('partials/paginator')%>
+  </div>
+  <div class="info-wrap"><%-partial('partials/site-info')%></div>
+</div>
+<% } %>

package/layout/category.ejs

@@ -0,0 +1,8 @@
+<h1 id="archieve-h1"><%=__('common.category') + ': ' + page.category%></h1>
+<div class="posts-info-layout">
+  <div class="posts-wrap">
+    <%-partial('partials/recent-posts', { showHidden: true })%>
+    <%-partial('partials/paginator')%>
+  </div>
+  <div class="info-wrap"><%-partial('partials/site-info')%></div>
+</div>

package/layout/index.ejs

@@ -0,0 +1,11 @@
+<% if (is_home_first_page()) { %> <%-partial('partials/top-posts')%> <% } %>
+
+<div class="posts-info-layout">
+  <div class="posts-wrap">
+    <% if (is_home_first_page()) { %>
+    <div class="section-title"><%=__('common.latest')%></div>
+    <% } %> <%-partial('partials/recent-posts', { showHidden: false })%>
+    <%-partial('partials/paginator')%>
+  </div>
+  <div class="info-wrap"><%-partial('partials/site-info')%></div>
+</div>

package/layout/layout.ejs

@@ -0,0 +1,131 @@
+<% 
+const version = theme.version;
+%>
+
+<% 
+  var tocs = is_post() ? extractTocFromHtml(page.content) : null;
+  var series = is_post() ? site.posts.filter(item=>item.series && item.series === page?.series).sort('date', -1) : []
+%>
+
+<!DOCTYPE html>
+<html lang="<%=page.language || config.language%>">
+
+<head>
+  <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="/favicon.svg" />
+  <meta name="referrer" content="no-referrer-when-downgrade" />
+  <% if (page.hide && page.hide.seo) { %>
+  <meta name="robots" content="noindex, nofollow">
+  <% } %>
+  <meta name="description" content="<%=page?.excerpt||config?.description||''%>" />
+  <%-partial('partials/share-meta')%> <% if (theme.stylesheets !== undefined
+    && theme.stylesheets.length > 0) { %>
+  <% if (is_post()) { %>
+  <link rel="stylesheet" href="/css/linkcard.css?v=<%=version%>" />
+  <% } %>
+  <!-- stylesheets list from _config.yml -->
+  <% theme.stylesheets.forEach(url => { %>
+  <link rel="stylesheet" href="<%=url%>?v=<%=version%>" />
+  <% }); %> <% } %>
+  <% if (theme?.lazyload?.enable) { %>
+  <link rel="stylesheet" href="/css/lazyload.css?v=<%=version%>" />
+  <% } %>
+  <% if (theme?.heads) { %>
+  <% theme?.heads.forEach(head => { %>
+  <%-head%>
+  <% }); %>
+  <% } %>
+  <% if (page?.heads) { %>
+  <% page.heads.forEach(head => { %>
+  <%-head%>
+  <% }); %>
+  <% } %>
+</head>
+
+<body>
+  <div id=" "></div>
+  <div id="page-top"></div>
+  <%-partial('partials/header', {
+      hasTocs: page?.toc ?? !!tocs?.length
+    })%> <% if (is_post()) { %>
+  <div class="banner-bg"></div>
+  <% } %>
+  <div id="safe-area-test" style="position: fixed; bottom: 0; height: env(safe-area-inset-bottom);"></div>
+  <div class="page-body">
+    <div class="side-content">
+      <% if (page?.toc !== false && tocs?.length) { %>
+      <div id="toc" class="toc<%=page.tocType === 'flat' ? ' flat' : ''%>">
+        <div class="toc-title"></div>
+        <div class="toc-items">
+          <% tocs.forEach((toc, index) => { %>
+          <div class="toc-item-wrap<%-index ===0 ? ' active': ''%>">
+            <a class="toc-item-link" data-id="<%-toc.id%>" href="#<%-toc.id%>"><%-toc.title%></a>
+            <% if(toc?.children?.length) { %>
+            <ul class="toc-sub-item-wrap">
+              <% toc.children.forEach(subItem => { %>
+              <li><a class="toc-sub-item-link" data-id="<%-subItem.id%>" href="#<%-subItem.id%>"><%-subItem.title%></a></li>
+              <% }); %>
+            </ul>
+            <% }; %>
+          </div>
+          <% }); %>
+        </div>
+      </div>
+      <% } %>
+    </div>
+    <div class="side-content">
+      <% if (series.length) { %>
+      <div class="post-series">
+        <a class="series-title" href="<%='/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>
+          <% } %>
+        </div>
+      </div>
+      <% } %>
+    </div>
+    <div id="content-outer" class="<%= is_post() ? 'post-outer' : page.seriesInfo?.cover ? 'series-outer': '' %>">
+      <div id="content-inner">
+        <%- body %>
+      </div>
+    </div>
+  </div>
+
+  <%-partial('partials/footer')%>
+  <div id="mask"></div>
+  <a id="back-to-top" href="# " title="back to top"></a>
+  <noscript id="noscript-styles"></noscript>
+  <% if(is_post()) { %>
+  <script src="/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>
+  <% }); %>
+  <% } %>
+  <% if (theme?.lazyload?.enable) { %>
+  <script src="/js/lazyload.js?v=<%=version%>"></script>
+  <% } %>
+  <% if (page.hdrAssetsPrefix) { %>
+  <script>
+    var hdrAssetsPrefix = "<%-page.hdrAssetsPrefix%>"
+  </script>
+  <% } %>
+  <% if (page.hdrSwitch) { %>
+  <script src="/js/hdr.js?v=<%=version%>"></script>
+  <% } %>
+  <% if (theme?.appends?.length > 0) { %>
+  <% theme.appends.forEach(appendItem => { %>
+  <%-appendItem%>
+  <% }); %>
+  <% } %>
+</body>
+
+</html>

package/layout/page.ejs

@@ -0,0 +1,6 @@
+<article id="page">
+  <h1><%=page.title%></h1>
+  <%-page.content%>
+</article>
+
+<%-partial('partials/paginator')%>

package/layout/partials/footer.ejs

@@ -0,0 +1,12 @@
+<footer id="footer">
+  <div class="footerInner">
+    <div class="footerItems">
+      <!-- <a class="footerItem" href="">About This Blog</a> -->
+      <span class="footerItem"><abbr title="<%=__('common.copyright')%>" style="cursor: help;">©</abbr>&nbsp;<%=date(Date.now(), 'YYYY')+' '+config.author%></span>
+      <span class="footerItem">Powered by&nbsp;<a href="https://hexo.io/" target="_blank">Hexo</a></span>
+      <% if (theme?.info?.registration) { %>
+      <span class="footerItem"><%=theme.info.registration%></span>
+      <% } %>
+    </div>
+  </div>
+</footer>

package/layout/partials/header.ejs

@@ -0,0 +1,41 @@
+<% 
+const { hasTranslatation, targetLanguagePath, targetLanguage } = getTranslationPage();
+
+const logoConfig = theme?.logo || {};
+const { src: logoSrc, text: logoText, width: logoWidth, height: logoHeight } = logoConfig;
+const rssPath = config?.feed?.path || theme?.feed?.path;
+%>
+
+<% if (is_post()) { %>
+<div class="nav-header-pleaceholder"></div>
+<% } %>
+<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>
+    <div class="right">
+      <div class="navItems">
+        <% (theme?.navItems || []).forEach(({ name, path }) => { %>
+        <a class="navItem<%=`/${page.path}`.startsWith(path) ? ' active' : ''%>" href="<%=path%>"><%=name%></a>
+        <% }); %>
+      </div>
+      <div class="buttonSet">
+        <% if (page.hdrSwitch) { %>
+        <span class="button hdr-switch" title="Switch HDR/SDR content">
+        </span>
+        <% } %>
+        <% if (hasTranslatation) { %>
+        <a class="button language <%=targetLanguage%>" href="<%=targetLanguagePath%>" target="_self" title="switch language"></a>
+        <% } %>
+        <% if (theme?.info?.github) { %>
+        <a class="button github" href="<%=theme?.info?.github || ''%>" target="_blank" title="github"></a>
+        <% } %>
+        <% if (rssPath) { %>
+          <a class="button rss" href="<%=rssPath%>" target="_blank" title="rss"></a>
+        <% } %>
+        <% if (hasTocs) { %>
+        <div id="toc-toggle" class="button toc"></div>
+        <% } %>
+      </div>
+    </div>
+  </div>
+</div>

package/layout/partials/paginator.ejs

@@ -0,0 +1,5 @@
+<% if (page.total > 1) { %>
+<div id="paginator">
+  <%-paginator({ prev_text: __('common.prev'), next_text: __('common.next')})%>
+</div>
+<% } %>

package/layout/partials/post-item.ejs

@@ -0,0 +1,35 @@
+<div class="post-item" href="<%=url_for(post.path)%>" onclick="onclickPostItem(this)">
+  <div class="item-body">
+    <div class="title-excerpt">
+      <div class="title-excerpt-text">
+        <a class="title" href="<%=url_for(post.path)%>" onclick="event.stopPropagation()"><%=post.title%><% if (post.subTitle) { %><span class="sub-title"><%=post.subTitle%></span><% } %></a>
+        <% if(post?.tags?.length) { %>
+          <div class="tags">
+            <% (post.tags || []).forEach(tag => { %>
+              <a class="tag-item" href="<%='/'+tag.path%>" onclick="event.stopPropagation()"><%=tag.name%></a>
+            <% }) %>
+          </div>
+        <% } %>
+        <div class="excerpt"><%-post?.excerpt||''%></div>
+      </div>
+      <div class="post-meta">
+        <% if (post.date && !date(post.date).startsWith('1970')) { %>
+        <time class="date" datetime="<%=post.date.toJSON()%>">
+          <%=getPostDate(post)%>
+        </time>
+        <% } %>
+        <span class="categories">
+          <% (post?.categories || []).forEach(category => { %>
+          <a class="category-item" href="<%='/'+category.path%>" onclick="event.stopPropagation()"><%=category.name%></a>
+          <% }); %>
+        </span>
+        <span class="read-time"><%-partial('partials/words', { post, count: false, readTime: true })%></span>
+      </div>
+    </div>
+    <% if (post.thumbnail || post.cover) { %>
+    <div class="cover-img">
+      <img src="<%=post.thumbnail || post.cover%>" alt="" loading="lazy" />
+    </div>
+    <% } %>
+  </div>
+</div>

package/layout/partials/recent-posts.ejs

@@ -0,0 +1,18 @@
+<% if (page.posts.length > 0) { 
+  let topPosts = []; 
+  function getFirstFour(arr) {
+    return arr.slice(0, 4);
+  }
+  (theme?.topArticles || []).forEach(path=>{ 
+    const post = site.posts.findOne({ source: path }); 
+    if(post){ topPosts.push(post) } 
+  }) 
+  topPosts = getFirstFour(topPosts);
+  const isArchive = is_archive();
+%>
+<div id="recent-posts">
+  <% page.posts.filter(post=>is_home()?!(topPosts.map(v=>v.source)).includes(post.source): true).filter(v=>showHidden ? (isArchive ? !v?.hide?.archive : true) : !v?.hide?.recent).sort('date', -1).each(post => { %>
+  <%-partial('partials/post-item', { post: post })%>
+  <% }); %>
+</div>
+<% } %>

package/layout/partials/related-posts.ejs

@@ -0,0 +1,33 @@
+<% 
+const tags = page.tags.data.map(tag=>tag.name);
+const relatedPosts = site.posts.filter(item=>item.source !== page.source).filter((item) => {
+  let count = 0;
+  const itemTags = item.tags.data.map(tag=>tag.name);
+  (tags).forEach((tag) => {
+    if(itemTags.includes(tag)){
+      count ++;
+    }
+  });
+  return count >=2;
+}).sort('date', -1).limit(3);
+%>
+<% if (page?.showRelated !== false && relatedPosts.length > 0) { %>
+<div id="related-posts">
+  <div class="related-posts-title"><%=__('common.relatedPosts')%></div>
+  <% relatedPosts.each(post => { 
+      const coverImg = post.thumbnail || post.cover || '/img/related-post.jpg'
+      %>
+  <a href="<%=url_for(post.path)%>">
+    <div class="shared-link">
+      <div class="cover-img">
+        <img no-lazy class="not-gallery-item" src="<%=coverImg%>" alt="" loading="lazy">
+      </div>
+      <div class="link-content">
+        <span class="link-title"><%=post.title%></span>
+        <span class="link-desc"><%-post?.excerpt||''%></span>
+      </div>
+    </div>
+  </a>
+  <% }); %>
+</div>
+<% } %>

package/layout/partials/share-meta.ejs

@@ -0,0 +1,10 @@
+<% 
+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:site_name" content="<%=config.title%>">
+<meta property="og:description" content="<%=page?.seriesInfo?.description||page.excerpt||''%>">
+<meta property="og:locale" content="<%=page.language||config.language%>">
+<meta property="og:image" content="<%=page.seriesInfo?.cover||page.ogImage||page.cover||theme?.info?.siteCardBg||''%>">

package/layout/partials/site-info.ejs

@@ -0,0 +1,22 @@
+<%
+const series = Array.from(new Set(site.posts.filter(item=>item.series).sort('date', -1).map(item=>item.series)))
+%>
+<div class="site-info<%=is_home_first_page() ? ' home' : ''%>">
+  <div class="info-row">
+    <div class="author">
+      <img class="avatar" src="<%=theme?.info?.avatar || '/img/vue-color-avatar.png'%>" alt="" />
+      <div class="name"><%=config?.author || ''%></div>
+    </div>
+  </div>
+  <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>
+    <span class="divider">/</span>
+    <a href="/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>
+    <% if (series.length) { %>
+    <span class="divider">/</span>
+    <a href="/archives/#series" target="_self"><%=series.length%> <%=__('common.series')%></a><% } %>
+  </div>
+</div>

package/layout/partials/top-posts.ejs

@@ -0,0 +1,36 @@
+<% let topPosts = []; 
+  function getFirstFour(arr) {
+    return arr.slice(0, 4);
+  }
+  (theme?.topArticles || []).forEach(path=>{ 
+    const post = site.posts.findOne({ source: path }); 
+    if(post){ topPosts.push(post) } 
+  }) 
+  topPosts = getFirstFour(topPosts);
+%>
+<div id="top-posts">
+  <% topPosts.forEach(post => { %>
+  <a class="post-item" href="<%=url_for(post.path)%>">
+    <div class="item-body">
+      <div class="cover-img">
+        <img src="<%=post.thumbnail || post.cover%>" alt="" />
+      </div>
+      <div class="title-excerpt">
+        <div class="title"><%=post.title%><% if (post.subTitle) { %><span class="sub-title"><%=post.subTitle%></span><% } %></div>
+        <div class="excerpt"><%=post?.excerpt||''%></div>
+        <div class="post-meta">
+          <time class="date" datetime="<%=post.date.toJSON()%>">
+            <%=getPostDate(post)%>
+          </time>
+          <span class="categories">
+            <% (post?.categories || []).forEach(category => { %>
+            <span class="category-item"><%=category.name%></span>
+            <% }); %>
+          </span>
+          <span class="read-time"><%-partial('partials/words', { post, count: false, readTime: true })%></span>
+        </div>
+      </div>
+    </div>
+  </a>
+  <% }); %>
+</div>

package/layout/partials/words.ejs

@@ -0,0 +1,33 @@
+<%
+  const content = post.content || "";
+  const text = content
+    .replace(/<figure[^>]*>.*?<\/figure>/gs, "")
+    .replace(/<span class=\"pswp-caption-content\">.*?<\/span>/gs, "")
+    .replace(/<noscript[^>]*>.*?<\/noscript>/gs, "")
+    .replace(/<style[^>]*>.*?<\/style>/gs, "")
+    .replace(/<script[^>]*>.*?<\/script>/gs, "")
+    .replace(/<\/?[^>]+(>|$)/g, "")
+  
+  const currentLanguage = page?.language || config?.language;
+  const comma = currentLanguage === 'en' ? ', ' : '，'
+  const words = (currentLanguage === 'en'? text?.split(' ')?.length : text?.trim()?.replace(/[\s\t\n]/g, '')?.length) || 0;
+  const photos = content.match(/class="gallery-item/gi, '')?.length || 0;
+  let res = [];
+  let smallRes = [];
+  if(count && (words || photos)) {
+    res = [__('common.approximately'), ' ', ...(words ? [words, __('common.words')] : []), words && photos ? comma : '', ...(photos ? [photos, photos > 1 ? __('common.photos') : __('common.photo')]: [])].filter(item=>item);
+  }
+  if(readTime) {
+    res = res.concat([res.length ? comma : __('common.approximately'), estimateReadingTime(text, photos, content), __('common.minsRead')])
+  }
+  if(count && readTime) {
+    res = [__('common.approximately'), estimateReadingTime(text, photos, content), __('common.minsRead')].filter(item=>item);
+    smallRes = words ? ['(', ...(words ? [words, __('common.words')] : []), words && photos ? comma : '', ...(photos ? [photos, photos > 1 ? __('common.photos') : __('common.photo')]: []), ')'].filter(item=>item) : [];
+  }
+%>
+<% res.forEach(function(item) { %>
+  <span><%= item %></span>
+<% }); %>
+<% smallRes.forEach(function(item) { %>
+  <small><%= item %></small>
+<% }); %>