mikutools模板 一款簡約又好看的typecho工具箱源碼

MiKu 可當作工具箱主題 , 也可當作網站導航主題 , 推薦使用工具箱主題
源碼介紹 移植于Miku工具箱:https://github.com/Ice-Hazymoon/MikuTools , 樣式簡約好看 , 唯獨不可以后臺上傳工具 , 需要手動上傳 。 總體來說還是很不錯的!
此源碼為typecho整站源碼 , 并非單獨模板 。 全部數據放到服務器安裝即可 。
使用教程 進入Typecho后臺 , 激活MiKuTools主題

mikutools模板 一款簡約又好看的typecho工具箱源碼

文章插圖


配置站點信息 點擊“控制臺–外觀–設置外觀”選項卡 , 填寫網站基本信息
mikutools模板 一款簡約又好看的typecho工具箱源碼

文章插圖


mikutools模板 一款簡約又好看的typecho工具箱源碼

文章插圖

打開“設置–基本”選項卡 , 填寫站點名稱

mikutools模板 一款簡約又好看的typecho工具箱源碼

文章插圖


新建分類 打開“管理–分類”選項卡 , 點擊新增 , 輸入分類名稱 , 分類縮略名
mikutools模板 一款簡約又好看的typecho工具箱源碼

文章插圖


注意:分類縮略名請設置成“ <i class=”fa fa-XXX”></i> ”
  • XXX為 font-awesome 中的矢量圖標名稱
效果如下:
mikutools模板 一款簡約又好看的typecho工具箱源碼

文章插圖


注意: 默認分類沒將分類縮略圖設置為矢量圖標
新建工具 首先將工具上傳到 /tools/目錄下 , 然后點擊“撰寫–撰寫新文章”選項卡

mikutools模板 一款簡約又好看的typecho工具箱源碼

文章插圖

標題:小工具的名稱
工具地址:就是剛剛上傳的小工具的絕對地址 , 如/tools/demo
圖片角標:為首頁工具名稱右上角那個帶有顏色的小點
最終效果如下:
mikutools模板 一款簡約又好看的typecho工具箱源碼

文章插圖

GitHub:https://github.com/iamkui/MikuTools-For-typecho-theme
感謝MikuTools移植作者免費開源:https://tools.kui.li
更多問題請到作者欄目咨詢
mikutools模板 一款簡約又好看的typecho工具箱主題下載地址:
https://www.lanzoux.com/iUDcGdyazsf
【mikutools模板 一款簡約又好看的typecho工具箱源碼】

    推薦閱讀