部落格新增側邊欄近期文章

2021-10-12 22:42:40 字數 1051 閱讀 4710

前幾天看到別人的部落格有個近期文章版塊,感覺挺好,於是就想給自己的部落格也加這麼個功能。由於使用的是next主題,而next預設是沒有這個版塊的,那就自己搞乙個吧。廢話不多說,直接上**,挺簡單的。

將此**貼在next/layout/_macro/sidebar.swig中的if theme.links對應的endif後面,就ok了,是不是很簡單。。。。

class="links-of-blogroll motion-element }">

class="links-of-blogroll-title">

class="fa fa-history fa-}"

aria-hidden="true">

i>

}div>

class="links-of-blogroll-list">

href="}"

title="}"

target="_blank">}a>

li>

ul>

div>

為了配置方便,在主題的_config.yml中新增了幾個變數,如下:

recent_posts_title: 近期文章

recent_posts_layout: block

recent_posts: true

同時執行之後發現有衝突如下

unhandled rejection typeerror: (((intermediate value)(intermediate value)(intermediate value) || _fn).call(...) || _fn) is not a function

在主題的_config.yml中更改

links_layout下方的links屬性為false

如此:links: false(注意空格)

部落格側邊欄

感謝 頁面定製css 以下為隱藏反對 buryit ad t2,cnblogs c1,under post news,cnblogs c2,under post kb dataintable td phrase 部落格側邊欄公告 支援html 支援js bamboo lamp 一藝之成,當盡畢生之力...

側邊欄新增動畫掛件和文字

新增動畫掛件 返回部落格頁面,可以去我部落格首頁檢視效果 新增文字 部落格側邊公告欄輸入如下 文字可修改 p class p play or learn br br it s up to you p 改變文字顯示特效 進入我的部落格 f12調出原始碼 作者用的火狐瀏覽器,檢視特定位置原始碼比較方便 ...

側邊欄新增動畫掛件和文字

新增動畫掛件 返回部落格頁面,可以去我部落格首頁檢視效果 新增文字 部落格側邊公告欄輸入如下 文字可修改 p class p play or learn br br it s up to you p 改變文字顯示特效 進入我的部落格 f12調出原始碼 作者用的火狐瀏覽器,檢視特定位置原始碼比較方便 ...