正文

参考来自看云

图标

按钮图标

  • 示例
    [button color="info" icon="glyphicon glyphicon-tags" url="https:\/\/getbootstrap.com\/docs\/3.3\/components\/" type=""]图标库[/button]

    原理

  1. type:选填,不填默认为矩形按钮。可选值: round --椭圆形按钮
  2. color: 选填,不填默认为success(绿色),可选值:
    light白色
    info蓝色
    dark深色
    success绿色
    black黑色
    warning黄色
    primary紫色
    danger红色
    icon选填,不填默认为文字按钮

示例




[button]矩形按钮文字[/button]
[button color="succees"]矩形按钮文字[/button]
[button type="round" color="success"]椭圆形按钮文字[/button]
[button color="success" icon="glyphicon glyphicon-asterisk"]图标按钮文字[/button]

按钮链接

若原本为https://getbootstrap.com/docs/3.3/components/ 则需要修改为 https:\/\/getbootstrap.com\/docs\/3.3\/components\/ 方可正常跳转

导航栏图标

找到usr/themes/handsome/component/aside.php文件
大致在第191行左右的样子

<?php if (!$hideHomeItem): ?>
              <!--主页-->
              <li>
                <a href="<?php $this->options->rootUrl(); ?>/" class="auto">
                    <span class="nav-icon"><i data-feather="navigation"></i></span>
                    <span><?php _me("首页") ?></span>
                </a>
              </li>   

              <li>
                <a target="_blank" href="https://pan.yuos.top/#/s/yKuv" class="auto">
                    <span class="nav-icon"><i data-feather="folder"></i></span>
                    <span><?php _me("文件") ?></span>
                </a>
              </li>

              <li>
                <a target="_blank" href="https://mail.yuos.top/" class="auto">
                    <span class="nav-icon"><i data-feather="mail"></i></span>
                    <span><?php _me("邮箱") ?></span>
                </a>
              </li>

               <li>
                <a target="_blank" href="http://pan.alibada.ml:9983/" class="auto">
                    <span class="nav-icon"><i data-feather="cloud"></i></span>
                    <span><?php _me("网盘") ?></span>
                </a>
              </li>

                <li>
                <a target="_blank" href="http://photo.alibada.ml:9985/" class="auto">
                    <span class="nav-icon"><i data-feather="aperture"></i></span>
                    <span><?php _me("图床") ?></span>
                </a>
              </li>

              <li>
                <a target="_blank" href="https://space.bilibili.com/318787487/" class="auto">
                    <span class="nav-icon"><i data-feather="tv"></i></span>
                    <span><?php _me("bilibili") ?></span>
                </a>
              </li>

                <li>
                <a target="_blank" href="https://github.com/yuos-bit" class="auto">
                    <span class="nav-icon"><i data-feather="github"></i></span>
                    <span><?php _me("Github") ?></span>
                </a>
              </li>

                <li>
                <a target="_blank" href="https://jq.qq.com/?_wv=1027&k=5FBvVjw" class="auto">
                    <span class="nav-icon"><i data-feather="message-circle"></i></span>
                    <span><?php _me("QQ群") ?></span>
                </a>
              </li>
              <!-- /主页 -->

<i data-feather="mail">其中的"mail"既是图标名

评论表情图标

使用方法

解压后会得到一个OwO.json文件及funny文件夹;
然后将funny文件夹放置在/usr/themes/handsome/usr/img/emotion目录下即可;
然后用我们解压得到的OwO.json文件替换掉/usr/themes/handsome/usr目录下的OwO.json文件即可;
示例

插件

crisp在线客服插件

示例
注册crisp账户并添加网站:
注册完成后,点击 设置-网站设置-显示整合-HTML,复制代码添加至后台主题设置 自定义输出head 头部的HTML代码即可

邮件插件

使用说明

  1. 将插件上传到 /usr/plugins/ 这个目录下
  2. 登陆后台,在“控制台”下拉菜单中进入“插件管理”
  3. 启用相关插件
  4. 设置smtp服务器地址、邮箱地址、密码等信息

评论获取用户信息插件

  1. ,解压到 usr/plugins/目录中
  2. 进入网站后台-控制台-插件-激活插件
  3. 此插件只适用于Handsome主题,未对其它主题优化!!!
  4. 修改 /usr/themes/handsome/component/comments.php文件,大概第72行处添加代码
    修改前:
    <span class="comment-author vcard">
    <b class="fn"><?php echo $author; ?></b><?php echo $Identity; ?>
    </span>

    修改后:

    <span class="comment-author vcard">
    <b class="fn"><?php echo $author; ?></b><?php echo $Identity; ?><?php UserAgent_Plugin::get_useragent($comments->agent,$comments->ip); ?>
    </span>

    Typecho开启CDN后,可能无法获取访客真实IP,只能取得CDN节点IP,为此可以在网站的根目录的 config.inc.php插入下面的代码:

    /** 防止CDN造成无法获取客户真实IP地址 */
    if(isset($_SERVER['HTTP_X_FORWARDED_FOR'])) 
    {
    $list = explode(',',$_SERVER['HTTP_X_FORWARDED_FOR']);
    $_SERVER['REMOTE_ADDR'] = $list[0];
    }

    文本框打字机特效

    复制下方代码添加至后台主题设置 自定义输出body 尾部的HTML代码即可

    <!--文本框打字机特效-->
    <script type="text/javascript" src="https://www.mgxfd.club/usr/themes/handsome/assets/js/commentTyping.js"></script>

    复制弹框版权提醒

    首先将下方代码复制添加至后台主题设置 自定义输出head 头部的HTML代码

    <!--复制弹框JS-->
    <script src="https://www.mgxfd.club/layer/layer.js"></script>

    最后复制下方代码添加至后台主题设置 自定义 JavaScript即可

    <!--复制弹框-->
    document.body.oncopy = function() {layer.msg('复制成功,若要转载请务必保留本文链接!');};

    文章底部赞赏图标跳动

    将以下代码添加至后台主题设置 自定义CSS

    /*赞赏图标跳动*/
    .btn-pay {
    animation: star 0.5s ease-in-out infinite alternate;
    }
    @keyframes star {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(1.1);
    }
    }
Last modification:September 18th, 2021 at 09:44 pm
如果觉得我的文章对你有用,请随意赞赏