好看的Typecho工具主题MikuTools

 3年前     322  

文章目录

现在分享一个Typecho工具箱主题--MikuTools,本主题移植于Miku工具箱

演示站:https://tools.kui.li

下载地址:https://github.com/iamkui/MikuTools-For-typecho-theme

下面是安装教程:

首先将源码上传至你的网站根目录,然后在浏览器地址栏输入域名,开始安装

好看的Typecho工具主题MikuTools

点击开始下一步,进入初始化配置界面,输入数据库名称,数据库密码,数据库用户等参数,开始安装

好看的Typecho工具主题MikuTools

点击访问控制面板,或者输入 http://你的域名/admin/login.php,进入Typecho管理后台

好看的Typecho工具主题MikuTools

进入后台后打开外观选项卡,将网站外观设置为MikuTools。

好看的Typecho工具主题MikuTools

好看的Typecho工具主题MikuTools

配置站点信息

点击设置外观选项卡,设置网站基本信息

好看的Typecho工具主题MikuTools

好看的Typecho工具主题MikuTools

打开设置--基本选显卡,修改站点名称

好看的Typecho工具主题MikuTools

新建分类


打开管理--分类选项卡,点击新增,输入分类名称,分类缩略名

注意:分类缩略名设置是有讲究的,因为在主页显示的分类前有一个小图标,该图标是引用的font-awesome,所以分类缩略名影响首页的部分美感。 中文网font-awesome地址:http://www.fontawesome.com.cn/

好看的Typecho工具主题MikuTools

好看的Typecho工具主题MikuTools

效果如下:

默认分类  缩略名为 default,在fontawesome中,并没有<i class="fa default"></i>这个字体,所以就没字体图标

推荐  缩略名为 fa-star,在fontawesome中是有<i class="fa fa-star"></i>这个字体,所以在推荐前面有了一个五角星的字体图标

好看的Typecho工具主题MikuTools

新建小工具


首先将小工具上传到 /tools/目录下,然后点击 撰写--撰写新文章 选项卡 标题 即为小工具的名称,工具地址 就是刚刚上传的小工具的绝对地址,如/tools/demo,图片角标 为首页工具名称右上角那个带有颜色的小点

好看的Typecho工具主题MikuTools

最终效果如下:

好看的Typecho工具主题MikuTools

广告也精彩
版权声明:ADMIN 发表于 3年前,共 763 字。
转载请注明:好看的Typecho工具主题MikuTools | 奎利

您可能感兴趣的

暂无评论

暂无评论...