jekyll-text-theme 1.5.0 → 2.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: cb89dc720f2e68655d150b10f7fb344b63ab461e
-  data.tar.gz: 89cc55c17ce994c93f655cdee03d873cfda5fc34
+  metadata.gz: 8d40ef49df1da21ab016b2ab711248fac71b6d12
+  data.tar.gz: 76b07e568155511b54e0ed869e4bcc6d44c9ed58
 SHA512:
-  metadata.gz: cb737051b2a6a944797be9c0d7e93db7beb512768f4dbbcb460bad57a19d2f5959efd9e843cd11d06cce5ad0a5e8fbfcd41f243e504015bce12e3ffe22b2a13a
-  data.tar.gz: d0cba3d8ccf1fe07c48f3d2bfeed33cdb6e38f7e7599dafa1d6b2f44e325c45d6cc429ec23ab234ccabfe6824f186c9326af6dd6f298dd3816e48a5fcaf04739
+  metadata.gz: 21bf66cb310779454b5054de19d130e75287abe59b5e76b52388d5880708f9853dbe30109392e3435494ccba91f83236c8c4beff7696b5131bdc40c9c1a743d7
+  data.tar.gz: 987d9ae4fe46c3aee45b995d130e7a564e8f75c0d722d1b22b94194f89a51df7848b110f0ee75668a43ff2bfc9679086d5986c1fc1e823ffde48c2d53c7e56d9

data/README.md

@@ -8,180 +8,68 @@
 
 ![TeXt Theme Details](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/TeXt-details.png)
 
-[Demo](https://tianqi.name/jekyll-TeXt-theme/) | [English (Beta)](https://github.com/kitian616/jekyll-TeXt-theme/blob/master/README-en.md)
+TeXt is a Jekyll theme for personal site, team site, blog, project, documentation, etc. Similar to iOS 11 style, it has large and prominent titles, round buttons and cards.
 
-TeXt is a succinct theme for blogging.
-
-TeXt 是针对博客的一款简洁的主题，它虽然简洁但并不简单。它参考了 iOS 11 的风格，有大而突出的标题和圆润的按钮及卡片。
+[中文文档](https://github.com/kitian616/jekyll-TeXt-theme/blob/master/README-zh.md)
 
 ## Features
 
-- 响应式
-- 分页（[jekyll-paginate](https://github.com/jekyll/jekyll-paginate)）
-- 文章目录
-- 文章标签
-- 搜索（标题）
-- 阅读次数统计（[LeanCloud](https://leancloud.cn/)）
-- Emoji（[Jemoji](https://github.com/jekyll/jemoji)）
-- 评论（[Disqus](https://disqus.com/), [gitalk](https://gitalk.github.io/)）
+- Responsive
+- Skins
+- Table of contents
+- Authors
+- Multi-language support(English, Simplified Chinese, Traditional Chinese)
+- Search
+- Semantic HTML
+- RSS（[jekyll-feed](https://github.com/jekyll/jekyll-feed))
+- Contact information (Email, Facebook, Twitter, Linkedin, Weibo, Zhihu, etc)
+- Mathematical formula ([MathJax](https://www.mathjax.org/))
+- Flowchart, Sequence diagram, Gantt diagram ([mermaid](https://mermaidjs.github.io/))
+- Line Chart, Bar Chart, Radar Chart, Pie Chart ([chartjs](http://www.chartjs.org/))
+- Page views ([LeanCloud](https://leancloud.cn/))
+- Comments ([Disqus](https://disqus.com/))
 - Google Analytics
-- 联系方式设置（Email, Facebook, Twitter, 微博, 知乎……）
-- Web 语意化
-- 网站图标的自动化工具（[gulp-svg2png](https://www.npmjs.com/package/gulp-svg2png), [gulp-to-ico](https://www.npmjs.com/package/gulp-to-ico)）
-- Color Theme
-- 数学公式（[MathJax](https://www.mathjax.org/)）
-- 流程图， 序列图，甘特图（[mermaid](https://mermaidjs.github.io/)）
-- 柱状图，折线图，饼图，雷达图（[chartjs](http://www.chartjs.org/)）
-- RSS（[jekyll-feed](https://github.com/jekyll/jekyll-feed)）
-- 多语言支持（English | 简体中文 | 繁體中文）
-
-下面简要的介绍下使用的方法，当然如果你对 Jekyll 比较了解可以直接看后面的高级部分，这是该主题增加的一些特有功能。
-
-## How To Use
-
-最简单的方法是直接 **Fork** 到你的 GitHub 仓库然后更改其名称为 `<username>.github.io`，稍等一会儿访问 `https://<username>.github.io` 即可看到一个空的博客页，接下来你可以把它 Clone 到本地修改后提交。
-
-当然你也可以在 [Releases 页面](https://github.com/kitian616/jekyll-TeXt-theme/releases) 下载最新版本源码，或直接 Clone 代码到本地。
-
-另外，因为每个版本都是作为一个 [Gem](https://rubygems.org/gems/jekyll-text-theme) 发布的，所以你也可以通过 Jekyll 的主题系统安装该主题，这种方式可以很方便的升级保持最新，但不支持 GitHub 的自动编译，详见 [Jekyll: 主题](http://jekyllcn.com/docs/themes/)。项目的 ./test 目录就是一个使用主题系统的例子。
-
-### 配置
-
-在 ./\_config.yml 文件里按照说明加上你的信息，例如你的名字和联系方式，网站的标题和描述等等。
-
-在 ./about.md 中写上你的简单介绍，例如我叫小明之类的。
-
-### 写博客
-
-使用 Markdown 编写文章，位于 ./\_posts 目录（需要自行创建）下，文件名采用日期 + 标题的形式，形如 `2017-02-02-Very-Long-Title`，可参考 ./test/\_posts 目录。
-
-可以在头信息里设置文章的一些基本信息，包括标题、发布时间和标签等。当然，如果你不设置标题和发布时间，系统会使用文件名中的标题和发布时间，详见 [Jekyll: 头信息](http://jekyllcn.com/docs/frontmatter/)。当然，该主题在原有的基础上增加了一些属性，这在后面会讲到。
-
-#### 摘要
-
-该主题的摘要有两种模式——TEXT 模式和 HTML 模式。 当 ./\_config.yml 配置项 `excerpt_type` 的值为 `text` 时是 TEXT 模式，为 `html` 时是 HTML 模式，**默认为 TEXT 模式**。
-
-TEXT 模式的摘要为纯文本，会过滤掉一切非文本元素（标题，链接，列表，表格，图片等等），且截取前 350 个字符。
-
-HTML 模式的摘要为 HTML 文档，与文章内容一致，并且 **默认展示整篇文章的内容**。若想控制摘要内容，需要在文章中想要显示到的地方加上 `<!--more-->`，详见 [Jekyll: 文章摘要](http://jekyll.com.cn/docs/posts/#_6)。
-
-> 提示：为了首页更好的展示效果，个人还是推荐使用 HTML 模式，并自己在文章中加上 `<!--more-->`。
-
-### 安装环境（非必须）
-
-具体可参考 [Jekyll: 安装](http://jekyllcn.com/docs/installation/)。
-
-请确保你的电脑上配置好了 Ruby 开发环境。(ruby, bundle, Command Line Tools(macOS) ...)
-
-首先安装 github-pages（包含了 Jekyll 以及一些插件），在项目根目录执行 `bundle install` 即可安装。
-
-推荐安装 Node.js 环境，可以获得更好的开发体验。
-
-### 本地服务（非必须）
-
-如果你安装了 Node.js 环境，只需要在项目根目录运行 `npm run dev` 即可启动本地服务。
-
-如果没有安装 Node.js 环境，则是：
-
-```console
-bundle exec jekyll serve -H 0.0.0.0
-```
-
-命令执行成功后在浏览器中访问 [http://localhost:4000/](http://localhost:4000/) 即可看到页面。
 
-### 部署与提交
+## Skins
 
-推荐部署到 GitHub Pages 上，简单而免费，详见 [Jekyll: GitHub Pages](http://jekyllcn.com/docs/github-pages/)。
-
-如果你是下载或者 Clone 的源码，那么你需要在 GitHub 上建立一个 Repository，然后把项目代码 push 到其对应的分支上（如果以 `<username>.github.io` 命名则对应分支为 `master` ，其他的为 `gh-pages`，详见 [Github Pages: Configuring a publishing source for GitHub Pages](https://help.github.com/articles/configuring-a-publishing-source-for-github-pages/)）。
-
-如果你是通过 Jekyll 的主题系统安装的，那么你需要把本地编译好的代码 push 到上文所说的对应分支上。
-
-当然你也可以部署到到其他地方。
-
-## 高级
-
-### 多语言
-
-该主题支持 English、简体中文和繁體中文，只需在 ./\_config.yml 中设置对应 `lang` 项即可。设置后整个网站的主题文字（导航，阅读更多，文章数统计，日期格式，文章协议等等）会变为设置的语言，多语言的配置文件为 ./_data/locale.yml，你可以自由的修改和增加语言。
-
-另外，该主题也支持对某篇文章（页面）单独设置语言，只需在 Markdown 或页面 HTML 文件的头信息中设置 `lang` 项，其优先级高于 ./\_config.yml 中设置的值。设置后该文章（页面）的主题文字会变为头信息中设置的语言。
-
-> 提示：当前的 `lang` 值可选值为 en(English), zh(简体中文), zh-Hans(简体中文), zh-Hant(繁體中文)。
-
-### Color Theme
-
-颜色主题位于文件夹 ./\_sass/colors 中，修改 ./\_config.yml 中的 text_color_theme 项为以下值即可更换颜色主题，默认主题为 default。
+You can choose these 6 built-in skins below:
 
 | `default` | `dark` | `forest` |
 | --- |  --- | --- |
-| ![default](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/colors_default.png) | ![dark](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/colors_dark.png) | ![forest](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/colors_forest.png) |
+| ![default](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_default.png) | ![dark](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_dark.png) | ![forest](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_forest.png) |
 
 | `ocean` | `chocolate` | `orange` |
 | --- |  --- | --- |
-| ![ocean](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/colors_ocean.png) | ![chocolate](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/colors_chocolate.png) | ![orange](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/colors_orange.png) |
-
-更多颜色主题敬请期待。
-
-### 网站图标
-
-该主题自带了一个“银杏叶”图标，你可以把它替换为自己的图标。网站的图标位于 ./favicon.ico 和 ./assets/images/logo 目录下。你会看到 logo 目录中有很多的 png 文件和一个 svg 矢量图文件。那些 png 图片实际上就是根据 svg 矢量图生成的不同大小的图片，这些图片是一些场景可能会用到的大图标，像 iOS 和 Android 的固定到屏幕和 Windows 10 的磁贴。
-
-该主题提供了一个自动化脚本能将 svg 矢量图自动生成 favicon 和 png 文件。你所要做的是：
-
-1. 安装 Node.js 环境
-
-2. 在项目根目录执行 `npm i` 命令
-
-3. 替换 ./assets/images/logo 目录下的 logo.svg 文件
-
-4. 执行 `npm run artwork` 命令，此时 favicon 和 png 便会替换为新 logo.svg 生成的文件
-
-当然如果要追求各个尺寸下图标的显示效果，那还得对不同尺寸的图片进行修改和优化。
-
-### 评论系统
-
-目前支持 Disqus 和 gitalk 评论系统，优先使用 Disqus。
-
-#### Disqus
-
-在 ./\_config.yml 文件的 `disqus.shortname` 项填上你在 [Disqus](https://disqus.com/) 上为网站建立的 site 对应的 shortname 即可，需要注意的是 Disqus 在大陆是无法直接访问的。
-
-#### gitalk
-
-在 ./\_config.yml 文件的 `gitalk` 的子项（`clientID`,`clientSecret`, `repository`, `owner`, `admin`）填上 gitalk 的对应参数 即可，详见 [gitalk 中文文档](https://github.com/gitalk/gitalk/blob/master/readme-cn.md)。
-
-> 注意：使用评论系统必须在文章的头信息中设置 key 值（可用字符集：`字母`、`数字` 及 `- _ : .`）。
-
-### 阅读量统计
+| ![ocean](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_ocean.png) | ![chocolate](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_chocolate.png) | ![orange](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_orange.png) |
 
-在 ./\_config.yml 文件 `leancloud` 的 `app_id`、`app_key`、`app_class` 项分别填上你在 [LeanCloud](https://leancloud.cn) 为网站建立的应用的对应参数。
+## Documentation
 
-> 注意：使用阅读量统计必须在文章的头信息中设置 key 值（可用字符集：`字母`、`数字` 及 `- _ : .`）。
+### Start
 
-### Google Analytics
+- [Quick Start](https://tianqi.name/jekyll-TeXt-theme/docs/en/quick-start)
+- [Update form 1.x to 2.x](https://tianqi.name/jekyll-TeXt-theme/docs/en/update-form-1-to-2)
 
-在 ./\_config.yml 文件的 `ga_tracking_id` 项填上你在 [Google Analytics](https://analytics.google.com) 上为网站建立的媒体资源对应的跟踪 ID。
+### Customization
 
-### Markdown 头信息增强
+- [Configuration](https://tianqi.name/jekyll-TeXt-theme/docs/en/configuration)
+- [Navigation](https://tianqi.name/jekyll-TeXt-theme/docs/en/navigation)
+- [Layouts](https://tianqi.name/jekyll-TeXt-theme/docs/en/layouts)
+- [Logo and Favicon](https://tianqi.name/jekyll-TeXt-theme/docs/en/logo-and-favicon)
+- [Authors](https://tianqi.name/jekyll-TeXt-theme/docs/en/authors)
 
-除了 Jekyll 官方的头信息外，该主题增加了一些头信息。
+### Content
 
-| 变量名称       | 可选值          | 描述 |
-| ---           | ---           | --- |
-| key           |               | 评论系统和阅读量统计使用的文章标识符，如果未设置则评论和统计无效。可用字符集：`字母`、`数字` 及 `- _ : .` |
-| lang          | en/zh/zh-Hans/zh-Hant | 该文章的语言，其优先级高于  ./\_config.yml 中设置的值 |
-| modify_date   |               | 该文章的修改时间，不影响首页文章排序（`date` 代表发表时间，会影响文章排序） |
-| comment       | true/false    | 该文章是否能够评论，默认为 true（当然你也可以通过不设置 key 来实现，但是这样的话统计也失效了） |
-| mathjax       | true/false    | 该文章是否需要使用 MathJax 公式，默认为 false（此时只会在该文章页面中解析 MathJax 公式。当然你也可以配置 _config.yml 中的 `mathjax` 项为 true，让网站全局支持 MathJax 公式） |
-| mermaid       | true/false    | 该文章是否需要使用 Mermaid 绘制流程图 |
-| chart         | true/false    | 该文章是否需要使用 Chart 绘制图标 |
+- [Writing Posts](https://tianqi.name/jekyll-TeXt-theme/docs/en/writing-posts)
+- [Markdown Enhancements](https://tianqi.name/jekyll-TeXt-theme/docs/en/markdown-enhancements)
+- [Additional styles](https://tianqi.name/jekyll-TeXt-theme/docs/en/additional-styles)
 
-### 其他资源
+## Demo Pages
 
-在 ./\_includes/icon/social 目录下有很多的社交产品图标，例如 Behance、Flickr、QQ、微信等，方便修改和使用。
+| Name | Description |
+| --- | --- |
+| [Home](https://tianqi.name/jekyll-TeXt-theme/test/) | Home page with posts list |
+| [Archive](https://tianqi.name/jekyll-TeXt-theme/archive.html) | You can filter tags and search here |
 
-## 示例
+## License
 
-- [Demo](https://tianqi.name/jekyll-TeXt-theme/)
-- [Qi's blog](https://tianqi.name/blog/)
+TeXt Theme is [MIT licensed](https://github.com/kitian616/jekyll-TeXt-theme/blob/master/LICENSE).

data/_data/licenses.yml

@@ -0,0 +1,16 @@
+CC-BY-4.0:
+  name: Attribution 4.0 International
+  url: https://creativecommons.org/licenses/by/4.0/
+  image: https://i.creativecommons.org/l/by/4.0/88x31.png
+CC-BY-SA-4.0:
+  name: Attribution-ShareAlike 4.0 International
+  url: https://creativecommons.org/licenses/by-sa/4.0/
+  image: https://i.creativecommons.org/l/by-sa/4.0/88x31.png
+CC-BY-NC-4.0:
+  name: Attribution-NonCommercial 4.0 International
+  url: https://creativecommons.org/licenses/by-nc/4.0/
+  image: https://i.creativecommons.org/l/by-nc/4.0/88x31.png
+CC-BY-ND-4.0:
+  name: Attribution-NoDerivatives 4.0 International
+  url: https://creativecommons.org/licenses/by-nd/4.0/
+  image: https://i.creativecommons.org/l/by-nd/4.0/88x31.png

data/_data/locale.yml

@@ -69,17 +69,11 @@ LICENSE_ANNOUNCE:
   zh-Hans: "本文遵守 [LICENSE] 许可协议。"
   zh-Hant: "本文遵守 [LICENSE] 許可協議。"
 
-LICENSE_INTRO:
-  en:
-  zh:      "欢迎转载，转载需注明出处，且禁止用于商业目的。"
-  zh-Hans: "欢迎转载，转载需注明出处，且禁止用于商业目的。"
-  zh-Hant: "歡迎轉載，轉載需註明出處，且禁止用於商業目的。"
-
 POST_ON_GITHUB:
-  en:      "View this POST on Github."
-  zh:      "在 Github 上查阅此文。"
-  zh-Hans: "在 Github 上查阅此文。"
-  zh-Hant: "在 Github 上查閱此文。"
+  en:      "Edit on Github"
+  zh:      "在 Github 上修改"
+  zh-Hans: "在 Github 上修改"
+  zh-Hant: "在 Github 上修改"
 
 FOLLOW_ME:
   en:      "Follow me on [NAME]."

data/_data/navigation.yml

@@ -0,0 +1,13 @@
+header:
+  - titles:
+      en:       Archive
+      zh:       归档
+      zh-Hans:  归档
+      zh-Hant:  歸檔
+    url:        /archive.html
+  - titles:
+      en:       About
+      zh:       关于
+      zh-Hans:  关于
+      zh-Hant:  關於
+    url:        /about.html

data/_data/variables.yml

@@ -1,17 +1,32 @@
 default:
-  text_color_theme: default
+  text_skin: default
+  lang: en
   paths:
-    base: /
+    root: /
     home: /
-    all:  /all.html
+    archive:  /archive.html
     rss:  /feed.xml
-  lang: zh
-  sources: bootcss
+  mathjax: false
+  mathjax_autoNumber: false
+  mermaid: false
+  chart: false
   toc:
     selectors: 'h1,h2,h3'
+  sources: bootcdn
+  excerpt_type: text
+
+  page:
+    type: webpage
+    show_header: true
+    show_title: true
+    show_edit_on_github: false
+    show_author_profile: false
+    full_width: false
+    pageview: false
 
 sources:
-  bootcss:
+  bootcdn:
+    font_awesome: 'https://use.fontawesome.com/releases/v5.0.13/css/all.css'
     jquery: 'https://cdn.bootcss.com/jquery/3.1.1/jquery.min.js'
     leancloud_js_sdk: '//cdn1.lncld.net/static/js/3.4.1/av-min.js'
     chart: 'https://cdn.bootcss.com/Chart.js/2.7.1/Chart.bundle.min.js'
@@ -21,6 +36,7 @@ sources:
     mathjax: 'https://cdn.bootcss.com/mathjax/2.7.2/MathJax.js?config=TeX-MML-AM_CHTML'
     mermaid: 'https://cdn.bootcss.com/mermaid/7.1.2/mermaid.min.js'
   unpkg:
+    font_awesome: 'https://use.fontawesome.com/releases/v5.0.13/css/all.css'
     jquery: 'https://unpkg.com/jquery@3.3.1/dist/jquery.min.js'
     leancloud_js_sdk: '//cdn1.lncld.net/static/js/3.4.1/av-min.js'
     chart: 'https://unpkg.com/chart.js@2.7.1/dist/Chart.min.js'

data/_includes/analytics-providers/google.html

@@ -0,0 +1,16 @@
+{%- if site.analytics.google.tracking_id -%}
+
+	<script>
+		(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+		(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+		m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+		})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
+
+		ga('create', '{{ site.analytics.google.tracking_id }}', 'auto');
+		ga('send', 'pageview');
+		{% if site.analytics.google.anonymize_ip == true %}
+		ga('set', 'anonymizeIp', true);
+		{% endif %}
+	</script>
+
+{%- endif -%}

data/_includes/analytics.html

@@ -0,0 +1,7 @@
+{%- if jekyll.environment != 'development' -%}
+  {%- if site.analytics.provider == 'google' -%}
+    {%- include analytics-providers/google.html -%}
+  {%- elsif site.analytics.provider == 'custom' -%}
+    {%- include analytics-providers/custom.html -%}
+  {%- endif -%}
+{%- endif -%}

data/_includes/article-footer/custom.html

@@ -0,0 +1 @@
+<!-- this will show at every article content's bottom -->

data/_includes/article-footer/license.html

@@ -0,0 +1,24 @@
+{%- assign __locale = site.data.locale.LICENSE_ANNOUNCE -%}
+{%- include snippets/locale-to-string.html -%}
+{%- assign _license_announce = __return -%}
+
+{%- assign _data_license = site.data.licenses-%}
+{%- if site.license -%}
+  {%- assign _license = _data_license[site.license] -%}
+{%- endif -%}
+{%- if page.license != true -%}
+  {%- assign _license = _data_license[page.license] -%}
+{%- endif -%}
+
+
+{%- if _license -%}
+
+  {%-assign _license_name = '<a itemprop="license" rel="license" href="[URL]">[NAME]</a>' | replace: "[URL]", _license.url | replace: "[NAME]", _license.name -%}
+  <div class="license">
+    <p>{{ _license_announce | replace: "[LICENSE]", _license_name }}
+      <a rel="license" href="{{ _license.url }}">
+        <img alt="{{ _license.name }}" src="{{ _license.image }}" />
+      </a>
+    </p>
+  </div>
+{%- endif -%}

data/_includes/article-info.html

@@ -0,0 +1,90 @@
+{%- if post -%}
+  {%- assign _cur_page = post -%}
+{%- elsif page -%}
+  {%- assign _cur_page = page -%}
+{%- endif -%}
+
+{%- assign __target = site.data.variables.default.pageview -%}
+{%- assign __source = page.pageview -%}
+{%- include snippets/assign.html -%}
+{%- assign _pageview = __return -%}
+
+{%- assign __target = site.data.variables.default.paths.archive -%}
+{%- assign __source = site.paths.archive -%}
+{%- include snippets/assign.html -%}
+{%- assign _all_path = __return -%}
+
+{%- if _cur_page.author -%}
+  {%- assign _author = site.data.authors[_cur_page.author] -%}
+{%- else -%}
+  {%- assign _author = site.author -%}
+{%- endif -%}
+
+
+<div class="article__info clearfix">
+
+  {%- if _author -%}
+    <meta itemprop="author" content="{{ _author.name }}"/>
+  {%- endif -%}
+
+  {%- if _cur_page.tags[0] -%}
+    <ul class="left-col menu">
+
+      {%- assign _keywords = '' -%}
+      {%- for _tag in _cur_page.tags -%}
+        {%- assign _tag_encode = _tag | strip | url_encode } -%}
+        {%- if forloop.last -%}
+          {%- assign _keywords = _keywords | append: _tag -%}
+        {%- else -%}
+          {%- assign _keywords = _keywords | append: _tag | append: ',' -%}
+        {%- endif -%}
+        {%- assign __path = _all_path | append: '?tag=' -%}
+        {%- include snippets/prepend-baseurl.html -%}
+        <li>
+          <a class="button button--secondary button--pill button--sm"
+            href="{{ __return | append: _tag_encode | replace: '//', '/' }}">{{ _tag }}</a>
+        </li>
+      {%- endfor -%}
+      <meta itemprop="keywords" content="{{ _keywords }}">
+    </ul>
+  {%- endif -%}
+
+
+  {%- if (_pageview or post) or _cur_page.date -%}
+    <ul class="right-col menu">
+      {%- if !_cur_page.author -%}
+        <li><i class="fas fa-user"></i>  <span>{{ _author.name }}</span></li>
+      {%- endif -%}
+
+      {%- if _cur_page.date -%}
+        <li>
+          {%- assign __locale = site.data.locale.ARTICLE_DATE_FORMAT } -%}
+          {%- include snippets/locale-to-string.html -%}
+          {%- if post -%}
+            <i class="far fa-calendar-alt"></i> <span itemprop="datePublished">{{ _cur_page.date | date: __return }}</span>
+          {%- elsif page -%}
+            <i class="far fa-calendar-alt"></i> <time datetime="{{ page.date | date_to_xmlschema }}"
+              itemprop="datePublished">{{ _cur_page.date | date: __return }}
+            </time>
+          {%- endif -%}
+        </li>
+      {%- endif -%}
+
+      {%- if _pageview or post -%}
+        {%- if site.pageview.provider -%}
+
+          {%- assign __locale = site.data.locale.VIEWS } -%}
+          {%- include snippets/locale-to-string.html -%}
+          {%- assign _locale_views = __return -%}
+
+          <li itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter">
+            <link itemprop="interactionType" href="http://schema.org/WatchAction"/>
+            <i class="far fa-eye"></i> <span class="js-pageview" data-page-key="{{ _cur_page.key }}">0</span> {{ _locale_views }}
+          </li>
+        {%- endif -%}
+      {%- endif -%}
+
+    </ul>
+  {%- endif -%}
+
+</div>