添加 TimeLine 标签插件

自检报告

• 我已阅读主题文档，确认不存在此功能。
• 我已阅读Hexo官方文档，确认不存在此功能。

需求描述

添加一个时间线的标签插件，觉得 Wordpress Argon 主题的 TimeLine 挺好看的

[Reqwey]

这样
https://blog.lhkstudio.me/archives/
魔改版归档页

[xaoxuu]

@linhk1606 很棒，我最近懒得改了

[xaoxuu]

@Flexiston 你要这个插件来干什么

@xaoxuu 更新记录

[inkss]

@Flexiston 轻量用可以试试这个样子，都是从 layui 扒的样式 ：

博客大事记

---

• 用法：链接
• 样式：链接
• 来源：链接

[Reqwey]

@Flexiston 轻量用可以试试这个样子，都是从 layui 扒的样式 ：

博客大事记

• 用法：链接
• 样式：链接
• 来源：链接

我就是用layui的，然后样式改了一下

@inkss OK了 👌

[God-2077]

诶，我把这个issue又开了，这个时间线的timenode标题过长且在移动端(就是小屏幕)就会和下面的timenode重叠。

问题复现 我的博客 https://buasis.eu.org/todo/

Ksable's 小屋

ToDo

一个 ToDo 清单。

😭不会用issue

[Tikas]

查看了官网，同样会出现此情况：

由于内容不够长，这里进行了更窄的宽去截图，不用在意此宽度，只需要在意结果即可。

[MHuiG]

在 hexo 8.1.2 中 volantis官网时间线（出问题的可能是tabs标签）这里出现了bug。

https://github.com/volantis-x/community/blob/02f1df287832a34f52a8f7956181a6dafcf6b6d1/source/v6/getting-started/index.md

下面这段文字渲染异常

{% folding green::安装或更新 「稳定版本」 %}

{% tabs install, 1 %}

<!-- tab 全新博客安装 -->

{% timenode 第 1/2 步：修改站点配置文件 %}

在 `blog/_config.yml` 文件中找到并修改：

```
theme: volantis
```

{% endtimenode %}

{% timenode 第 2/2 步：下载主题 %}

在终端中输入：

```
npm i hexo-theme-volantis
```

{% endtimenode %}

{% folding, 如果您是 Mac 用户，可以使用脚本完成全部流程 %}

在博客路径打开终端，下载安装并应用主题：

```
curl -s https://volantis.js.org/start | bash
```

这行命令将会自动检测并安装所需环境，初始化博客，然后下载安装并应用主题。
脚本详细使用方法：[#blog脚本](https://xaoxuu.com/wiki/cloud-shell/blog/)

{% endfolding %}

<!-- endtab -->

<!-- tab 从其它主题迁移 -->

{% timenode 第 1/3 步：修改站点配置文件 %}

在 `blog/_config.yml` 文件中找到并修改：

```
theme: volantis
```

{% endtimenode %}

{% timenode 第 2/3 步：下载主题 %}

如果您已经升级到 `Hexo 5.0.2` 及以上，可以直接使用 `npm` 命令安装：

```
npm i hexo-theme-volantis
```

对于旧版本，需要下载主题源码到 `themes/` 文件夹：

```
git clone https://github.com/volantis-x/hexo-theme-volantis themes/volantis
```

如果您无法访问 GitHub 可以使用国内镜像源：

```
git clone https://e.coding.net/volantis-x/p/hexo-theme-volantis.git themes/volantis
```

{% endtimenode %}

{% timenode 第 3/3 步：检查并安装依赖 %}

安装 Hexo 搜索的依赖包：

```
npm i hexo-generator-json-content
```

安装 Stylus 渲染器：

```
npm i hexo-renderer-stylus
```

{% endtimenode %}

<!-- endtab -->

{% endtabs %}

{% endfolding %}

移除内部嵌套的folding就正常了

{% folding, 如果您是 Mac 用户，可以使用脚本完成全部流程 %}

在博客路径打开终端，下载安装并应用主题：

```
curl -s https://volantis.js.org/start | bash
```

这行命令将会自动检测并安装所需环境，初始化博客，然后下载安装并应用主题。
脚本详细使用方法：[#blog脚本](https://xaoxuu.com/wiki/cloud-shell/blog/)

{% endfolding %}

这个问题在 hexo v7 中不存在。

推测与hexo最近版本的改动有关

hexojs/hexo#5716

hexojs/hexo#5722

hexojs/hexo#5717

hexojs/hexo#5616

GitHub

community/source/v6/getting-started/index.md at main · volantis-x/community

Volantis Community 社区主页 https://volantis.js.org. Contribute to volantis-x/community development by creating an account on GitHub.