From b9fd5995d0785bb0e0e89f9c898fc2feb712e5c2 Mon Sep 17 00:00:00 2001 From: jinqilin721 Date: Wed, 11 Mar 2020 17:58:51 +0800 Subject: [PATCH] =?UTF-8?q?=E4=B8=80=E7=82=B9=E7=82=B9=E4=BC=98=E5=8C=96:?= =?UTF-8?q?=20=E7=BD=91=E5=9D=80=EF=BC=9Ahttp://blog.xinac.cn/=20=E5=86=85?= =?UTF-8?q?=E5=AE=B9=E6=AD=A3=E5=9C=A8=E5=BB=BA=E8=AE=BE=E4=B8=AD=E3=80=82?= =?UTF-8?q?=201=E3=80=81=E5=85=A8=E9=83=A8=E6=97=A5=E6=9C=9F=E6=A0=B7?= =?UTF-8?q?=E5=BC=8F=E6=94=B9=E4=B8=BA=EF=BC=9Ayyyy-MM-dd=20EE=202?= =?UTF-8?q?=E3=80=81=E9=A6=96=E9=A1=B5=E5=92=8C=E6=96=87=E7=AB=A0=E8=AF=A6?= =?UTF-8?q?=E6=83=85=E9=A1=B5=E5=A2=9E=E5=8A=A0=E4=BA=86=E8=AF=84=E8=AE=BA?= =?UTF-8?q?=E9=87=8F=E3=80=81=E6=B5=8F=E8=A7=88=E9=87=8F=E3=80=81=E6=A0=87?= =?UTF-8?q?=E7=AD=BE=EF=BC=8C=E9=A1=B5=E8=84=9A=E6=98=BE=E7=A4=BA=E9=9D=A0?= =?UTF-8?q?=E5=B7=A6=203=E3=80=81=E4=B8=BB=E9=A2=98=E8=AE=BE=E7=BD=AE?= =?UTF-8?q?=E5=A2=9E=E5=8A=A0=20=E5=85=B3=E6=B3=A8=E6=88=91=E5=92=8C?= =?UTF-8?q?=E6=96=87=E7=AB=A0=E4=BB=A3=E7=A0=81=E4=B8=BB=E9=A2=98=204?= =?UTF-8?q?=E3=80=81=E5=8F=8B=E9=93=BE=E6=8C=89=E6=8E=92=E5=BA=8F=E6=98=BE?= =?UTF-8?q?=E7=A4=BA=205=E3=80=81=E6=91=98=E8=A6=81=E5=A6=82=E6=9E=9C?= =?UTF-8?q?=E6=9C=89=E4=BB=A3=E7=A0=81=E6=97=B6=EF=BC=8C=E6=A0=B7=E5=BC=8F?= =?UTF-8?q?=E4=BC=9A=E6=9C=89=E9=97=AE=E9=A2=98=EF=BC=8C=E5=A2=9E=E5=8A=A0?= =?UTF-8?q?=20word-break:=20break-word;?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- archives.ftl | 2 +- layout/common/article.ftl | 105 ++++++----- layout/common/footer.ftl | 31 ++-- layout/common/module.ftl | 2 +- layout/layout.ftl | 15 +- layout/widget/cate_posts.ftl | 2 +- layout/widget/links.ftl | 2 +- layout/widget/profile.ftl | 9 +- layout/widget/recent_posts.ftl | 2 +- layout/widget/tag_posts.ftl | 2 +- layout/widget/toc-post.ftl | 6 +- links.ftl | 62 +++---- photos.ftl | 2 +- settings.yaml | 35 ++++ source/css/style.css | 7 + source/css/style.styl | 1 + source/lib/caidai.js | 324 +++++++++++++++++++++++++++++++++ source/lib/dianji.js | 80 ++++++++ source/lib/toc/toc.min.js | 2 + 19 files changed, 582 insertions(+), 109 deletions(-) create mode 100644 source/lib/caidai.js create mode 100644 source/lib/dianji.js create mode 100644 source/lib/toc/toc.min.js diff --git a/archives.ftl b/archives.ftl index 9e9e422..ea574d2 100644 --- a/archives.ftl +++ b/archives.ftl @@ -20,7 +20,7 @@
- + ${post.title!}
diff --git a/layout/common/article.ftl b/layout/common/article.ftl index 335abb7..6461b98 100644 --- a/layout/common/article.ftl +++ b/layout/common/article.ftl @@ -22,7 +22,7 @@
+ datetime="${post.createTime!}">${post.createTime?string["yyyy-MM-dd EE"]} <#if index> <#if post.categories?? && post.categories?size gt 0>
@@ -43,6 +43,12 @@
+
+
+ 评论(${post.commentCount!'0'}) + 浏览(${post.visits!'0'}) +
+
<#if is_post??>

@@ -62,7 +68,6 @@

-
<#if index && post.summary?? && post.summary!=''> ${post.summary!} @@ -70,65 +75,79 @@ ${post.formatContent!}
- <#if !index && tags?? && (tags?size gt 0)> -
+ <#if !index> +
+ <#if tags?? && (tags?size gt 0)> +
+ # + <#list tags as tag> + ${tag.name!}  + +
+ +
+
- # - <#list tags as tag> - ${tag.name!}  - + 最后编辑时间：${post.editTime!?string('yyyy-MM-dd HH:mm:ss')}
- <#if index && post.summary?? && post.summary!=''> + <#if index>
-
- 阅读更多 -
+ <#if post.tags?? && (post.tags?size gt 0)> +
+ # + <#list post.tags as tag> + ${tag.name!}  + +
+
+ <#if post.summary?? && post.summary!=''> +
+
+ 阅读更多 +
+
+
- <#if !index> -
-
-

本文由 ${user.nickname!} 创作，如果您觉得本文不错，请随意赞赏
采用 知识共享署名4.0 国际许可协议进行许可
本站文章除注明转载/出处外，均为本站原创或翻译，转载前请务必署名
原文链接：${context!} - /archives/${post.url!}
最后更新于：${post.editTime?string('yyyy-MM-dd HH:mm:ss')} -

-
-
- - <#if !index> - <#if (settings.donate_alipay?? && settings.donate_alipay!='') || (settings.donate_wechat?? && settings.donate_wechat!='')> -
+
-

喜欢这篇文章？打赏一下作者吧

-
- <#if settings.donate_alipay?? && settings.donate_alipay!=''> - <#include "../donate/alipay.ftl"> - - <#if settings.donate_wechat?? && settings.donate_wechat!=''> - <#include "../donate/wechat.ftl"> - -
+

+ 本文由 ${user.nickname!} 创作，如果您觉得本文不错，请随意赞赏
+ 采用 知识共享署名4.0 国际许可协议进行许可
+ 本站文章除注明转载/出处外，均为本站原创或翻译，转载前请务必署名
+ 原文链接：${context!}/archives/${post.url!}
+ 最后更新：${post.editTime?string('yyyy-MM-dd HH:mm:ss')} +

- + + <#if !index> + <#if (settings.donate_alipay?? && settings.donate_alipay!='') || (settings.donate_wechat?? && settings.donate_wechat!='')> +
+
+

喜欢这篇文章？打赏一下作者吧

+
+ <#if settings.donate_alipay?? && settings.donate_alipay!=''> + <#include "../donate/alipay.ftl"> + + <#if settings.donate_wechat?? && settings.donate_wechat!=''> + <#include "../donate/wechat.ftl"> + +
+
+
+ + <#if !index && nextPost?? && prePost??>
diff --git a/layout/common/footer.ftl b/layout/common/footer.ftl index 61baca1..ccff048 100644 --- a/layout/common/footer.ftl +++ b/layout/common/footer.ftl @@ -2,17 +2,16 @@
-    <@global.footer /> <#if settings.busuanzi!true> - -
- - +

+ +
+ + +

<#if settings.bokejishi!true> -

+

我的博客已经运行    啦！

<#if settings.social_beian?? && settings.social_beian!=''> -

- ${settings.social_beian!} +

+ + ${settings.social_beian!} +

<#if settings.social_free?? && settings.social_free!=''> - ${settings.social_free!} +

+ © ${.now?string('yyyy')} ${user.nickname!} ${settings.social_free!} +

<#if settings.caidai!true> - + <#if settings.xiantiao!true> +

+ <@global.footer />
diff --git a/layout/common/module.ftl b/layout/common/module.ftl index c0809bb..daf5e33 100644 --- a/layout/common/module.ftl +++ b/layout/common/module.ftl @@ -21,7 +21,7 @@
- ${post.createTime?string["EEE MMM d"]} + ${post.createTime?string["yyyy-MM-dd EE"]}
${post.title!}
${post.summary!}
阅读更多 diff --git a/layout/layout.ftl b/layout/layout.ftl index c2218e8..712f107 100644 --- a/layout/layout.ftl +++ b/layout/layout.ftl @@ -25,7 +25,7 @@ - + <@global.head /> @@ -66,11 +66,9 @@ <#if is_post?? || is_sheet?? || is_journal??> - + - + @@ -78,8 +76,7 @@ <#include "./plugin/style.theme.ftl"> <#if post?? || journals??> - + <#if is_index??> @@ -117,7 +114,7 @@ style="margin-left: 10px">
- <#-- 判断是否已经有置顶文章--> + <#--判断是否已经有置顶文章--> <#list posts.content as post> <#if post.topPriority == 1> <#assign isTop = 'yes'> @@ -126,7 +123,7 @@ <#if isTop??>
- <#-- <#include "./common/widget_pin.ftl">--> + <#--<#include "./common/widget_pin.ftl">--> <@module 'slider' />
diff --git a/layout/widget/cate_posts.ftl b/layout/widget/cate_posts.ftl index ae47f1f..5101cf3 100644 --- a/layout/widget/cate_posts.ftl +++ b/layout/widget/cate_posts.ftl @@ -17,7 +17,7 @@
-
+
${post.title!}
diff --git a/layout/widget/links.ftl b/layout/widget/links.ftl index 7896b20..f149f3b 100644 --- a/layout/widget/links.ftl +++ b/layout/widget/links.ftl @@ -7,7 +7,7 @@ 链接
    - <#list links as link> + <#list links?sort_by("priority") as link>
  • diff --git a/layout/widget/profile.ftl b/layout/widget/profile.ftl index 6eb7d48..e8c4874 100644 --- a/layout/widget/profile.ftl +++ b/layout/widget/profile.ftl @@ -3,7 +3,7 @@ + <#if settings.profile_follow_url?? && settings.profile_follow_url!=''> +
    + 关注我 +
    + <#--
    --> <#-- <#-- target="_blank">关注我--> @@ -108,7 +113,7 @@ box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);"> - +
    diff --git a/layout/widget/recent_posts.ftl b/layout/widget/recent_posts.ftl index 657af92..5798460 100644 --- a/layout/widget/recent_posts.ftl +++ b/layout/widget/recent_posts.ftl @@ -16,7 +16,7 @@
    - +
    ${post.title!}
    diff --git a/layout/widget/tag_posts.ftl b/layout/widget/tag_posts.ftl index 94b6d70..3c594bd 100644 --- a/layout/widget/tag_posts.ftl +++ b/layout/widget/tag_posts.ftl @@ -17,7 +17,7 @@
    -
    +
    ${post.title!}
    diff --git a/layout/widget/toc-post.ftl b/layout/widget/toc-post.ftl index b48fab0..e3a9a5b 100644 --- a/layout/widget/toc-post.ftl +++ b/layout/widget/toc-post.ftl @@ -32,7 +32,7 @@ return result; }, createPostDirectory = function (article, directory, isDirNum) { - console.log("aaa",article,directory,isDirNum); + // console.log("aaa",article,directory,isDirNum); var contentArr = [], titleId = [], levelArr, root, level, @@ -135,7 +135,7 @@ var offsetLength = dir.offset().top $(document).scroll(function() { var distance = offsetLength - $(window).scrollTop(); - console.log(distance) + // console.log(distance) // console.log(allpostdiv) if (distance <= 0) { if (!dir.hasClass('directory-fixed')) { @@ -176,7 +176,7 @@ var offsetLength = dir.offset().top $(document).scroll(function () { var distance = offsetLength - $(window).scrollTop(); - console.log(distance) + // console.log(distance) // console.log(allpostdiv) if (distance <= 0) { if (!dir.hasClass('directory-fixed')) { diff --git a/links.ftl b/links.ftl index b4a5373..f6e251c 100644 --- a/links.ftl +++ b/links.ftl @@ -2,12 +2,12 @@ <#include "layout/common/article.ftl"> <#include "layout/comment/comment.ftl"> <@layout title="链接 - ${options.blog_title!}" keywords="${options.seo_keywords!}" description="${options.seo_description!}" canonical="${context!}/links"> - + <#include "layout/widget/links.ftl"> -
    -
    -

    友链申请

    -
    +
    +
    +

    友链申请

    +

    # 友链须知

    1. 请确认您的网站可正常访问

    @@ -16,37 +16,37 @@

    4. 没有广告

    5. 添加本站链接

    -

    # 本站信息

    -
    -

    name：罗罗

    -

    avatar：avatar

    -

    descption：一个非常不爱敲代码的大学生

    -

    href：https://www.lwjppz.cn

    -
    -

    本人会不定期清理无法访问的链接，请确保自己的链接长期有效 -

    -

    有需要互换友链的童鞋也可在下方评论区留言。

    +

    # 本站信息

    +
    +

    名称：${user.nickname!}

    +

    链接：${context!}

    +

    头像：${context!}/avatar

    +

    描述：${user.description!}

    +

    本人会不定期清理无法访问的链接，请确保自己的链接长期有效 +

    +

    有需要互换友链的童鞋也可在下方评论区留言。

    -
    -
    -

    -评论 -

    -
    -
    - - - + + - -
    -
    -
    -
    + + +
    +
    +
    +
    \ No newline at end of file diff --git a/photos.ftl b/photos.ftl index 16765b9..18283ff 100644 --- a/photos.ftl +++ b/photos.ftl @@ -21,7 +21,7 @@ - + <@global.head /> diff --git a/settings.yaml b/settings.yaml index e82243d..6be6c39 100644 --- a/settings.yaml +++ b/settings.yaml @@ -12,6 +12,11 @@ sidebar: label: 开启 - value: false label: 关闭 + profile_follow_url: + name: profile_follow_url + label: 【关注我】按钮地址 + type: text + placeholder: '默认为博客地址' sidebar_profile: name: sidebar_profile label: 侧边栏个人资料 @@ -160,6 +165,36 @@ post: label: 开启 - value: false label: 关闭 + code_pretty: + name: code_pretty + label: 文章代码高亮主题 + type: select + default: Default + options: + - value: Default + label: Default + - value: Coy + label: Coy + - value: Dark + label: Dark + - value: Okaidia + label: Okaidia + - value: Solarized Light + label: Solarized Light + - value: Tomorrow Night + label: Tomorrow Night + - value: Twilight + label: Twilight +# code_pretty: +# name: code_pretty +# label: 文章代码高亮主题 +# type: select +# default: light +# options: +# - value: Dark +# label: dark +# - value: light +# label: light social: label: 博客信息 items: diff --git a/source/css/style.css b/source/css/style.css index df60233..f7e2cb2 100644 --- a/source/css/style.css +++ b/source/css/style.css @@ -238,6 +238,7 @@ img.thumbnail { } .article .content { font-size: 1.1rem; + word-break: break-word; } .article .content blockquote.pullquote { float: right; @@ -247,6 +248,7 @@ img.thumbnail { } .article .content a { word-wrap: break-word; + word-break: break-word; } .article .content p { line-height: 1.9rem; @@ -566,6 +568,7 @@ video { } .post-article { word-wrap: break-word; + word-break: break-word; line-height: 1.8; letter-spacing: 0.013rem; } @@ -630,6 +633,10 @@ p { margin-bottom: 0 } +.timeline .media { + margin-bottom: 20px !important; +} + .media+.media { padding-top: 0; } diff --git a/source/css/style.styl b/source/css/style.styl index 8e507a7..3bbab5a 100644 --- a/source/css/style.styl +++ b/source/css/style.styl @@ -182,6 +182,7 @@ img.thumbnail padding-top: 1rem border-left: 1px solid hsl(0, 0%, 86%) .media + margin-bottom: 20px !important position: relative &:before, &:last-child:after diff --git a/source/lib/caidai.js b/source/lib/caidai.js new file mode 100644 index 0000000..ad00c21 --- /dev/null +++ b/source/lib/caidai.js @@ -0,0 +1,324 @@ +(function (name, factory) { + if (typeof window === "object") { + window[name] = factory() + } +})("Ribbons", function () { + var _w = window, + _b = document.body, + _d = document.documentElement; + var random = function () { + if (arguments.length === 1) { + if (Array.isArray(arguments[0])) { + var index = Math.round(random(0, arguments[0].length - 1)); + return arguments[0][index] + } + return random(0, arguments[0]) + } else if (arguments.length === 2) { + return Math.random() * (arguments[1] - arguments[0]) + arguments[0] + } + return 0 + }; + 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 + } + }; + var mouseInfo = function (e) { + var screen = screenInfo(e), + mousex = e ? Math.max(0, e.pageX || e.clientX || 0) : 0, + mousey = e ? Math.max(0, e.pageY || e.clientY || 0) : 0; + return { + mousex: mousex, + mousey: mousey, + centerx: mousex - screen.width / 2, + centery: mousey - screen.height / 2 + } + }; + var Point = function (x, y) { + this.x = 0; + this.y = 0; + this.set(x, y) + }; + Point.prototype = { + constructor: Point, + set: function (x, y) { + this.x = x || 0; + this.y = y || 0 + }, + copy: function (point) { + this.x = point.x || 0; + this.y = point.y || 0; + return this + }, + multiply: function (x, y) { + this.x *= x || 1; + this.y *= y || 1; + return this + }, + divide: function (x, y) { + this.x /= x || 1; + this.y /= y || 1; + return this + }, + add: function (x, y) { + this.x += x || 0; + this.y += y || 0; + return this + }, + subtract: function (x, y) { + this.x -= x || 0; + this.y -= y || 0; + return this + }, + clampX: function (min, max) { + this.x = Math.max(min, Math.min(this.x, max)); + return this + }, + clampY: function (min, max) { + this.y = Math.max(min, Math.min(this.y, max)); + return this + }, + flipX: function () { + this.x *= -1; + return this + }, + flipY: function () { + this.y *= -1; + return this + } + }; + var Factory = function (options) { + this._canvas = null; + this._context = null; + this._sto = null; + this._width = 0; + this._height = 0; + this._scroll = 0; + this._ribbons = []; + this._options = { + colorSaturation: "80%", + colorBrightness: "60%", + colorAlpha: 0.65, + colorCycleSpeed: 6, + verticalPosition: "center", + horizontalSpeed: 150, + ribbonCount: 5, + strokeSize: 5, + parallaxAmount: -0.5, + animateSections: true + }; + this._onDraw = this._onDraw.bind(this); + this._onResize = this._onResize.bind(this); + this._onScroll = this._onScroll.bind(this); + this.setOptions(options); + this.init() + }; + Factory.prototype = { + constructor: Factory, + setOptions: function (options) { + if (typeof options === "object") { + for (var key in options) { + if (options.hasOwnProperty(key)) { + this._options[key] = options[key] + } + } + } + }, + init: function () { + try { + this._canvas = document.createElement("canvas"); + this._canvas.style["display"] = "block"; + this._canvas.style["position"] = "fixed"; + this._canvas.style["margin"] = "0"; + this._canvas.style["padding"] = "0"; + this._canvas.style["border"] = "0"; + this._canvas.style["outline"] = "0"; + this._canvas.style["left"] = "0"; + this._canvas.style["top"] = "0"; + this._canvas.style["width"] = "100%"; + this._canvas.style["height"] = "100%"; + this._canvas.style["z-index"] = "-1"; + this._onResize(); + this._context = this._canvas.getContext("2d"); + this._context.clearRect(0, 0, this._width, this._height); + this._context.globalAlpha = this._options.colorAlpha; + window.addEventListener("resize", this._onResize); + window.addEventListener("scroll", this._onScroll); + document.body.appendChild(this._canvas) + } catch (e) { + console.warn("Canvas Context Error: " + e.toString()); + return + } + this._onDraw() + }, + addRibbon: function () { + var dir = Math.round(random(1, 9)) > 5 ? "right" : "left", + stop = 1000, + hide = 200, + min = 0 - hide, + max = this._width + hide, + movex = 0, + movey = 0, + startx = dir === "right" ? min : max, + starty = Math.round(random(0, this._height)); + if (/^(top|min)$/i.test(this._options.verticalPosition)) { + starty = 0 + hide + } else if (/^(middle|center)$/i.test(this._options.verticalPosition)) { + starty = this._height / 2 + } else if (/^(bottom|max)$/i.test(this._options.verticalPosition)) { + starty = this._height - hide + } + var ribbon = [], + point1 = new Point(startx, starty), + point2 = new Point(startx, starty), + point3 = null, + color = Math.round(random(0, 360)), + delay = 0; + while (true) { + if (stop <= 0) break; + stop--; + movex = Math.round((Math.random() * 1 - 0.2) * this._options.horizontalSpeed); + movey = Math.round((Math.random() * 1 - 0.5) * (this._height * 0.25)); + point3 = new Point(); + point3.copy(point2); + if (dir === "right") { + point3.add(movex, movey); + if (point2.x >= max) break + } else if (dir === "left") { + point3.subtract(movex, movey); + if (point2.x <= min) break + } + ribbon.push({ + point1: new Point(point1.x, point1.y), + point2: new Point(point2.x, point2.y), + point3: point3, + color: color, + delay: delay, + dir: dir, + alpha: 0, + phase: 0 + }); + point1.copy(point2); + point2.copy(point3); + delay += 4; + color += this._options.colorCycleSpeed + } + this._ribbons.push(ribbon) + }, + _drawRibbonSection: function (section) { + if (section) { + if (section.phase >= 1 && section.alpha <= 0) { + return true + } + if (section.delay <= 0) { + section.phase += 0.02; + section.alpha = Math.sin(section.phase) * 1; + section.alpha = section.alpha <= 0 ? 0 : section.alpha; + section.alpha = section.alpha >= 1 ? 1 : section.alpha; + if (this._options.animateSections) { + var mod = Math.sin(1 + section.phase * Math.PI / 2) * 0.1; + if (section.dir === "right") { + section.point1.add(mod, 0); + section.point2.add(mod, 0); + section.point3.add(mod, 0) + } else { + section.point1.subtract(mod, 0); + section.point2.subtract(mod, 0); + section.point3.subtract(mod, 0) + } + section.point1.add(0, mod); + section.point2.add(0, mod); + section.point3.add(0, mod) + } + } else { + section.delay -= 0.5 + } + var s = this._options.colorSaturation, + l = this._options.colorBrightness, + c = "hsla(" + section.color + ", " + s + ", " + l + ", " + section.alpha + " )"; + this._context.save(); + if (this._options.parallaxAmount !== 0) { + this._context.translate(0, this._scroll * this._options.parallaxAmount) + } + this._context.beginPath(); + this._context.moveTo(section.point1.x, section.point1.y); + this._context.lineTo(section.point2.x, section.point2.y); + this._context.lineTo(section.point3.x, section.point3.y); + this._context.fillStyle = c; + this._context.fill(); + if (this._options.strokeSize > 0) { + this._context.lineWidth = this._options.strokeSize; + this._context.strokeStyle = c; + this._context.lineCap = "round"; + this._context.stroke() + } + this._context.restore() + } + return false + }, + _onDraw: function () { + for (var i = 0, t = this._ribbons.length; i < t; ++i) { + if (!this._ribbons[i]) { + this._ribbons.splice(i, 1) + } + } + this._context.clearRect(0, 0, this._width, this._height); + for (var a = 0; a < this._ribbons.length; ++a) { + var ribbon = this._ribbons[a], + numSections = ribbon.length, + numDone = 0; + for (var b = 0; b < numSections; ++b) { + if (this._drawRibbonSection(ribbon[b])) { + numDone++ + } + } + if (numDone >= numSections) { + this._ribbons[a] = null + } + } + if (this._ribbons.length < this._options.ribbonCount) { + this.addRibbon() + } + requestAnimationFrame(this._onDraw) + }, + _onResize: function (e) { + var screen = screenInfo(e); + this._width = screen.width; + this._height = screen.height; + if (this._canvas) { + this._canvas.width = this._width; + this._canvas.height = this._height; + if (this._context) { + this._context.globalAlpha = this._options.colorAlpha + } + } + }, + _onScroll: function (e) { + var screen = screenInfo(e); + this._scroll = screen.scrolly + } + }; + return Factory +}); +new Ribbons({ + colorSaturation: "60%", + colorBrightness: "50%", + colorAlpha: 0.5, + colorCycleSpeed: 5, + verticalPosition: "random", + horizontalSpeed: 200, + ribbonCount: 3, + strokeSize: 0, + parallaxAmount: -0.2, + animateSections: true +}); \ No newline at end of file diff --git a/source/lib/dianji.js b/source/lib/dianji.js new file mode 100644 index 0000000..9d28ab0 --- /dev/null +++ b/source/lib/dianji.js @@ -0,0 +1,80 @@ +(function(window,document,undefined){ + var hearts = []; + + window.requestAnimationFrame = (function(){ + return window.requestAnimationFrame || + window.webkitRequestAnimationFrame || + window.mozRequestAnimationFrame || + window.oRequestAnimationFrame || + window.msRequestAnimationFrame || + function (callback){ + setTimeout(callback,1000/60); + } + })(); + + init(); + + function init(){ + css(".heart{width: 10px;height: 10px;position: fixed;background: #f00;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}.heart:after,.heart:before{content: '';width: inherit;height: inherit;background: inherit;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;position: absolute;}.heart:after{top: -5px;}.heart:before{left: -5px;}"); + attachEvent(); + gameloop(); + } + + function gameloop(){ + for(var i=0;ir.order;i++){var o=e.splice(i,1);r.childH=r.childH.concat(o),i--}r.childH.length&&t(r.childH,0);for(var c=n+1;c[hide]
    [显示目录]',this.insertDom.parentNode.insertBefore(e,this.insertDom),e.getElementsByClassName("hide_toc_btn")[0].addEventListener("click",function(){e.className=e.className+" hide"}),e.getElementsByClassName("show_toc_btn")[0].addEventListener("click",function(){e.className="toc_wrap"}),function e(n,r,i,o){var c=1;for(var l=0;l'+s+" "+r[l].innerHTML+"",r[l].setAttribute("id","toc_"+s),n.appendChild(a),r[l].childH&&r[l].childH.length&&e(a,r[l].childH,i+1,s),c++}}(document.getElementById("toc"),this.childH,1,"")}}}]),t}();"object"===r(t)&&"object"===r(t.exports)&&(t.exports=o),"function"==typeof window.define?void 0===(n=function(){return o}.apply(e,[]))||(t.exports=n):window.Toc=o}).call(e,n(1)(t))},function(t,e){t.exports=function(t){return t.webpackPolyfill||(t.deprecate=function(){},t.paths=[],t.children||(t.children=[]),Object.defineProperty(t,"loaded",{enumerable:!0,get:function(){return t.l}}),Object.defineProperty(t,"id",{enumerable:!0,get:function(){return t.i}}),t.webpackPolyfill=1),t}}]); +//# sourceMappingURL=toc.min.js.map \ No newline at end of file