如何为我们的博客添加时光轴记录

  • 内容
  • 相关
QQ图片20171221024630.jpg

 

1,在主题的style.css文件最后面添加以下代码:

/* 站点动态时间轴 */
#teamnewslist ol{list-style:none;margin-left: 36px;padding-left: 14px;border-left: 2px solid #eee;font-size: 18px;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;}
2、在编辑页面或文章时,请切换到文本模式, 然后按以下格式编辑内容:

 

<div id="teamnewslist">
		<ol>
			<li><b>2015-03-06日</b>注册loveim.cn域名,基于wordpress搭建博客,取名:九梦博客</li>
			<li><b>2016-01-25日</b>基于各种原因,博客临时停止更新。</li>
			<li><b>2017-09-07日</b>注册lovei.cc域名。</li>
			<li><b>2017-10-02日</b>域名备案ing...</li>
			<li><b>2017-11-02日</b>因提交备案的时候是十一放假,今天才通过备案。</li>
			<li><b>2017-11-03日</b>使用Emlog搭建博客,运行在阿里云服务器。</li>
			<li><b>2017-11-05日</b>博客启用FLY模版。</li>
			<li><b>2017-11-06日</b>全站开启SSL。</li>
</ol>
</div>
3、以后增加时光轴记录的时候,就切换到文本模式按以下格式一条条记录增加即可。
<li><b>2017年12月</b>更新记录历程<a href=https://lovei.cc target="_blank">九梦博客</a>记录!</li>


本文标签:

版权声明:若无特殊注明,本文皆为《九梦》原创,转载请保留文章出处。

本文链接:如何为我们的博客添加时光轴记录 - https://lovei.cc/html/46.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注

00:00 / 00:00
顺序播放