Skip to content

Commit

Permalink
update discription
Browse files Browse the repository at this point in the history
  • Loading branch information
Alomerry Wu committed Oct 9, 2020
1 parent 091797d commit d17d31c
Show file tree
Hide file tree
Showing 3 changed files with 99 additions and 83 deletions.
3 changes: 2 additions & 1 deletion .gitignore
Original file line number Diff line number Diff line change
@@ -1,2 +1,3 @@
mail_key
.DS_Store
.DS_Store
.idea
15 changes: 9 additions & 6 deletions Plugin.php
Original file line number Diff line number Diff line change
Expand Up @@ -59,7 +59,8 @@ public static function config(Typecho_Widget_Helper_Form $form)
$html = '<p>欢迎使用 Handsome 主题美化插件 SkyMo V1.2.0。</p>'.
'<p>此插件帮助你美化 Handsome 主题的一些细节。你可以对插件进行非商用的二次开发。</p>'.
'<p>有任何问题请联系发邮件至<strong><a href="mailto:[email protected]"> [email protected] </a></strong>'.
'<p>更多信息请参阅 <b><a href="https://github.com/Alomerry/SkyMo">详细说明</a></b> '.
'<p>二次开发克隆地址 <b><a href="https://github.com/Alomerry/SkyMo">Github</a></b> '.
'<p>更多信息请参阅 <b><a href="http://alomerry.com/archives/211/">插件描述</a></b> '.
'<p><b><a href="https://github.com/Alomerry/SkyMo/releases/latest">最新版地址</a></b> '.
'<hr />';
echo $html;
Expand Down Expand Up @@ -109,7 +110,8 @@ public static function config(Typecho_Widget_Helper_Form $form)
$form->addInput($footCSS);

//字体
$form->addInput(new ExTitle_Plugin('btnTitle', NULL, NULL, _t('字体'), NULL));
$form->addInput(new ExTitle_Plugin('btnTitle', NULL, NULL,
"字体<span style='padding: .1em .4em .1em;background-color: #f05050;font-size: 14px;color: white;border-radius: 5px;'>New</span>", NULL));
$fontStyle = new Typecho_Widget_Helper_Form_Element_Radio('fontStyle',array(
'open' => _t('开启'),
'close' => _t('关闭'),
Expand All @@ -118,13 +120,14 @@ public static function config(Typecho_Widget_Helper_Form $form)
$fontCSS = new Typecho_Widget_Helper_Form_Element_Select("fontCSS",array(
"ZCOOL-XiaoWei" => "ZCOOL-XiaoWei",
"Monaco" => "Monaco"
),"github-badge.css","样式选择","");
),"github-badge.css","样式选择",
"<img src='http://alomerry.com/usr/uploads/2020/10/2495026317.png' style='width: 15rem;'><img src='http://alomerry.com/usr/uploads/2020/10/2799388962.png' style='width: 15rem;'>");
$form->addInput($fontCSS);
$form->addInput(new ExTitle_Plugin('btnTitle', NULL, NULL, _t('字体生效位置'), NULL));
// $form->addInput(new ExTitle_Plugin('btnTitle', NULL, NULL, _t('字体生效位置'), NULL));
$fontLocation = new Typecho_Widget_Helper_Form_Element_Select("fontLocation",array(
"body" => "body",
"md_handsome" => "md_handsome"
),"body","字体生效位置","<strong style='color: #00b8ff9e'>默认样式 ZCOOL XiaoWei,欢迎联系我添加更多字体。 </strong>");
),"body","字体生效位置","<strong style='color: #00b8ff9e'>md_handsome 为正文,body 为全页面。</strong><br><strong style='color: #00b8ff9e'>默认样式 ZCOOL XiaoWei,欢迎联系我添加更多字体。 </strong>");
$form->addInput($fontLocation);

//代码样式
Expand Down Expand Up @@ -155,7 +158,7 @@ public static function config(Typecho_Widget_Helper_Form $form)
'open' => _t('开启'),
'close' => _t('关闭'),
), 'open',_t(''),
"<img src='http://alomerry.com/usr/uploads/2020/01/3441578448.gif' style='width: 30rem;'>");
"<img src='http://alomerry.com/usr/uploads/2020/01/3441578448.gif' style='width: 25rem;'>");
$form->addInput($headSpin);


Expand Down
164 changes: 88 additions & 76 deletions readme.md
Original file line number Diff line number Diff line change
@@ -1,21 +1,25 @@
# SkyMo
# SkyMo V1.2.0

> 插件最新更新时间:2020/07/06
> 插件最新更新时间:2020/10/04
## 后续更新计划

- 添加 社会主义核心价值观 click 动效。
- 添加 爱心浮动 click 动效。
- [ ] 添加 社会主义核心价值观 click 动效。
- [ ] 添加 爱心浮动 click 动效。
- [ ] 修正 访客颜色。
- [ ] 修正 Github 页面颜色。
- [ ] 配置 可调字体大小。

## 主要特色

- 自定义字体以及生效位置(V1.2)。
- 添加背景流动彩带。
- 美化页脚样式,并提供自定义样式。
- 添加赞赏按钮跳动。
- 添加鼠标痕迹:
- 星星轨迹
- 爱心浮动(待添加)
- 社会主义核心价值观(待添加)
- 星星轨迹
- 爱心浮动(待添加)
- 社会主义核心价值观(待添加)
- 博客信息美化。
- 彩色标签。
- 首页头像 hover 转动。
Expand All @@ -35,6 +39,10 @@

## 更新

### 1.2.0(2020.10.04)[tag type="success"]latest[/tag]

添加字体选择和字体生效位置。

### 1.1.0(2020.07.06)

将插件设计成可配置启动/关闭。
Expand All @@ -44,7 +52,19 @@
- 添加动效
- 添加背景

## 效果展示
## 效果展示和修改

### 字体

- ZCOOL XiaoWei

![ZCOOL XiaoWei][17]

- Manaco

![Manaco][18]

---

### 插件设置

Expand All @@ -53,7 +73,9 @@

### 背景图片

荒野大镖客2背景
![荒野大镖客2背景.png][4]
荷塘背景
![荷塘背景.png][5]

[点击下载背景图片址][6]
Expand All @@ -62,28 +84,27 @@

![1.gif][7]

```javasript
// screen helper
修改彩带位置
```js
var screenInfo = function (e) {
var width = Math.max(0, _w.innerWidth || _d.clientWidth || _b.clientWidth || 0),
height = Math.max(0, _w.innerHeight || _d.clientHeight || _b.clientHeight || 0),
scrollx = Math.max(0, _w.pageXOffset || _d.scrollLeft || _b.scrollLeft || 0) - (_d.clientLeft || 0),
scrolly = Math.max(0, _w.pageYOffset || _d.scrollTop || _b.scrollTop || 0) - (_d.clientTop || 0);
return {
width: width,
height: height,
ratio: width / height,
centerx: width / 2,
centery: height / 2,
scrollx: scrollx,
// scrolly: scrolly
scrolly: 0
};
var width = Math.max(0, _w.innerWidth || _d.clientWidth || _b.clientWidth || 0),
height = Math.max(0, _w.innerHeight || _d.clientHeight || _b.clientHeight || 0),
scrollx = Math.max(0, _w.pageXOffset || _d.scrollLeft || _b.scrollLeft || 0) - (_d.clientLeft || 0),
scrolly = Math.max(0, _w.pageYOffset || _d.scrollTop || _b.scrollTop || 0) - (_d.clientTop || 0);
return {
width: width,
height: height,
ratio: width / height,
centerx: width / 2,
centery: height / 2,
scrollx: scrollx,
// scrolly: scrolly
scrolly: 0
};
};
```

```javasript
//修改彩带参数
修改彩带参数
```js
this._canvas = null;
this._context = null;
this._sto = null;
Expand All @@ -92,31 +113,20 @@ this._height = 0;
this._scroll = 0;
this._ribbons = [];
this._options = {
// ribbon color HSL saturation amount
colorSaturation: "80%",
// ribbon color HSL brightness amount
colorBrightness: "60%",
// ribbon color opacity amount
colorAlpha: 1,
// how fast to cycle through colors in the HSL color space
colorCycleSpeed: 8,
// where to start from on the Y axis on each side (top|min, middle|center, bottom|max, random)
verticalPosition: "center",
// how fast to get to the other side of the screen
horizontalSpeed: 200,
// how many ribbons to keep on screen at any given time
ribbonCount: 3,
// add stroke along with ribbon fill colors
strokeSize: 0,
// move ribbons vertically by a factor on page scroll
parallaxAmount: -0.5,
// add animation effect to each ribbon section over time
animateSections: true
colorSaturation: "80%", // ribbon color HSL saturation amount
colorBrightness: "60%", // ribbon color HSL brightness amount
colorAlpha: 1, // ribbon color opacity amount
colorCycleSpeed: 8, // how fast to cycle through colors in the HSL color space
verticalPosition: "center", // where to start from on the Y axis on each side (top|min, middle|center, bottom|max, random)
horizontalSpeed: 200, // how fast to get to the other side of the screen
ribbonCount: 3, // how many ribbons to keep on screen at any given time
strokeSize: 0, // add stroke along with ribbon fill colors
parallaxAmount: -0.5, // move ribbons vertically by a factor on page scroll
animateSections: true // add animation effect to each ribbon section over time
};
```

```javasript
//设置彩带CSS
设置彩带CSS
```js
this._canvas = document.createElement("canvas");
this._canvas.style["display"] = "block";
this._canvas.style["position"] = "fixed";
Expand All @@ -133,73 +143,75 @@ this._canvas.style["background-color"] = "rgba(31, 31, 31, 0)";
this._canvas.id = "bgCanvas";
```

----------
---

### 页脚

![启用样式.png][8]

![自定义样式.png][9]

----------
---

### 赞赏按钮跳动

![跳动.gif][10]

----------
---

### 鼠标痕迹

#### 星星轨迹

![星星轨迹.gif][11]

----------
---

### 博客信息

![博客信息.png][12]

----------
---

### 彩色标签

![彩色标签.png][13]

----------
---

### 首页头像hover转动

![首页头像hover.gif][14]

> 注意,该动效默认启用,插件设置中未提供开关。
>注意,该动效默认启用,插件设置中未提供开关。
----------
---

### 首页文章图片获取焦点放大

![获取焦点放大.gif][15]

----------
---

### 引入bilibili视频响应式样式

参考[typecho文章内挂载B站视频][16]


[1]: https://github.com/Alomerry/SkyMo
[2]: https://alomerry.com/usr/uploads/2020/07/1620333604.png
[3]: https://alomerry.com/usr/uploads/2020/07/2366965718.png
[4]: https://alomerry.com/usr/uploads/2020/01/1523369272.png
[5]: https://alomerry.com/usr/uploads/2020/01/629167857.png
[6]: https://alomerry.com/archives/195/
[7]: https://alomerry.com/usr/uploads/2020/01/499543144.gif
[8]: https://alomerry.com/usr/uploads/2020/01/2908048897.png
[9]: https://alomerry.com/usr/uploads/2020/07/1625104036.png
[10]: https://alomerry.com/usr/uploads/2020/01/673845452.gif
[11]: https://alomerry.com/usr/uploads/2020/01/286602434.gif
[12]: https://alomerry.com/usr/uploads/2020/01/1357181980.png
[13]: https://alomerry.com/usr/uploads/2020/01/3349164392.png
[14]: https://alomerry.com/usr/uploads/2020/01/3441578448.gif
[15]: https://alomerry.com/usr/uploads/2020/01/2240396392.gif
[16]: https://www.icnfox.cn/archives/42.html
[1]: https://github.com/Alomerry/SkyMo
[2]: http://alomerry.com/usr/uploads/2020/07/1620333604.png
[3]: http://alomerry.com/usr/uploads/2020/07/2366965718.png
[4]: http://alomerry.com/usr/uploads/2020/01/1523369272.png
[5]: http://alomerry.com/usr/uploads/2020/01/629167857.png
[6]: http://alomerry.com/archives/195/
[7]: http://alomerry.com/usr/uploads/2020/01/499543144.gif
[8]: http://alomerry.com/usr/uploads/2020/01/2908048897.png
[9]: http://alomerry.com/usr/uploads/2020/07/1625104036.png
[10]: http://alomerry.com/usr/uploads/2020/01/673845452.gif
[11]: http://alomerry.com/usr/uploads/2020/01/286602434.gif
[12]: http://alomerry.com/usr/uploads/2020/01/1357181980.png
[13]: http://alomerry.com/usr/uploads/2020/01/3349164392.png
[14]: http://alomerry.com/usr/uploads/2020/01/3441578448.gif
[15]: http://alomerry.com/usr/uploads/2020/01/2240396392.gif
[16]: https://www.icnfox.cn/archives/42.html
[17]: http://alomerry.com/usr/uploads/2020/10/2495026317.png
[18]: http://alomerry.com/usr/uploads/2020/10/2799388962.png

0 comments on commit d17d31c

Please sign in to comment.