可加入自己关于里面！扒于雅兮博客！（我感觉还挺好看的！）

实例：


  1. 2019年09月14日大佬帮忙修复了下中文显示 ？ 号问题。
  2. 2018年12月27日网站改版完成！全站支持https，还不错！
  3. 2018年12月8日全站启用又拍云CDN，全站加速。
  4. 2018年10月14日网站正式开启！文章不定期更新，只要比较好的资源。
  5. 2018年09月23日域名hujinyuan.cn备案中，以后都只用这一个域名了，cn代表中国。


ccs： 

/* 站点动态时间轴 */
#teamnewslist ol{list-style:none;margin-left: 36px;padding-left: 14px;border-left: 2px solid #eee;font-size: 16px;color: #666;}
#teamnewslist b{font-size: 12px;font-weight: normal;color: #999;display: block;position: relative;margin-bottom:5px;}
#teamnewslist b::after{position: absolute;top: 6px;left: -22px;content: '';width: 14px;height: 14px;border-radius: 50%;background-color: #fff;border: 2px solid #ccc;box-shadow: 2px 2px 0 rgba(255,255,255,1), -2px -2px 0 rgba(255,255,255,1)}
#teamnewslist li{list-style:none;margin: 0 0 20px 0;line-height: 100%;}
#teamnewslist li:hover{color: #555;}
#teamnewslist li:hover b::after{border-color: #C01E22;}
#teamnewslist li:hover b{color: #C01E22;}

代码： 


<div id="teamnewslist">
	<ol>
		<li>
			<b>2019年09月14日</b>大佬帮忙修复了下中文显示 ？ 号问题。
		</li>
		<li>
			<b>2018年12月27日</b>网站改版完成！全站支持https，还不错！
		</li>
		<li>
			<b>2018年12月8日</b>全站启用又拍云CDN，全站加速。
		</li>
		<li>
			<b>2018年10月14日</b>网站正式开启！文章不定期更新，只要比较好的资源。
		</li>
		<li>
			<b>2018年09月23日</b>域名hujinyuan.cn备案中，以后都只用这一个域名了，cn代表中国。
		</li>
	</ol>
</div>