分类 Typecho 下的文章

jQuery插件fancybox是一个功能强大的图片浏览插件,可以全屏浏览、自动播放、放大缩小、缩略图、下载等,特别适合图片类博客网站,看图新体验!
今天正好有空用写了一个适用typecho 1.1fancybox插件:FancyBoxPic

fancybox版本:3.5.6

▼ 主要功能

1.可禁止jquery二次加载

2.可根据需要设置fancybox显示按钮

3.可设置缩略图打开(默认关闭)

4.可设置插件应用范围(首页、文章、独立页面、归档页面)

▼ 插件后台设置页面

FancyBoxPic

▼ 安装方法

安装很简单,下载插件,上传至usr/Plugins,启用即可

▼ 下载地址

FancyBoxPic


- 阅读剩余部分 -

自从入了Typecho坑就出不来了,正如官方说的源自开发团队在精神层面上的洁癖和狂热,所以才有了Typecho, 简单快速实用高效,我觉得Typecho就是经典,麻雀虽小,五脏俱全,你想要什么主题或者想实现什么功能都可以满足你,其实对于一个只记录一些文字插几张图片的人来说Typecho绝对是不二之选!

最近研究了一下Typecho插件如何开发,整合了一个返回顶部样式,写了一个飞回顶部的小插件FlyToTop,效果看本站

▼ 主要功能

  1. 可自定义显示内容
  2. 可直接打开撰写文章页面
  3. 可飞回顶部

- 阅读剩余部分 -

转自:https://inwao.com/Plyr.html
感谢作者@inwao提供如此小巧好用的视频插件

第一步:让typecho1.1支持video/source标签

修改var/Markdown.php,找到第37行,如下:

$parser->_commonWhiteList .= '|img|cite|embed|iframe';

在后面添加videosource,如下:

$parser->_commonWhiteList .= '|img|cite|embed|iframe|video|source';

第二步:安装plyr插件

下载地址:Plyr

下载之后自行上传到Typecho插件目录且修改插件名为:plyr 启用即可。

主要功能:

  • PC 端与手机端自适应。
  • 与 Plyr 官方控件样式同步。
  • 只需一个插件,即可播放MP3/MP4。

带封面视频演示:

视频代码:

<video poster="https://inwao.com/usr/uploads/2017/03/4008215693.jpg" src="https://inwao.com/usr/uploads/2017/03/1537548116.mp4"></video>

完~

转自:https://github.com/typecho-fans/plugins/tree/master/Sticky

Typecho文章置顶插件Sticky v1.0.1

实现功能:
在首页或分类列表页中置顶显示,支持多id分隔,自定义前缀输出,自动附加前缀。

本地下载:Sticky

VPS服务器直接下载 在/usr/plugins 目录下 ,运行下面命令:

wget https://heidong.cc/usr/uploads/2019/06/3079915414.zip

解压缩命令:unzip 3079915414.zip

typecho后台启用插件Sticky,效果如图:

完~

改1个文件,2个位置

修改的文件:var/HyperDown.php

第一个位置是把markdown语法超链接添加nofollow和target属性

在第386
return $self->makeHolder("<a href=\"{$url}\">{$escaped}</a>"); 替换下面代码:

if (strstr($url,'//heidong.cc') == false ) {
return $self->makeHolder("<a href=\"{$url}\" target=\"_blank\" rel=\"nofollow\">{$escaped}</a>");
} else {
return $self->makeHolder("<a href=\"{$url}\" target=\"_blank\">{$escaped}</a>");
}

第二个位置是把文章内直接显示的网址添加nofollow和target属性
还是这个文件搜索enableAutoLink,找到下面的代码:

// autolink url
if ($enableAutoLink) {
    $text = preg_replace_callback(
        "/(^|[^\"])((https?):[\p{L}_0-9-\.\/%#!@\?\+=~\|\,&\(\)]+)($|[^\"])/iu",
        function ($matches) use ($self) {
            $link = $self->call('parseLink', $matches[2]);
            return "{$matches[1]}<a href=\"{$matches[2]}\">{$link}</a>{$matches[4]}";
        },
        $text
    );
}

把其中 return "{$matches[1]}<a href=\"{$matches[2]}\">{$link}</a>{$matches[4]}"; 替换下面代码:

if (strstr($link,'//heidong.cc') == false ) {
    return "{$matches[1]}<a href=\"{$matches[2]}\" target=\"_blank\" rel=\"nofollow\">{$link}</a>{$matches[4]}";
} else {
    return "{$matches[1]}<a href=\"{$matches[2]}\" target=\"_blank\">{$link}</a>{$matches[4]}";
}

完~

二维码