博客与建站

hugo 中的文章添加时间线1. hugo-shortcode-timeline

一. 在github上下载 hugo-shortcode-timeline
二. 把 hugo-shortcode-timeline目录下的文件，copyg到当前hugo blog的themes目录下对应的theme目录中。

比如当前场景是serif, 则把 hugo-shorcode-timeline下

assets目录中的文件 copy 到 hugo-serif-theme/assets下
layout/shortcodes/ 目录下的文件 copy 到 hugo-serif-theme/layout/shorcodes/目录下

三. 在 markdown文件中语法如下
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
{{< timeline >}}

    {{% event title="催客户试产" from="2023-06-20" to="2023-07-24" %}}
_工作描述:_ 蓝总有意初步试定一吨，但临时变卦想用更高倔强的钢，暂时我们还做不到，项目终止
    {{% /event %}}

    {{% event title="客户自己的结构状况" from="2023-05-29" to="2023-06-20" %}}
_工作描述:_ 蓝总自己的结构己完成，参数可以，但什么时候生产还得看情况
    {{% /event %}}

    {{% event title="客户检测确认" from="2023-05-17" to="2023-05-29" %}}
_工作描述:_ 客户测试完成，表示与我们的报告性能一致，这0.5米长样品做为质检留底。
    {{% /event %}}

    {{% event title="样品确认到达并确认测试" from="2023-05-12" to="2023-05-17" %}}
_工作描述:_ 检测报告送达，并附上0.5米长的样品供客户测试
    {{% /event %}}

    {{% event title="客户拜访" from="2023-05-11" to="2023-05-12"  %}}
客户蓝总需要一个三百吨的螺纹钢才，但是需要我们提供检测报告

    {{% /event %}}

{{< /timeline >}}