添加一个时间轴页面，记录一下自己的建站历程

添加时间线页面

  • 使用hexo new page sitetime新建一个归档页面，页面生成在/source/sitetime/index.md处。

  • 主题中在menu处添加以下配置

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    menu:
      首页:   /           ||  fas fa-home
      文章||fas fa-blog:
        归档:   /archives/  ||  fas fa-archive
        标签:   /tags/      ||  fas fa-tags
        分类:   /categories/  ||  fas fa-folder-open
      
      时间轴: /sitetime   ||  fas fa-hourglass-end // 这里添加时间轴
      清单||fas fa-heartbeat:
        音乐: /music/ || fas fa-music
        照片: /Gallery/ || fas fa-images
        电影: /movies/ || fas fa-video
        关于: /about/ ||  far fa-paper-plane

  • 然后在/source/sitetime/index.md的配置代码（FrontMatter）中添加一行配置：

    1
    layout: sitetime

    注意layout后面的内容需要与后面创建的模版文件保持一致

添加数据

参考官方文档：在/source/sitetime/index.md中添加以下内容即可在时间线中添加对应内容：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
---
title: sitetime
date: 2024-10-28 10:57:11
---

{% timeline 2024 %}

<!-- timeline 10-22 -->
基于hexo重新建站，使用butterfly主题
<!-- endtimeline -->

<!-- timeline 10-27 -->
美化导航栏，添加导航栏图标，添加Gittalk评论区功能
<!-- endtimeline -->

<!-- timeline 10-28 -->
添加时间轴功能
<!-- endtimeline -->
{% endtimeline %}


{% timeline 2023 %}

<!-- timeline 04-09 -->

基于github.io仓库和byblog创建了我的博客网站

<!-- endtimeline -->

{% endtimeline %}

最终效果