好看的Typecho工具主题MikuTools

 6年前     1,212  

文章目录

    现在分享一个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

     

    【腾讯云】2核2G4M云服务器新老同享99元/年,续费同价
    版权声明:ADMIN 发表于 6年前,共 764 字。
    转载请注明:好看的Typecho工具主题MikuTools | 奎利

    4 条评论

    • weich

      广西
      回复

      改一改又可以成一个导航主题

    • 不讲李

      北京
      回复

      主题到简单,先工具没有呀, :mrgreen:

    • 柳正-

      广东
      回复

      用了这个皮肤,在主页搜索出来的小工具,点击后还是跳转到当前页不会跳转到对于工具的页面,这个怎么破

      • ADMIN

        重庆
        回复

        @柳正- 将archive.php页面的22行修改为

        <?php while($this->next()): ?><a href="<?php $this->permalink() ?>" target="_blank" rel="nofollow"class="nya-btn" title="<?php $this->title(); ?>">
        <?php while ($this->next()): ?><a href="<?php $this->permalink() ?>" target="_blank" rel="nofollow" class="nya-btn" title="<?php $this->title(); ?>">