ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
时光轴是一段随时可调用的html代码,但是我觉得它挺好看的,用在文章或者中或许不错。 首先下载`timeline.css`并放到你自己的服务器中 timeline.css下载地址: [https://github.com/SuYxh/static\_page/tree/master/CSS/timeline](https://github.com/SuYxh/static_page/tree/master/CSS/timeline) 然后你可以在任何文章或页面内调用以下代码(自行修改css引用地址) ## 演示站点 [https://suyxh.github.io/static\_page/CSS/timeline/](https://suyxh.github.io/static_page/CSS/timeline/) ## 代码 ``` !!! <meta charset="utf-8" /> <title> 时光轴 </title> <link rel="stylesheet" href="http://你的域名/timeline.css" type="text/css" /> <!-- <style type="text/css"> </style> --> <ul class="cbp_tmtimeline"> <li> <time class="cbp_tmtime"> <span>2019-11-07</span></time> <div class="cbp_tmlabel"> <p> 秋月扬明晖,冬岭秀寒松 </p> </div> </li> <li> <time class="cbp_tmtime"> <span>2019-10-12</span></time> <div class="cbp_tmlabel"> <p> 域名更换为cesi.huat.xyz,决定认真做站! </p> </div> </li> <li> <time class="cbp_tmtime"> <span>2019-10-01</span></time> <div class="cbp_tmlabel"> <p> 深林人不知,明月来相照 </p> </div> </li> </ul> !!! ```