关于css 记录美化内容之前,为了便于不影响后期handsome更新所带来的影响,建议在网站引进一个css文件以便存储平时的美化内容。 首先在handsome/assets/css中创建任意名css文件

/usr/themes/handsome/assets/css/xx.css

在handsome/component/header.php 第240 行引入css

<link rel="stylesheet" href="<?php echo STATIC_PATH; ?>css/xx.css?v=<?php echo Handsome::version . Handsome::$versionTag ?>" type="text/css"/>

大家也可以自行调整位置,选择自己喜欢的即可,放置在css文件便于查找

!> 暂时未做,后面有时间再整理。

Handsome主题支持播放网易云付费歌曲

Handsome可以解析网易云的歌单,但遇上付费歌曲时会出现解析失败的问题。
如果你是网易云的会员,可以正常听这些歌曲的话,可以通过替换hansome主题里的$netease_cookie变量,来实现解析VIP歌曲。

Step1.更新meting库

网易云歌单只能解析前一首或者前三首歌曲,解决方法:更新主题handsome文件夹下的libs/component/Meting.php 替换下面链接的内容即可: Meting1.5.8 原因是网易云那边变化导致的接口解析错误,更新一下meting库即可。

Step2.获取Cookie

网易云音乐问题


Step3.修改Handsome主题中的cookie信息

  1. 打开usr/themes/handsome/libs/interface/Get.php。
  2. 查找$netease_cookie,将后面的属性替换成你的cookie,然后保存。
  3. 刷新首页测试,至此教程结束!

时光机使用DPlayer播放器

时光机就是基于评论做的一个独立页面,评论无法用DPlayer播放器,那么时光机同样也是不能使用。

typecho默认是不允许评论加载html代码的,可以在设置评论里添加,但DPlayer的播放代码也不属于html代码,所以我们可以通过使用html来调用Dplayer播放器。

允许评论html代码

在后台 设置 评论 允许使用的HTML标签和属性 添加以下代码后保存

<div class="" data-config=''/>

请勿开启在评论设置中开启 Markdown 语法 否则无法解析

评论使用html调用Dplayer使用方法

<div class="dplayer" data-config='{"video":{"url":"视频地址","pic":"图片封面地址"}}'/>

使用效果详见时光机或文章下方评论。

Dplayer播放器插件

pjax 回调中调用 loadDPlayer();

底部页脚标签样式

  • 将以下代码添加至后台主题设置 自定义CSS
/*底部页脚*/
.github-badge {
  display: inline-block;
  border-radius: 4px;
  text-shadow: none;
  font-size: 12px;
  color: #fff;
  line-height: 15px;
  background-color: #abbac3;
  margin-bottom: 5px
}

.github-badge .badge-subject {
  display: inline-block;
  background-color: #4d4d4d;
  padding: 4px 4px 4px 6px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px
}

.github-badge .badge-value {
  display: inline-block;
  padding: 4px 6px 4px 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px
}

.github-badge .bg-blue {
  background-color: #007ec6
}

.github-badge .bg-orange {
  background-color: #ffa500
}

.github-badge .bg-red {
  background-color: #f00
}

.github-badge .bg-green {
  background-color: #3bca6e
}

.github-badge .bg-purple {
  background-color: #ab34e9
}
  • 将以下代码添加至后台主题设置 博客底部左侧信息,信息修改成自己的
<!-- 左侧底部 -->
<div class="github-badge">
    <a href="./" title="©2021 远忘">
        <span class="badge-subject">Copyright</span><span class="badge-value bg-blue">©2021 远忘</span>
    </a>
</div>
 | 
<div class="github-badge">
    <img src="https://s1.ax1x.com/2018/09/29/ilmwIH.png">
    <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=" target="_blank" title="皖公网安备 34010402702491号" style="pointer;">
    <span class="badge-subject"> 皖公网安备</span><span class="badge-value bg-green">34010402702491号</span>
    </a>
</div>
    | 
<div class="github-badge">
    <a href="https://beian.miit.gov.cn/" target="_blank" title="皖ICP备 2020015581号" style="pointer;">
    <span class="badge-subject"> 皖ICP备</span><span class="badge-value bg-green">2020015581号</span>
    </a>
</div>
  • 将以下代码添加至后台主题设置 博客底部右侧信息
<div class="github-badge">
<a href="http://www.typecho.org" target="_blank" title="由 Typecho 强力驱动" style="cursor: url("/usr/plugins/HoerMouse/static/image/dew/link.cur"), pointer;">
<span class="badge-subject">Powered</span><span class="badge-value bg-blue">Typecho</span>
</a>
</div>
 |  
<div class="github-badge">
<a href="https://www.ihewro.com/archives/489/" target="_blank" title="站点使用 handsome 主题,作者:友人C" style="cursor: url("/usr/plugins/HoerMouse/static/image/dew/link.cur"), pointer;">
<span class="badge-subject">Theme</span><span class="badge-value bg-orange">Handsome</span>
</a>
</div>
  • 添加完成后,需要去 handsome\component\footer.php删除原有声明代码,以下为删除完后的效果(大概1~17行)
<?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
<?php Content::outputCommentJS($this, $this->security); ?>
<?php  $dark_setting= ""; if (@$this->options->dark_setting == "") $dark_setting = "light" ;elseif
(@$this->options->dark_setting == "auto" || @$this->options->dark_setting == "time" ||
    $this->options->dark_setting == "compatible")  $dark_setting = "auto"; else  $dark_setting =
$this->options->dark_setting;  ?>
</div><!-- /content -->
  <footer id="footer" class="app-footer" role="footer">
    <div class="wrapper bg-light">
      <span class="pull-right hidden-xs text-ellipsis">
      <?php $this->options->BottomInfo(); ?>

      </span>
        <span class="text-ellipsis"><?php
            $this->options->BottomleftInfo(); ?></span>
    </div>
      <!--可以去除主题版权信息,最好保留版权信息或者添加主题信息到友链,谢谢你的理解-->

评论获取用户信息插件

  • 下载本插件UserAgent,解压到 usr/plugins/目录中
  • 进入网站后台-控制台-插件-激活插件
  • 此插件只适用于Handsome主题,未对其它主题优化!!!
  • 修改 component/comments.php文件,大概第72-74行处添加代码
<?php UserAgent_Plugin::get_useragent($comments->agent,$comments->ip); ?>

修改前

<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];
}

Sitemap

Sitemap

下载后,上传到插件目录,确认插件目录名字为 Sitemap 即可

激活后访问:你的网站域名/sitemap.xml

未开启伪静态的访问地址为:你的网站域名/index.php/sitemap.xml

RSS订阅

5.2 标题+内容混合输出模式

由于作者没有实现标题加内容的显示,description模式和mix模式都是一样的只输出摘要。

在cross.php文件里面把对应位置替换为itemContent = '<p style="color:#f05050;">'+item.title+'</p>'+item.description.replace("http:","https:");就行了。之所以加上replace,是因为有的网站的rss资源图片是http链接,显示会报错,前提是该图片http和https都有,不然该图片资源404。

rss订阅内容含有http,如果需要https需要进行转换。

                        //replace("{CONTENT}",itemContent).
                        replace("{CONTENT}",itemContent.replace("http:","https:")).
最后修改:2021 年 01 月 16 日
如果觉得我的文章对你有用,请随意赞赏