時光軸是一段隨時可調用的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> !!! ```