簡潔大方的雙欄自適應Typecho博客主題
簡潔大方的雙欄自適應Typecho博客主題
需配合Link插件共同使用
頁面展示
首頁 文章頁 歸檔頁 友情鏈接頁
功能特性
| 功能 | 介紹 | 完成時間 |
| 頁面自適應 | 不同設備不同展現方式 | 2020.03.30 Version 1.0.0 |
| 文章置頂 | 置頂文章展現在首頁頂部 | |
| B站視頻嵌入 | 一鍵粘貼完成Bilibili視頻嵌入 | |
| 文章歸檔頁面 | 按年份按月歸檔 | |
| 友情鏈接頁面 | 展現所有鄰居 | |
| 相關文章推薦 | 站內互聯閱讀無障礙 | |
| 代碼高亮 | 常見語法的高亮顯示 | |
| 社交互娛 | 多社交互聯快速找到你 | |
| 原生態Typecho評論 | 重寫評論區模塊，告別繁瑣Valine | 2020.03.31 Version 1.1.0 |
| CSS自定義 | 支持自定義CSS |
更多功能等待更新
主題功能使用說明
LINKS插件
首先，你需要啟動Links插件才能保證主題正常運行。
由于原插件存在一定問題，我將修改后的版本置于下載區。
文章置頂
在外觀設置里按照排序輸入需要置頂文章的CID, 請以半角逗號或空格分隔。置頂文章數量不計算入首頁文章列表數里。[詳細說明鏈接待補充]
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>修改代碼:復制嵌入代碼到文章需要放置的位置。然后在給iframe 這個標簽添加
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>文章歸檔/友情鏈接頁面
在頁面編輯右側選擇相應模板保存即可。
側邊欄友鏈默認最多顯示10個，可以在sidebar.php里更改
[詳細說明鏈接待添加]
代碼高亮
基于Prism開發的代碼高亮功能。你只需要在代碼前加入標簽即可實現代碼高亮。標簽如下：
當然，“`后的php可以修改為CSS等其他語言代碼。會在代碼右端顯示Copy功能字樣與代碼語言字樣。
社交互娛
您需要在主題設置中添加您的基本聯系信息，這些信息將展現于頁腳中。當然如果您覺得不需要這些鏈接，可以直接在footer.php刪除相應代碼。
鳴謝
Prism?高亮代碼
Html5up?基本構架
小さな手は?置頂
其他說明
為了方便各位自定義樣式，我已經將style.css獨立樣式放在模板文件內。
個別插件可能會導致高亮功能不能正常使用，請自行排查。
還是希望大家保留頁腳鏈接支持下主題作者。
