Skip to content

Commit

Permalink
make effects configurable: finish foot, head, click, background.
Browse files Browse the repository at this point in the history
  • Loading branch information
morizunzhu committed Jul 5, 2020
1 parent be18bb5 commit 92c6850
Show file tree
Hide file tree
Showing 13 changed files with 411 additions and 270 deletions.
260 changes: 212 additions & 48 deletions Plugin.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,12 +3,17 @@
* Handsome主题美化插件
*
* @package Sky.Mo
* @author morizunzhu
* @version 1.0.0
* @link http://typecho.org
* @author Alomerry
* @version 1.1.0
* @link http://alomerry.com
* version 1.0.0 基本特效
* version 1.1.0 新增配置单个特效
*/
class SkyMo_Plugin implements Typecho_Plugin_Interface
{

const STATIC_DIR = '/usr/plugins/SkyMo';

/**
* 激活插件方法,如果激活失败,直接抛出异常
*
Expand All @@ -18,8 +23,11 @@ class SkyMo_Plugin implements Typecho_Plugin_Interface
*/
public static function activate()
{
self::installDB();

Typecho_Plugin::factory('Widget_Archive')->header = array(__CLASS__, 'header');
Typecho_Plugin::factory('Widget_Archive')->footer = array(__CLASS__, 'footer');

return "插件启动成功";
}

Expand All @@ -32,6 +40,8 @@ public static function activate()
* @throws Typecho_Plugin_Exception
*/
public static function deactivate(){


return "插件禁用成功";
}

Expand All @@ -44,21 +54,93 @@ public static function deactivate(){
*/
public static function config(Typecho_Widget_Helper_Form $form)
{
if (isset($_GET['action']) && $_GET['action'] == 'buildSearchIndex') {
self::buildSearchIndex();
}

/* $click_themes = new Typecho_Widget_Helper_Form_Element_Radio(
'click_themes',
array(
'1' => _t('开启'),
'2' => _t('关闭'),
),
'1',
_t('是否启用炫光鼠标特效'),
_t('')
);
$form->addInput($click_themes); */
$html = '<p>欢迎使用 Handsome 主题美化插件 SkyMo。</p>'.
'<p>此插件帮助你美化 Handsome 主题的一些细节。你可以对插件进行非商用的二次开发。</p>'.
'<p>有任何问题请联系发邮件至<strong><a href="mailto:[email protected]"> [email protected] </a></strong>'.
'<p>更多信息请参阅 <b><a href="https://github.com/Morizunzhu/SkyMo">详细说明</a></b> '.
'<hr />';
echo $html;

//赞赏心跳特效
$form->addInput(new ExTitle_Plugin('btnTitle', NULL, NULL, _t('赞赏心跳特效'), NULL));
$heatBeat = new Typecho_Widget_Helper_Form_Element_Radio('heatBeat',array(
'open' => _t('开启'),
'close' => _t('关闭'),
),'open', '',"<img src='https://alomerry.com/usr/uploads/2020/01/673845452.gif' style='width: 7rem;'>");
$form->addInput($heatBeat);

//星星轨迹特效
$form->addInput(new ExTitle_Plugin('btnTitle', NULL, NULL, _t('星星轨迹特效'), NULL));
$starTrack = new Typecho_Widget_Helper_Form_Element_Radio('starTrack',array(
'open' => _t('开启'),
'close' => _t('关闭'),
),'open', '',"<img src='https://alomerry.com/usr/uploads/2020/01/286602434.gif' style='width: 30rem;'>");
$form->addInput($starTrack);

// $form->addInput(new ExTitle_Plugin('btnTitle', NULL, NULL, _t('炫光鼠标特效'), NULL));
// $clickThemes = new Typecho_Widget_Helper_Form_Element_Radio('clickThemes',array(
// 'open' => _t('开启'),
// 'close' => _t('关闭'),
// ),'open','',"");
// $form->addInput($clickThemes);

//复制添加版权信
$form->addInput(new ExTitle_Plugin('btnTitle', NULL, NULL, _t('复制添加版权信息'), NULL));
$copyright = new Typecho_Widget_Helper_Form_Element_Radio('copyright',array(
'open' => _t('开启'),
'close' => _t('关闭'),
),'open','',"");
$form->addInput($copyright);

//页脚
$form->addInput(new ExTitle_Plugin('btnTitle', NULL, NULL, _t('页脚'), NULL));
$footStyle = new Typecho_Widget_Helper_Form_Element_Radio('footStyle',array(
'open' => _t('开启'),
'close' => _t('关闭'),
),'open','',"<img src='https://alomerry.com/usr/uploads/2020/01/2908048897.png' style='width: 30rem;'>");
$form->addInput($footStyle);
$footCSS = new Typecho_Widget_Helper_Form_Element_Select("footCSS",array(
"github-badge.css" => "github-badge.css",
"style.css" => "style.css"
),"github-badge.css","样式选择","<strong style='color: #00b8ff9e'> 要切换自定义样式，请替换插件目录下 <code>/css/foot</code> 的 <code>style.css</code> 文件 </strong>");
$form->addInput($footCSS);

//背景彩带特效
$form->addInput(new ExTitle_Plugin('btnTitle', NULL, NULL, _t('背景彩带特效'), NULL));
$backgroundRibbon = new Typecho_Widget_Helper_Form_Element_Radio('backgroundRibbon', array(
'open' => _t('开启'),
'close' => _t('关闭'),
), 'open',_t('修改 ribbon.js 可以调整彩带参数、位置和样式。'),
"<img src='https://alomerry.com/usr/uploads/2020/01/499543144.gif' style='width: 30rem;'>");
$form->addInput($backgroundRibbon);

//首页头像 hover 旋转
$form->addInput(new ExTitle_Plugin('btnTitle', NULL, NULL, _t('首页头像 hover 旋转'), NULL));
$headSpin = new Typecho_Widget_Helper_Form_Element_Radio('headSpin', array(
'open' => _t('开启'),
'close' => _t('关闭'),
), 'open',_t(''),
"<img src='https://alomerry.com/usr/uploads/2020/01/3441578448.gif' style='width: 30rem;'>");
$form->addInput($headSpin);

//评论打字机特效
$form->addInput(new ExTitle_Plugin('btnTitle', NULL, NULL, _t('评论打字机特效'), NULL));
$typeWriter = new Typecho_Widget_Helper_Form_Element_Radio('typeWriter', array(
'open' => _t('开启'),
'close' => _t('关闭'),
), 'open','',"");
$form->addInput($typeWriter);

//失去焦点页面替换标签名
$form->addInput(new ExTitle_Plugin('btnTitle', NULL, NULL, _t('失去焦点页面替换标签名'), NULL));
$visibilityTextShow = new Typecho_Widget_Helper_Form_Element_Radio('visibilityTextShow', array(
'open' => _t('开启'),
'close' => _t('关闭'),
), 'close', '',"");
$form->addInput($visibilityTextShow);
$visibilityText = new Typecho_Widget_Helper_Form_Element_Text('visibilityText', null, _t('See you soon!'),'', "<strong style='color: red'>如果开启替换标签标题, 请填写文字</strong>");
$form->addInput($visibilityText);
}

/**
Expand All @@ -71,60 +153,142 @@ public static function config(Typecho_Widget_Helper_Form $form)
public static function personalConfig(Typecho_Widget_Helper_Form $form){}

/**
* 插件实现方法
* 修改页面底部信息
*
* @access public
* @return void
*/
public static function footer()
{
// 获取用户配置
$options = Helper::options();
$path = $options->pluginUrl . '/SkyMo/';
echo '<link rel="stylesheet" type="text/css" href="' . $path . 'css/github-badge.css" />';
// 输出js文件
$src = $options->pluginUrl . '/SkyMo/js/script.js';
echo "<script src='$src'></script>";
// 你能留下我的信息, 我会很高兴的 ^_^
echo "<script>console.log('%c SkyMo v1.1 %c by Alomerry | alomerry.com ','color:#444;background:#eee;padding:5px 0;','color:#eee;background:#448bff;padding:5px 0;');</script>";

//鼠标点击特效
$click = $options->pluginUrl . '/SkyMo/js/mouse/click.js';
echo "<script src='$click'></script>";
$SkyMo = Helper::options()->plugin('SkyMo');
$path = self::STATIC_DIR;

//背景彩带特效
$bgband = $options->pluginUrl . '/SkyMo/js/background/ribbon.js';
echo "<script src='$bgband'></script>";

//输出js文件
$src = $path . '/js/script.js';
echo "<script src='$src'></script>";

//页脚
if($SkyMo->footStyle == 'open'){
echo "<link rel='stylesheet' type='text/css' href='" . $path . "/css/foot/foot-require.css' />";
echo "<link rel='stylesheet' type='text/css' href='" . $path . "/css/" .$SkyMo->footCSS."' />";
echo "<script src='" . $path . "/js/footer.js'></script>";
}

//星星鼠标轨迹
$mouseStar = $options->pluginUrl . '/SkyMo/js/mouse/star/canvas.js';
echo "<script src='$mouseStar'></script>";
if($SkyMo->starTrack == 'open'){
$tmp = $path . '/js/mouse/star/canvas.js';
echo "<script src='$tmp'></script>";
}

//鼠标点击特效
// if($SkyMo->clickThemes == 'open'){
$tmp = $path . '/js/mouse/click.js';
echo "<script src='$tmp'></script>";
// }

//背景彩带特效
if($SkyMo->backgroundRibbon == 'open'){
$tmp = $path . '/js/background/ribbon.js';
echo "<script src='$tmp'></script>";
}

//版权相关
$copyright = $options->pluginUrl . '/SkyMo/js/copyright.js';
echo "<script src='$copyright'></script>";
if($SkyMo->copyright == 'open'){
$tmp= $path . '/js/copyright.js';
echo "<script src='$tmp'></script>";
}

//文本框打字机特效
$type = $options->pluginUrl . '/SkyMo/js/commentTyping.js';
echo "<script src='$type'></script>";

if($SkyMo->typeWriter == 'open'){
$tmp = $path . '/js/commentTyping.js';
echo "<script src='$tmp'></script>";
}


}

/**
* 插件实现方法
* 修改页面顶部信息
*
* @access public
* @return void
*/
public static function header()
{
// 获取用户配置
$options = Helper::options();
$path = $options->pluginUrl . '/SkyMo/';
echo '<link rel="stylesheet" type="text/css" href="' . $path . 'css/font.css" />';
echo '<link rel="stylesheet" type="text/css" href="' . $path . 'css/style.css" />';
echo '<link rel="stylesheet" type="text/css" href="' . $path . 'css/card.css" />';

$src = $options->pluginUrl . '/SkyMo/js/header.js';
echo "<script src='$src'></script>";

$SkyMo = Helper::options()->plugin('SkyMo');
$path = self::STATIC_DIR;

echo '<link rel="stylesheet" type="text/css" href="' . $path . '/css/font.css" />';
echo '<link rel="stylesheet" type="text/css" href="' . $path . '/css/style.css" />';
echo '<link rel="stylesheet" type="text/css" href="' . $path . '/css/card.css" />';

echo '<link rel="stylesheet" type="text/css" href="' . $path . '/css/tag.css" />';

if($SkyMo->headSpin == "open"){
echo '<link rel="stylesheet" type="text/css" href="' . $path . '/css/head-spin.css" />';
}

if($SkyMo->heatBeat == "open"){
echo '<link rel="stylesheet" type="text/css" href="' . $path . '/css/heat-beat.css" />';
}

if($SkyMo->visibilityTextShow == "open"){
$visibilityText = $SkyMo->visibilityText;
$js .= '<script>';
$js .= <<<JS
jQuery(document).ready(function() {
document.addEventListener('visibilitychange', function () {
if (document.visibilityState == 'hidden') {
normal_title = document.title;
document.title = "{$visibilityText}";
} else {
document.title = normal_title;
}
});});
JS;
$js .= '</script>';
echo $js;
}

}

/**
* 新建 MySQL 表
*
* @access public
* @return void
*/
public static function installDB(){

}
}
class ExTitle_Plugin extends Typecho_Widget_Helper_Form_Element
{

public function label($value)
{
/** 创建标题元素 */
if (empty($this->label)) {
$this->label = new Typecho_Widget_Helper_Layout('label', array('class' => 'typecho-label', 'style'=>'font-size: 2em;font-family: cursive;border-bottom: 1px #ddd solid;padding-top:0.5em;'));
$this->container($this->label);
}

$this->label->html($value);
return $this;
}

public function input($name = NULL, array $options = NULL)
{
$input = new Typecho_Widget_Helper_Layout('p', array());
$this->container($input);
$this->inputs[] = $input;
return $input;
}

protected function _value($value) {}
}
28 changes: 28 additions & 0 deletions css/foot/foot-require.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,28 @@
.github-badge {
display: inline-block;
border-radius: 4px;

text-shadow: none;
font-size: 12px;
color: #fff;
line-height: 15px;

background-color: #4D4D4D;

margin-bottom: 5px;
}

.github-badge .badge-subject {
display: inline-block;
background-color: #4D4D4D;
padding: 4px 2px 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;
}
29 changes: 0 additions & 29 deletions css/github-badge.css → css/foot/github-badge.css
View file
Original file line number Diff line number Diff line change
@@ -1,32 +1,3 @@
.github-badge {
display: inline-block;
border-radius: 4px;

text-shadow: none;
font-size: 12px;
color: #fff;
line-height: 15px;

background-color: #4D4D4D;

margin-bottom: 5px;
}

.github-badge .badge-subject {
display: inline-block;
background-color: #4D4D4D;
padding: 4px 2px 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-brightgreen {
background-color: #4c1 !important;
}
Expand Down
Empty file added css/foot/style.css
View file
Empty file.
Loading

0 comments on commit 92c6850

Please sign in to comment.