Typecho 博客文章

很多人可能都注意到不少的 WordPress 博客的“關於”頁面都要有個“時間軸”式的博客發展歷程，非常的好看，其實 Typecho 下也可以輕鬆實現的，今天就給大家分享一下。

圖片來自學習筆記Blog【imydl.tech】

類似上圖所示的效果，這裡以本博客使用的 Typecho 主題 handsome 為例，將下面的 CSS 代碼添加到主題設置——開發者設置——自定義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;}

 
 
2018年02月正式啟用獨立域名iMydl.tech為本博客永久域名。
 
2017年06月因在VPS上折騰內核時發生意外造成VPS上的數據全都丟失，沒有辦法重置VPS，致使【明月登樓學習筆記Blog】的所有歷史數據全部丟失了。本來想著放棄呢，可以終究還是不捨得 Typecho 的短小精悍呀，所以在自己國內的ECS服務器上又重新部署上線了。
 
2017年03月因使用GCP的VPS就順手啟用了 二級域名作為域名使用 Typecho 創建了本博客。
 

PS：最後再次強調，在 Typecho 裡使用上述代碼的話，一定不要忘了 !!!

以後增加時光軸記錄的時候，就直接一條條記錄增加即可。

2018年03月本博客 CDN 服務以由又拍雲轉至360網站衛士。
具體效果，大家可以移步【關於我】頁面體驗效果，明月自己的CSS水平有限，所以涉及所有的CSS都只會複製粘貼，如果您有好的有關“時間軸”的CSS代碼也可以分享給明月。
 

                

            

            
            
            
            
            
            
            
            
            
            
            

            



分享到:



 閱讀更多  明月登樓 
的文章

關鍵字:
HTML
博客
頁面