簡潔大方的雙欄自適應(yīng)Typecho博客主題

需配合Link插件共同使用
頁面展示
功能特性
功能 | 介紹 | 完成時(shí)間 |
頁面自適應(yīng) | 不同設(shè)備不同展現(xiàn)方式 | 2020.03.30 Version 1.0.0 |
文章置頂 | 置頂文章展現(xiàn)在首頁頂部 | |
B站視頻嵌入 | 一鍵粘貼完成Bilibili視頻嵌入 | |
文章歸檔頁面 | 按年份按月歸檔 | |
友情鏈接頁面 | 展現(xiàn)所有鄰居 | |
相關(guān)文章推薦 | 站內(nèi)互聯(lián)閱讀無障礙 | |
代碼高亮 | 常見語法的高亮顯示 | |
社交互娛 | 多社交互聯(lián)快速找到你 | |
原生態(tài)Typecho評(píng)論 | 重寫評(píng)論區(qū)模塊,告別繁瑣Valine | 2020.03.31 Version 1.1.0 |
CSS自定義 | 支持自定義CSS |
更多功能等待更新
主題功能使用說明
LINKS插件
首先,你需要啟動(dòng)Links插件才能保證主題正常運(yùn)行。
由于原插件存在一定問題,我將修改后的版本置于下載區(qū)。
文章置頂
在外觀設(shè)置里按照排序輸入需要置頂文章的CID, 請以半角逗號(hào)或空格分隔。置頂文章數(shù)量不計(jì)算入首頁文章列表數(shù)里。[詳細(xì)說明鏈接待補(bǔ)充]
B站視頻嵌入

- 功能演示:Demo
在B站視頻頁面分享處獲取代碼如:
<iframe src="http://player.bilibili.com/player.html?aid=20140521&bvid=BV1cW411t7BP&cid=32875733&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
修改代碼:復(fù)制嵌入代碼到文章需要放置的位置。然后在給iframe 這個(gè)標(biāo)簽添加
class=“iframe_video”
位置如下:
<iframe class="iframe_video" src="http://player.bilibili.com/player.html?aid=20140521&bvid=BV1cW411t7BP&cid=32875733&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
文章歸檔/友情鏈接頁面
在頁面編輯右側(cè)選擇相應(yīng)模板保存即可。
側(cè)邊欄友鏈默認(rèn)最多顯示10個(gè),可以在sidebar.php里更改
[詳細(xì)說明鏈接待添加]
代碼高亮
基于Prism開發(fā)的代碼高亮功能。你只需要在代碼前加入標(biāo)簽即可實(shí)現(xiàn)代碼高亮。標(biāo)簽如下:

當(dāng)然,```后的php可以修改為CSS等其他語言代碼。會(huì)在代碼右端顯示Copy功能字樣與代碼語言字樣。
社交互娛
您需要在主題設(shè)置中添加您的基本聯(lián)系信息,這些信息將展現(xiàn)于頁腳中。當(dāng)然如果您覺得不需要這些鏈接,可以直接在footer.php刪除相應(yīng)代碼。
鳴謝
Prism?高亮代碼
Html5up?基本構(gòu)架
小さな手は?置頂
其他說明
為了方便各位自定義樣式,我已經(jīng)將style.css獨(dú)立樣式放在模板文件內(nèi)。
個(gè)別插件可能會(huì)導(dǎo)致高亮功能不能正常使用,請自行排查。
還是希望大家保留頁腳鏈接支持下主題作者。
謝謝老哥~~??