biss/hexo-theme-butterfly
1
0
Fork 0
mirror of https://github.com/jerryc127/hexo-theme-butterfly.git synced 2026-04-08 12:07:06 +08:00
Code Issues Packages Projects Releases Wiki Activity

V2.0.0

Browse Source 
Breaking change
1. 手機端界面卡片化，同時，手機端也可以顯示側邊欄的內容
2. 修復當menu過多時，header界面出現錯亂的bug。當menu過多時，會變為sidebar模式
3. 增加medium-zoom大圖查看模式
4. 增加鼠標點擊特效：文字和愛心 兩個點擊特效
5. 主頁subtitle可以調用第三方api(金山詞霸每日一句、一言網的一句話、一句網、今日詩詞)
6. 添加 snackbar 彈窗
7. 修改nightshift為darkmode，darkmode可隨系統設置而自動切換，可設置隨時間而切換darkmode
8. 修復hexo自帶的標籤外掛(Tag Plugins)顯示bug(Block Quote、Code Block With caption、Gist、Youtube、Vimeo)
9. 主題所需要的css和js可根據需要配置CDN
10. 更改darkmode的加載方式，網站設置dark mode後，現在進入網頁不會在'閃'一下
11. 背景特效和背景圖片在手機界面也會顯示
12. 增加justified-gallery圖片顯示(Tag Plugins)
Feature
1. 文章頁面，字數統計、閲讀時長和閲讀量前面添加icon
2. 更改懶加載js
3. 升級typed.js/instantpage.js到最新版
4. 搜索和右下角按鈕添加退出特效
Fixed
1. 修復在 Hexo 4.0.0下，一些按鈕點擊會跳出一個空白頁的bug
2. 修復在 Hexo 4.0.0下，分頁按鈕出現代碼的bug
3. 修復當沒有設置評論時，右下角依舊出現'直達評論'按鈕的bug
4. 優化sidebar的打開速度
5. 修復文章頁標題左右邊距不平等的bug
6. 修復keywords讀取的bug
7. 修復當post/page 內容為空時，footer位置錯亂的bug
8. 修復在手機safari，toc sidebar底部內容被遮擋的bug
9. 完善Dark mode,一些界面的配色
10. 修復 card-archives 查看更多 跳轉bug
Remove
1. 移除Gitment
2. 移除Gallery
This commit is contained in:
Jerry
2019-11-03 02:21:01 +08:00
parent 32d1cd3f53
commit 336e221de5
79 changed files with 2225 additions and 1793 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
README.md
View File

@@ -1,5 +1,11 @@
# hexo-theme-butterfly
<img alt="Version" src="https://img.shields.io/badge/release-2.0.0-blue"/>
<a href="https://jerryc.me"><img alt="Author" src="https://img.shields.io/badge/author-JerryC-blur"/></a>
<a href="https://hexo.io"><img alt="Hexo" src="https://img.shields.io/badge/hexo-3.0+-0e83c"/></a>
<a href="https://nodejs.org/"><img alt="node.js" src="https://img.shields.io/badge/node.js-6.0%2B-43853d"/></a>
[预览](https://jerryc.me/)
一款基于[hexo-theme-melody](https://github.com/Molunerfinn/hexo-theme-melody)修改的主题
@@ -25,12 +31,11 @@ git clone -b dev https://github.com/jerryc127/hexo-theme-butterfly.git themes/Bu
theme: Butterfly
```
>如果你没有pug以及stylus的渲染器，请下载安装： npm install hexo-renderer-jade hexo-renderer-stylus --save or yarn add hexo-renderer-jade hexo-renderer-stylus
>如果你没有pug以及stylus的渲染器，请下载安装： npm install hexo-renderer-pug hexo-renderer-stylus --save or yarn add hexo-renderer-pug hexo-renderer-stylus
## 文档
可查看或[这里](https://docs.jerryc.me/)或[这里](https://jerryc.me/posts/21cfbf15)
可查看[这里](https://jerryc.me/posts/21cfbf15)
## 截图
![image](https://user-images.githubusercontent.com/16351105/58887365-1272f780-8718-11e9-9329-3292c6ba20d4.png)

255
_config.yml
View File

@@ -1,4 +1,3 @@
# Main menu navigation
# ---------------
# format: xxx: 連結 || icon
@@ -16,7 +15,6 @@ menu:
- Music || /music/ || fa fa-music
- Movie || /movies/ || fa fa-film
# Favicon
# ---------------
favicon: /img/favicon.ico
@@ -32,8 +30,6 @@ favicon: /img/favicon.ico
# favicon_32_32: /img/pwa/32.png
# favicon_16_16: /img/pwa/16.png
# mask_icon: /img/pwa/safari-pinned-tab.svg
# shortcut_icon: /img/favicon.ico
# Highlight theme
# ---------------
@@ -48,15 +44,16 @@ code_word_wrap: false
# 是否禁止複製（如果禁止，highlight_copy的功能將無效)
# copyright 複製的内容後面加上版權信息
copy:
enable: false # true 開啓 / false 禁止
enable: true # true 開啓 / false 禁止
copyright: false
# social settings
# formal:
# formal:
# icon: link
# ---------------
social:
fa fa-github: https://github.com/jerryc127
fa fa-envelope: mailto:xxxxxxxx@gmail.com
fa fa-rss: /atom.xml
#### search ####
@@ -86,60 +83,36 @@ local_search:
# ---------------
mathjax:
enable: false
cdn: https://cdn.jsdelivr.net/npm/mathjax/MathJax.js?config=TeX-AMS-MML_HTMLorMML
# KaTeX
# ---------------
katex:
enable: false
cdn:
css: https://cdn.jsdelivr.net/npm/katex@latest/dist/katex.min.css
hide_scrollbar: true
#### Analysis ####
# ---------------
# baidu_analytics:
# baidu_analytics:
#Google Analytics
google_analytics:
# stylesheets loaded in the <head>
# ---------------
stylesheets:
- /css/index.css
# scripts loaded in the end of the body
# ---------------
scripts:
- /js/utils.js
- /js/main.js
# cdn for third-party library
# ---------------
cdn:
css:
fontawesome: https://cdn.jsdelivr.net/npm/font-awesome@latest/css/font-awesome.min.css
# fontawesomeV5: https://use.fontawesome.com/releases/v5.8.1/css/all.css
fancybox: https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@latest/dist/jquery.fancybox.min.css
js:
jquery: https://cdn.jsdelivr.net/npm/jquery@latest/dist/jquery.min.js
fancybox: https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@latest/dist/jquery.fancybox.min.js
js-cookies: https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js
# Post info settings
# ---------------
# avatar: /img/avatar.png
avatar: https://cdn.jsdelivr.net/gh/jerryc127/CDN@latest/Photo/avatar.png
# the banner image of index
# if the banner of another page not setting,it will show the top_img
top_img: https://i.loli.net/2019/05/22/5ce53eb6dc82757840.jpg
# 以下鏈接是動態壁紙，每次刷新會更換
# https://source.unsplash.com/collection/collectionid/1600x900
# https://uploadbeta.com/api/pictures/random/?key=BingEverydayWallpaperPicture
# https://api.dujin.org/bing/1920.php
# https://api.dujin.org/bing/1366.php
#the banner image of post
# if the post not set the post cover and post top image, it will show it
post_img: https://cdn.jsdelivr.net/gh/jerryc127/CDN@latest/Photo/post.png
# if the banner of page not setting,it will show the top_img
default_top_img: https://cdn.jsdelivr.net/gh/jerryc127/CDN/img/top_img_index.jpg
# the default cover of the post
default_cover: https://cdn.jsdelivr.net/gh/jerryc127/CDN@latest/cover/default_bg.png
@@ -153,6 +126,9 @@ tag_img: https://cdn.jsdelivr.net/gh/jerryc127/CDN/img/tag-bg.png
# the banner image of category page
category_img: https://cdn.jsdelivr.net/gh/jerryc127/CDN/img/category-bg
# 如果你有使用hexo-douban去生成movie界面，可配置這個
movies_img: https://cdn.jsdelivr.net/gh/jerryc127/CDN/Photo/movie.jpg
# if the photo link cannot connect,it will show that
lodding_bg:
flink: /img/friend_404.gif
@@ -185,7 +161,6 @@ auto_excerpt:
enable: true
length: 150
#### Share System ####
# -----------------------------------------
addThis:
@@ -212,23 +187,16 @@ addtoany:
# ------------------------------------
disqus:
enable: false
shortname:
# laibili:
# enable: false
# uid:
shortname:
# gitment
# enable: false
# owner:
# repo:
# client_id:
# client_secret:
# laibili:
# enable: false
# uid:
# gitalk:
# enable: false
# client_id:
# client_secret:
# client_id:
# client_secret:
# repo:
# owner:
# admin:
@@ -240,8 +208,8 @@ disqus:
# valine comment system. https://valine.js.org
valine:
enable: false # if you want use valine,please set this value is true
appId: # leancloud application app id
appKey: # leancloud application app key
appId: # leancloud application app id
appKey: # leancloud application app key
notify: false # valine mail notify (true/false) https://github.com/xCss/Valine/wiki
verify: false # valine verify code (true/false)
pageSize: 10 # comment list page size
@@ -249,7 +217,7 @@ valine:
lang: en # i18n: zh-cn/en
placeholder: Please leave your footprints # valine comment input placeholder(like: Please leave your footprints )
guest_info: nick,mail,link #valine comment header info
bg: /img/comment_bg.png # valine background
bg: /img/comment_bg.png # valine background
##### Footer Settings ####
# ------------------------------------
@@ -262,11 +230,10 @@ footer_copyright:
ICP:
enable: false
url:
text:
url:
text:
icon: /img/icp.png
#### 站長驗證 ####
# Google Webmaster tools verification setting
# See: https://www.google.com/webmasters/
@@ -284,8 +251,7 @@ baidu_site_verification:
# see http://zhanzhang.so.com/
qihu_site_verification:
# 友情鏈接界面設置
# 友情鏈接界面設置
Flink:
headline: 友情鏈接
info_headline: 我的Blog資料
@@ -332,16 +298,14 @@ related_post:
# 主頁設置
# 默認top_img全屏，site_info在中間
# 使用默認, 都無需填寫（建議默認）
index_site_info_top: #主頁標題距離頂部距離 例如 300px/300em/300rem/10%
index_top_img_height: #主頁top_img高度 例如 300px/300em/300rem 不能使用百分比
index_site_info_top: #主頁標題距離頂部距離 例如 300px/300em/300rem/10%
index_top_img_height: #主頁top_img高度 例如 300px/300em/300rem 不能使用百分比
# category和tag頁的UI設置
# index 值代表 UI將與首頁的UI一樣
# 默認跟archives頁面UI一樣
category_ui: # 留空或index
tag_ui: # 留空或index
category_ui: # 留空或index
tag_ui: # 留空或index
# 設置網站背景
# 可設置圖片 或者 顔色
@@ -353,8 +317,9 @@ background:
# footer是否顯示圖片背景(與top_img一致)
footer_bg: false
# canvas_ribbon 靜止彩帶背景
# 背景特效
# 避免卡頓，建議只開啓一個
# canvas_ribbon 禁止彩帶背景
# See: https://github.com/hustcc/ribbon.js
canvas_ribbon:
enable: false
@@ -362,10 +327,12 @@ canvas_ribbon:
alpha: 0.6
zIndex: -1
click_to_change: false
mobile: false # false 手機端不顯示 true 手機端顯示
# 動態彩帶
canvas_ribbon_piao:
enable: false
mobile: false # false 手機端不顯示 true 手機端顯示
# canvas_nest
# https://github.com/hustcc/canvas-nest.js
@@ -375,23 +342,47 @@ canvas_nest:
opacity: 0.7 # the opacity of line (0~1), default: 0.5.
zIndex: -1 # z-index property of the background, default: -1.
count: 99 # the number of lines, default: 99.
script: https://cdn.jsdelivr.net/gh/jerryc127/CDN/js/canvas-nest.js # or /js/third-party/canvas-nest.js
mobile: false # false 手機端不顯示 true 手機端顯示
# 打字效果
activate_power_mode:
enable: false
# 鼠標點擊效果
# 避免卡頓，建議只開啓一個
# 點擊烟火特效
fireworks:
enable: false
# 點擊出現愛心
click_heart:
enable: false
# 點擊出現文字，文字可自行修改
ClickShowText:
enable: false
text:
- 富强
- 民主
- 文明
- 和谐
- 自由
- 平等
- 公正
- 法治
- 爱国
- 敬业
- 诚信
- 友善
fontSize: 15px
# 頭像會一直轉圈
avatar_effect: false
# 網站顯示模式
# day 默認模式
# night 黑暗模式（不建議）
display_mode: day
# light 默認模式
# dark 黑暗模式（不建議）
display_mode: light
# 美化post頁顯示
post_beautify:
@@ -407,7 +398,7 @@ font:
# 網站名字字體
# 左上角網站名字 主頁居中網站名字
blog_title_font:
blog_title_font:
font_link: https://fonts.googleapis.com/css?family=Titillium+Web #字體鏈接
font-family: Titillium Web, PingFang SC, Hiragino Sans GB, "Microsoft YaHei", Helvetica Neue, Helvetica, Arial, sans-serif
@@ -419,15 +410,22 @@ hr:
# 主頁subtitle
# 打字效果
# (如果有英文逗號' , '，請使用轉義字符 &#44;)
subtitle:
enable: true
# source調用第三方服務
# source: false 關閉調用
# source: 1 調用金山詞霸的每日一句（簡體）
# source: 2 調用一言网的一句話（簡體） #https://hitokoto.cn/
# source: 3 調用一句网（簡體） http://yijuzhan.com/
# source: 4 調用今日詩詞（簡體） https://www.jinrishici.com/
# subtitle 會先顯示 source , 再顯示 sub 的内容
source: false
# (如果有英文逗號' , '，請使用轉義字符 &#44;)
sub:
- 今日事&#44;今日畢
- Never put off till tomorrow what you can do today
#### 側邊欄 ####
#-------------------------------------
# 側邊欄顯示設置
@@ -459,7 +457,6 @@ runtimeshow:
enable: true
start_date: 6/7/2018 00:00:00
#### 右下角按鈕 ####
#----------------------------------------------
# 簡繁轉換
@@ -478,18 +475,39 @@ translate:
#當文字是繁體時，按鈕顯示的文字
msgToSimplifiedChinese: "简"
# 夜間模式
nightshift:
enable: true
#閲讀模式
readmode:
enable: true
# 夜間模式
darkmode:
enable: true
# 自動切換 dark mode和 light mode
# autoChangeMode: 1 跟隨系統而變化，不支持的瀏覽器/系統將按照時間晚上6點到早上6點之間切換為 dark mode
# autoChangeMode: 2 只按照時間晚上6點到早上6點之間切換為 dark mode
# autoChangeMode: false 取消自動切換
autoChangeMode: false
#### other ####
#------------------------------------------------
# 圖片大圖查看模式
# 默認為 fancybox http://fancyapps.com/fancybox/3/
# 可以選擇改爲 medium_zoom https://github.com/francoischalifour/medium-zoom
medium_zoom:
enable: false
# Snackbar 彈窗
# https://github.com/polonel/SnackBar
# position 彈窗位置
# 可選 top-left / top-center / top-right / bottom-left / bottom-center / bottom-right
snackbar:
enable: false
position: bottom-left
bg_light: '#49b1f5' #light mode時彈窗背景
bg_dark: '#2d3035' #dark mode時彈窗背景
#百度推送
baidu_push:
enable: false
@@ -507,7 +525,7 @@ note:
# - modern bs-callout new (v2-v3) alert style.
# - flat flat callout style with background, like on Mozilla or StackOverflow.
# - disabled disable all CSS styles import of note tag.
style: simple
style: flat
icons: true
border_radius: 3
# Offset lighter of background in % for modern and flat styles (modern: -12 | 12; flat: -18 | 6).
@@ -515,9 +533,9 @@ note:
light_bg_offset: 0
# 圖片懶加載
# https://github.com/aFarkas/lazysizes
lazyload:
enable: true
script: https://cdn.jsdelivr.net/npm/lozad/dist/lozad.min.js
# 避免重複網址分散seo
canonical: true
@@ -532,3 +550,76 @@ twitter_meta: true
# facebook QQ 等 分享自動帶上樣式
# https://i.loli.net/2019/09/08/2wbFJEKloisRvhj.png
Open_Graph_meta: true
# CDN
# 網站必須
# 可根據需要自行添加js/css
CDN_USE:
css:
- /css/index.css
- https://cdn.jsdelivr.net/npm/font-awesome@latest/css/font-awesome.min.css
# - https://use.fontawesome.com/releases/v5.8.1/css/all.css #fontawesomeV5_css
js:
- https://cdn.jsdelivr.net/npm/jquery@latest/dist/jquery.min.js #/js/third-party/jquery.min.js
- /js/utils.js
- /js/main.js
# CDN
# 非必要不要修改
CDN:
#comments
blueimp-md5: https://cdn.jsdelivr.net/npm/blueimp-md5@2.10.0/js/md5.min.js
gitalk: https://cdn.jsdelivr.net/npm/gitalk@latest/dist/gitalk.min.js
gitalk_css: https://cdn.jsdelivr.net/npm/gitalk/dist/gitalk.min.css
valine: https://cdn.jsdelivr.net/npm/valine/dist/Valine.min.js
# share
addtoany: https://static.addtoany.com/menu/page.js
sharejs: https://cdn.jsdelivr.net/npm/social-share.js@1.0.16/dist/js/social-share.min.js
sharejs_css: https://cdn.jsdelivr.net/npm/social-share.js@1.0.16/dist/css/share.min.css
#search
algolia_search: https://cdn.jsdelivr.net/npm/instantsearch.js@2.1.1/dist/instantsearch.min.js
algolia_search_css: https://cdn.jsdelivr.net/npm/instantsearch.js@2.1.1/dist/instantsearch.min.css
algolia_js: /js/search/algolia.js
local_search: /js/search/local-search.js
mathjax: https://cdn.jsdelivr.net/npm/mathjax/MathJax.js?config=TeX-AMS-MML_HTMLorMML
katex: https://cdn.jsdelivr.net/npm/katex@latest/dist/katex.min.css
katex_copytex: https://cdn.jsdelivr.net/npm/katex-copytex@latest/dist/katex-copytex.min.js
katex_copytex_css: https://cdn.jsdelivr.net/npm/katex-copytex@latest/dist/katex-copytex.min.css
#不蒜子計數器
busuanzi: //busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js
# 背景特效
canvas_ribbon: /js/third-party/canvas-ribbon.js # https://cdn.jsdelivr.net/gh/jerryc127/butterfly_cdn@latest/js/canvas-ribbon.js
canvas_ribbon_piao: /js/third-party/piao.js # https://cdn.jsdelivr.net/gh/jerryc127/butterfly_cdn@latest/js/piao.js
canvas_nest: /js/third-party/canvas-nest.js # https://cdn.jsdelivr.net/gh/jerryc127/butterfly_cdn@latest/js/canvas-nest.js
lazyload: https://cdn.jsdelivr.net/npm/lazysizes@latest/lazysizes.min.js
instantpage: https://cdn.jsdelivr.net/npm/instant.page@latest/instantpage.min.js
typed: https://cdn.jsdelivr.net/npm/typed.js
js_cookies: https://cdn.jsdelivr.net/npm/js-cookie/dist/js.cookie.min.js
fancybox_css: https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@latest/dist/jquery.fancybox.min.css
fancybox: https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@latest/dist/jquery.fancybox.min.js #/js/third-party/jquery.fancybox.min.js
medium_zoom: https://cdn.jsdelivr.net/npm/medium-zoom/dist/medium-zoom.min.js
snackbar_css: https://cdn.jsdelivr.net/npm/node-snackbar@0.1.15/dist/snackbar.min.css
snackbar: https://cdn.jsdelivr.net/npm/node-snackbar@0.1.15/dist/snackbar.min.js
#鼠标点击特效
anime: https://cdn.jsdelivr.net/npm/animejs@latest/anime.min.js #/js/third-party/anime.min.js
activate_power_mode: /js/third-party/activate-power-mode.js # https://cdn.jsdelivr.net/gh/jerryc127/butterfly_cdn@latest/js/activate-power-mode.js
fireworks: /js/third-party/fireworks.js # https://cdn.jsdelivr.net/gh/jerryc127/butterfly_cdn@latest/js/fireworks.js
click_heart: /js/third-party/click_heart.js # https://cdn.jsdelivr.net/gh/jerryc127/butterfly_cdn@latest/js/click_heart.js
ClickShowText: /js/third-party/ClickShowText.js # https://cdn.jsdelivr.net/gh/jerryc127/butterfly_cdn@latest/js/ClickShowText.js
translate: /js/tw_cn.js
runtimeshow: js/runtimeshow.js

12
languages/default.yml
View File

@@ -73,8 +73,7 @@ share: Share
bookmark:
title: Bookmark
message_prev: Press
message_next: to bookmark this page
rightside:
readmode_title: Read Mode
@@ -94,3 +93,12 @@ copy_copyright:
link: Link
source: Source
info: Copyright is owned by the author. For commercial reprints, please contact the author for authorization. For non-commercial reprints, please indicate the source.
Snackbar:
bookmark:
message_prev: Press
message_next: to bookmark this page
chs_to_cht: Traditional Chinese Activated Manually
cht_to_chs: Simplified Chinese Activated Manually
day_to_night: Light Mode Activated Manually
night_to_day: Dark Mode Activated Manually

13
languages/en.yml
View File

@@ -72,8 +72,6 @@ donate: Donate
share: Share
bookmark:
title: Bookmark
message_prev: Press
message_next: to bookmark this page
rightside:
readmode_title: Read Mode
@@ -92,4 +90,13 @@ copy_copyright:
author: Author
link: Link
source: Source
info: Copyright is owned by the author. For commercial reprints, please contact the author for authorization. For non-commercial reprints, please indicate the source.
info: Copyright is owned by the author. For commercial reprints, please contact the author for authorization. For non-commercial reprints, please indicate the source.
Snackbar:
bookmark:
message_prev: Press
message_next: to bookmark this page
chs_to_cht: Traditional Chinese Activated Manually
cht_to_chs: Simplified Chinese Activated Manually
day_to_night: Light Mode Activated Manually
night_to_day: Dark Mode Activated Manually

14
languages/zh-CN.yml
View File

@@ -73,8 +73,7 @@ donate: 打赏
share: 分享
bookmark:
title: 添加书签
message_prev: 按
message_next: 键将本页加入书签
rightside:
readmode_title: 阅读模式
@@ -93,4 +92,13 @@ copy_copyright:
author: 作者
link: 链接
source: 来源
info: 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
info: 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
Snackbar:
bookmark:
message_prev: 按
message_next: 键将本页加入书签
chs_to_cht: 你已切换为繁体
cht_to_chs: 你已切换为简体
day_to_night: 你已切换为深色模式
night_to_day: 你已切换为浅色模式

16
languages/zh-TW.yml
View File

@@ -74,8 +74,7 @@ donate: 打賞
share: 分享
bookmark:
title: 添加書籤
message_prev: 按
message_next: 鍵將本頁加入書籤
rightside:
readmode_title: 閲讀模式
@@ -94,4 +93,15 @@ copy_copyright:
author: 作者
link: 鏈接
source: 來源
info: 著作權歸作者所有。商業轉載請聯繫作者獲得授權，非商業轉載請註明出處。
info: 著作權歸作者所有。商業轉載請聯繫作者獲得授權，非商業轉載請註明出處。
Snackbar:
bookmark:
message_prev: 按
message_next: 鍵將本頁加入書籤
chs_to_cht: 你已切換為繁體
cht_to_chs: 你已切換為簡體
day_to_night: 你已切換為深色模式
night_to_day: 你已切換為淺色模式

2
layout/flink.pug
View File

@@ -7,7 +7,7 @@
li.md-links-item
a(href=item.link title=item.name target="_blank")
if theme.lazyload.enable
img.lozad(data-src=item.avatar onerror=`onerror=null;src='${theme.lodding_bg.flink}'` height="72px")
img.lazyload(data-src=item.avatar onerror=`onerror=null;src='${theme.lodding_bg.flink}'` height="72px")
else
img(src=item.avatar onerror=`onerror=null;src='${theme.lodding_bg.flink}'` height="72px")
div(class="md-links-title")= item.name

4
layout/gallery.pug
View File

@@ -1,4 +0,0 @@
extends includes/layout.pug
block content
include includes/gallery/layout.pug

68
layout/includes/additional-js.pug
View File

@@ -1,20 +1,25 @@
if (theme.medium_zoom && theme.medium_zoom.enable)
script(src=url_for(theme.CDN.medium_zoom))
else
script(src=url_for(theme.CDN.fancybox))
if (theme.algolia_search.enable)
script(async src=url_for('/js/search/algolia.js'))
script(async src=url_for(theme.CDN.algolia_js))
if (theme.mathjax && theme.mathjax.enable)
if(!is_tag() && !is_category() && !is_archive())
if(!is_tag() && !is_category() && !is_archive() && !is_home())
include ./third-party/mathjax.pug
if (theme.katex && theme.katex.enable)
if(!is_tag() && !is_category() && !is_archive())
if(!is_tag() && !is_category() && !is_archive() && !is_home())
include ./third-party/katex.pug
if (theme.local_search && theme.local_search.enable)
script(async src=url_for('/js/search/local-search.js'))
script(async src=url_for(theme.CDN.local_search))
if theme.fireworks && theme.fireworks.enable
script(src='https://cdn.jsdelivr.net/npm/animejs@latest/anime.min.js')
script(src=url_for('/js/third-party/fireworks.js'))
script(src=url_for(theme.CDN.anime))
script(src=url_for(theme.CDN.fireworks))
if theme.nightshift.enable
script(src=url_for('js/nightshift.js'))
if (theme.snackbar && theme.snackbar.enable)
script(src=url_for(theme.CDN.snackbar))
if (theme.canvas_ribbon && theme.canvas_ribbon.enable)
include ./third-party/canvas-ribbon.pug
@@ -29,55 +34,32 @@ if theme.baidu_push && theme.baidu_push.enable
script(src=url_for('js/baidupush.js'))
if theme.activate_power_mode.enable
script(src=url_for('js/activate-power-mode.js'))
script(src=url_for(theme.CDN.activate_power_mode))
script.
POWERMODE.colorful = true; // make power mode colorful
POWERMODE.shake = true; // turn off shake
document.body.addEventListener('input', POWERMODE);
if theme.translate && theme.translate.enable
script(src=url_for('/js/tw_cn.js'))
script(src=url_for(theme.CDN.translate))
script.
translateInitilization()
if is_home() && theme.subtitle.enable
script(src="https://cdn.jsdelivr.net/npm/typed.js@2.0.9")
script.
var typed = new Typed(".subtitle", {
strings: '!{theme.subtitle.sub}'.split(","),
startDelay: 300,
typeSpeed: 100,
loop: true,
backSpeed: 50
});
if is_home()
include index-js.pug
if theme.busuanzi.site_uv || theme.busuanzi.site_pv || theme.busuanzi.page_pv
script(async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js")
script(async src=url_for(theme.CDN.busuanzi))
if theme.instantpage.enable
script(src="https://cdn.jsdelivr.net/npm/instant.page@1.2.2/instantpage.min.js" type="module")
script(src=url_for(theme.CDN.instantpage) type="module")
if theme.lazyload.enable
script(src=url_for(theme.lazyload.script))
script.
const observer = lozad(); // lazy loads elements with default selector as '.lozad'
observer.observe();
script(src=url_for(theme.CDN.lazyload) async="")
if is_home() && !theme.index_top_img_height && !theme.index_site_info_top
script.
//首頁fullpage
function alignContent() {
for (var n = $(window).height(), e = document.querySelectorAll(".full_page"), i = 0; i < e.length; i++)
e[i].style.height = n + "px";
$("#site-info").each(function () {
var x = $(this).height();
$(this).css("top", (n-x)/2)
})
}
alignContent();
$(window).bind("resize", function () {
alignContent()
})
//- 鼠標特效
if theme.click_heart && theme.click_heart.enable
script(src=url_for(theme.CDN.click_heart))
if theme.ClickShowText && theme.ClickShowText.enable
script(src=url_for(theme.CDN.ClickShowText))

13
layout/includes/comments/gitment.pug
View File

@@ -1,13 +0,0 @@
if theme.gitment && theme.gitment.enable
#gitment-container
script.
var gitment = new Gitment({
id: md5(decodeURI(location.pathname)),
owner: '!{theme.gitment.owner}',
repo: '!{theme.gitment.repo}',
oauth: {
client_id: '!{theme.gitment.client_id}',
client_secret: '!{theme.gitment.client_secret}'
}
})
gitment.render('gitment-container')

44
layout/includes/comments/index.pug
View File

@@ -1,35 +1,19 @@
if theme.disqus && theme.disqus.enable
- var d = theme.disqus && theme.disqus.enable
- var l = theme.laibili && theme.laibili.enable
- var gt = theme.gitalk && theme.gitalk.enable
- var v = theme.valine && theme.valine.enable
if d || l || gt || v
hr
#post-comment
.comment_headling
i.fa.fa-comments.fa-fw(aria-hidden="true")
span= ' ' + _p('comment')
include ./disqus.pug
else if theme.laibili && theme.laibili.enable
hr
#post-comment
.comment_headling
i.fa.fa-comments.fa-fw(aria-hidden="true")
span= ' ' + _p('comment')
include ./laibili.pug
else if theme.gitment && theme.gitment.enable
hr
#post-comment
.comment_headling
i.fa.fa-comments.fa-fw(aria-hidden="true")
span= ' ' + _p('comment')
include ./gitment.pug
else if theme.gitalk && theme.gitalk.enable
hr
#post-comment
.comment_headling
i.fa.fa-comments.fa-fw(aria-hidden="true")
span= ' ' + _p('comment')
include ./gitalk.pug
else if theme.valine && theme.valine.enable
hr
#post-comment
.comment_headling
i.fa.fa-comments.fa-fw(aria-hidden="true")
span= ' ' + _p('comment')
include ./valine.pug
if d
include ./disqus.pug
else if l
include ./laibili.pug
else if gt
include ./gitalk.pug
else if v
include ./valine.pug

2
layout/includes/comments/valine.pug
View File

@@ -1,6 +1,6 @@
if theme.valine && theme.valine.enable
#vcomment.vcomment
script(src='https://cdn.jsdelivr.net/npm/valine/dist/Valine.min.js')
script(src=url_for(theme.CDN.valine))
script.
var notify = #{ theme.valine.notify } == true ? true : false;
var verify = #{ theme.valine.verify } == true ? true : false;

38
layout/includes/config.pug
View File

@@ -49,9 +49,34 @@
})
}
var copy_copyright_js = theme.copy.enable && theme.copy.copyright
var copy_copyright_js = theme.copy.enable && theme.copy.copyright;
var ClickShowText = 'undefined';
if (theme.ClickShowText && theme.ClickShowText.enable) {
ClickShowText = JSON.stringify({
text: theme.ClickShowText.text.join(","),
fontSize: theme.ClickShowText.fontSize
})
}
var Snackbar = 'undefined';
if (theme.snackbar && theme.snackbar.enable) {
Snackbar = JSON.stringify({
bookmark: {
title: _p("Snackbar.bookmark.title"),
message_prev: _p("Snackbar.bookmark.message_prev"),
message_next: _p("Snackbar.bookmark.message_next")
},
chs_to_cht: _p("Snackbar.chs_to_cht"),
cht_to_chs: _p("Snackbar.cht_to_chs"),
day_to_night: _p("Snackbar.day_to_night"),
night_to_day: _p("Snackbar.night_to_day"),
bgLight: theme.snackbar.bg_light,
bgDark: theme.snackbar.bg_dark,
position: theme.snackbar.position,
})
}
script.
var GLOBAL_CONFIG = {
@@ -68,13 +93,16 @@ script.
noSupport: '!{_p("copy.noSupport")}'
},
bookmark: {
title: '!{_p("bookmark.title")}',
message_prev: '!{_p("bookmark.message_prev")}',
message_next: '!{_p("bookmark.message_next")}'
title: '!{_p("Snackbar.bookmark.title")}',
message_prev: '!{_p("Snackbar.bookmark.message_prev")}',
message_next: '!{_p("Snackbar.bookmark.message_next")}'
},
runtime_unit: '!{_p("runtime_unit")}',
copyright: !{copyright},
copy_copyright_js: !{copy_copyright_js}
copy_copyright_js: !{copy_copyright_js},
ClickShowText: !{ClickShowText},
medium_zoom: '!{theme.medium_zoom.enable}',
Snackbar: !{Snackbar}
}

48
layout/includes/darkmode.pug Normal file
View File

@@ -0,0 +1,48 @@
script.
const autoChangeMode = '#{theme.autoChangeMode}'
var t = Cookies.get("theme");
if (autoChangeMode == '1'){
const isDarkMode = window.matchMedia("(prefers-color-scheme: dark)").matches
const isLightMode = window.matchMedia("(prefers-color-scheme: light)").matches
const isNotSpecified = window.matchMedia("(prefers-color-scheme: no-preference)").matches
const hasNoSupport = !isDarkMode && !isLightMode && !isNotSpecified
if (t === undefined){
if (isLightMode) activateLightMode()
else if (isDarkMode) activateDarkMode()
else if (isNotSpecified || hasNoSupport){
console.log('You specified no preference for a color scheme or your browser does not support it. I Schedule dark mode during night time.')
now = new Date();
hour = now.getHours();
isNight = hour < 6 || hour >= 18
isNight ? activateDarkMode() : activateLightMode()
}
} else if (t == 'light') activateLightMode()
else activateDarkMode()
} else if (autoChangeMode == '2'){
now = new Date();
hour = now.getHours();
isNight = hour < 6 || hour >= 18
if(t === undefined) isNight? activateDarkMode() : activateLightMode()
else if (t === 'light') activateLightMode()
else activateDarkMode()
} else {
if ( t == 'dark' ) activateDarkMode()
else if ( t == 'light') activateLightMode()
}
function activateDarkMode(){
document.documentElement.setAttribute('data-theme', 'dark')
if (document.querySelector('meta[name="theme-color"]') !== null){
document.querySelector('meta[name="theme-color"]').setAttribute('content','#000')
}
}
function activateLightMode(){
document.documentElement.setAttribute('data-theme', 'light')
if (document.querySelector('meta[name="theme-color"]') !== null){
document.querySelector('meta[name="theme-color"]').setAttribute('content','#fff')
}
}

2
layout/includes/footer.pug
View File

@@ -1,4 +1,4 @@
#footer
#footer-wrap
- var now = new Date()
- var nowYear = now.getFullYear()
if theme.since && theme.since != nowYear

1
layout/includes/gallery/layout.pug
View File

@@ -1 +0,0 @@
#gallery!= page.content

0
layout/includes/gallery/script.pug
View File

178
layout/includes/head.pug
View File

@@ -1,61 +1,25 @@
if is_home()
- var top_img = theme.index_img || theme.default_top_img
else if is_archive()
- var top_img = theme.archive_img || theme.default_top_img
else if is_tag()
- var top_img = theme.tag_img || theme.default_top_img
else if is_category()
- var top_img = theme.category_img || theme.default_top_img
else if is_current('/movies/', [strict])
- var top_img = theme.movies_img || theme.default_top_img
else if !is_post()
- var top_img = page.top_img || theme.default_top_img
- var without_index = url.replace('index.html', '')
- var without_html = without_index.replace('.html', '')
- var photo_check = is_post() ? page.cover || theme.avatar : theme.avatar
- var photo_link = url_check (photo_check) ? photo_check : config.url + photo_check
meta(http-equiv="x-dns-prefetch-control" content="on")
if theme.canonical
link(rel="canonical" href=without_html)
if theme.twitter_meta
meta(name="twitter:card" content="summary_large_image")
meta(name="twitter:title" content=pageTitle_no_include_blog_name)
meta(name="twitter:description" content=pageDescription)
meta(name="twitter:image" content=photo_link)
if theme.Open_Graph_meta
if is_post()
meta(property="og:type" content="article")
else
meta(property="og:type" content="website")
meta(property="og:title" content=pageTitle_no_include_blog_name)
meta(property="og:url" content=without_html)
meta(property="og:site_name" content=config.title)
meta(property="og:description" content=pageDescription)
meta(property="og:image" content=photo_link)
if theme.disable_baidu_transformation
meta(http-equiv="Cache-Control" content="no-transform")
meta(http-equiv="Cache-Control" content="no-siteapp")
if is_post()
if(page.prev)
link(rel="prev" title=page.prev.title href=url_for(page.prev.permalink) )
if(page.next)
link(rel="next" title=page.next.title href=url_for(page.next.permalink) )
if theme.algolia_search.enable
link(rel="dns-prefetch" href="https://cdn.jsdelivr.net")
link(rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/instantsearch.js@2.1.1/dist/instantsearch.min.css")
script(src="https://cdn.jsdelivr.net/npm/instantsearch.js@2.1.1/dist/instantsearch.min.js" defer)
if (theme.gitment && theme.gitment.enable)
link(rel="dns-prefetch" href="https://unpkg.com")
link(rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/gitment/style/default.min.css")
script(src="https://cdn.jsdelivr.net/npm/gitment/dist/gitment.browser.min.js")
script(src="https://cdn.jsdelivr.net/npm/blueimp-md5@2.10.0/js/md5.min.js")
if (theme.gitalk && theme.gitalk.enable)
link(rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/gitalk/dist/gitalk.min.css")
if(theme.gitalk.js)
script(src=theme.gitalk.js)
else
script(src="https://cdn.jsdelivr.net/npm/gitalk@latest/dist/gitalk.min.js")
script(src="https://cdn.jsdelivr.net/npm/blueimp-md5@2.10.0/js/md5.min.js")
//- 預解析
link(rel="preconnect" href="//cdn.jsdelivr.net")
//- PWA
if (theme.pwa && theme.pwa.enable)
link(rel="manifest" href=theme.pwa.manifest)
if(theme.pwa.theme_color)
@@ -71,28 +35,7 @@ if (theme.pwa && theme.pwa.enable)
if(theme.pwa.mask_icon)
link(rel="mask-icon" href=theme.pwa.mask_icon color="#5bbad5")
if theme.baidu_analytics
link(rel="dns-prefetch" href="https://hm.baidu.com")
script.
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?!{theme.baidu_analytics}";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
if theme.google_analytics
link(rel="dns-prefetch" href="https://www.google-analytics.com")
script.
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', '!{theme.google_analytics}', 'auto');
ga('send', 'pageview');
//- 網站驗證
if theme.google_site_verification
meta(name="google-site-verification" content=theme.google_site_verification)
@@ -105,20 +48,83 @@ if theme.baidu_site_verification
if theme.qihu_site_verification
meta(name="360-site-verification" content=theme.qihu_site_verification)
//- twitter meta
if theme.twitter_meta
meta(name="twitter:card" content="summary_large_image")
meta(name="twitter:title" content=pageTitle_no_include_blog_name)
meta(name="twitter:description" content=pageDescription)
meta(name="twitter:image" content=photo_link)
- var preload_archive_img = theme.archive_img ||theme.top_img || config.top_img
- var preload_tag_img = theme.tag_img ||theme.top_img || config.top_img
- var preload_category_img = theme.category_img ||theme.top_img || config.top_img
- var preload_img = page.top_img || theme.top_img || config.top_img
//- Open_Graph
if theme.Open_Graph_meta
- var contentType = is_post() ? 'article' : 'website'
meta(property="og:type" content=contentType)
meta(property="og:title" content=pageTitle_no_include_blog_name)
meta(property="og:url" content=without_html)
meta(property="og:site_name" content=config.title)
meta(property="og:description" content=pageDescription)
meta(property="og:image" content=photo_link)
if (is_archive() && preload_archive_img)
link(rel="preload" href=url_for(preload_archive_img) as="image" )
else if (is_tag() && preload_tag_img)
link(rel="preload" href=url_for(preload_tag_img) as="image" )
else if (is_category() && preload_category_img)
link(rel="preload" href=url_for(preload_category_img) as="image" )
else if (!is_post() && preload_img)
link(rel="preload" href=url_for(preload_img) as="image" )
if theme.disable_baidu_transformation
meta(http-equiv="Cache-Control" content="no-transform")
meta(http-equiv="Cache-Control" content="no-siteapp")
script(src=url_for(theme.CDN.js_cookies))
if (theme.darkmode && theme.darkmode.enable) || theme.autoChangeMode !== false
include ./darkmode
each item in theme.CDN_USE.css
link(rel='stylesheet', href=url_for(item))
if (theme.medium_zoom && !theme.medium_zoom.enable)
link(rel='stylesheet', href=url_for(theme.CDN.fancybox_css))
if (theme.snackbar && theme.snackbar.enable)
link(rel='stylesheet', href=url_for(theme.CDN.snackbar_css))
if theme.canonical
link(rel="canonical" href=without_html)
if is_post()
if(page.prev)
link(rel="prev" title=page.prev.title href=url_for(page.prev.permalink) )
if(page.next)
link(rel="next" title=page.next.title href=url_for(page.next.permalink) )
if theme.algolia_search.enable
link(rel="stylesheet" type="text/css" href=url_for(theme.CDN.algolia_search_css))
script(src=url_for(theme.CDN.algolia_search) defer)
if (theme.gitalk && theme.gitalk.enable)
link(rel="stylesheet" type="text/css" href=url_for(gitalk_css))
script(src=url_for(theme.CDN.gitalk))
script(src=url_for(theme.CDN.blueimp-md5))
if theme.baidu_analytics
link(rel="dns-prefetch" href="https://hm.baidu.com")
script.
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?!{theme.baidu_analytics}";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
if theme.google_analytics
link(rel="dns-prefetch" href="https://www.google-analytics.com")
script.
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', '!{theme.google_analytics}', 'auto');
ga('send', 'pageview');
if !is_post()
link(rel="preload" href=url_for(top_img) as="image" )
if theme.blog_title_font.font_link
link(rel='stylesheet', href=url_for(theme.blog_title_font.font_link))

8
layout/includes/header.pug
View File

@@ -1,12 +1,12 @@
#header
#page-header
span#blog_name.pull-left
span#blog_name.pull_left
a#site-name.blog_title(href=url_for('/')) #[=config.title]
i.fa.fa-bars.fa-fw.toggle-menu.pull-right.close(aria-hidden="true")
span.pull-right.menus
i.fa.fa-bars.fa-fw.toggle-menu.pull_right.close(aria-hidden="true")
span.pull_right.menus
.menus_items
include menu_item.pug
span#search_button.pull-right
span#search_button.pull_right
if (theme.algolia_search.enable || theme.local_search && theme.local_search.enable)
a.site-page.social-icon.search
i.fa.fa-search.fa-fw

113
layout/includes/index-js.pug Normal file
View File

@@ -0,0 +1,113 @@
script.
if (/Android|webOS|iPhone|iPod|iPad|BlackBerry/i.test(navigator.userAgent)) {} else {
$('.full_page .nav_bg').css('background-attachment', 'fixed');
}
if theme.subtitle.enable
script(src=url_for(theme.CDN.typed))
- var source = theme.subtitle.source
if source == '1' || source == '2'
script(src="https://cdn.jsdelivr.net/npm/bluebird@3/js/browser/bluebird.min.js")
script(src="https://cdn.jsdelivr.net/npm/whatwg-fetch@2.0.3/fetch.min.js")
if source == '1'
script.
fetch('https://api.ooopn.com/ciba/api.php',)
.then(function (res){
return res.json();
})
.then(function (data) {
var sub = '!{theme.subtitle.sub}'.length == 0 ? new Array() : '!{theme.subtitle.sub}'.split(",");
var both = sub.unshift(data['ciba-en'],data.ciba)
var typed = new Typed(".subtitle", {
strings: sub,
startDelay: 300,
typeSpeed: 100,
loop: true,
backSpeed: 50
});
})
.catch(function (err) {
console.error(err);
})
else if source == '2'
script.
fetch('https://v1.hitokoto.cn')
.then(function (res){
return res.json();
})
.then(function (data) {
var sub = '!{theme.subtitle.sub}'.length == 0 ? new Array() : '!{theme.subtitle.sub}'.split(",");
var both = sub.unshift(data.hitokoto)
var typed = new Typed(".subtitle", {
strings: sub,
startDelay: 300,
typeSpeed: 100,
loop: true,
backSpeed: 50
});
})
.catch(function (err) {
console.error(err);
})
else if source == "3"
script(type="text/javascript" src="http://yijuzhan.com/api/word.php?m=js")
script.
var con = str[0];
var author = "出自 " + str[1];
var sub = '!{theme.subtitle.sub}'.length == 0 ? new Array() : '!{theme.subtitle.sub}'.split(",");
var both = sub.unshift(con,author)
var typed = new Typed(".subtitle", {
strings: sub,
startDelay: 300,
typeSpeed: 100,
loop: true,
backSpeed: 50
});
else if source == '4'
script(type="text/javascript" src="https://sdk.jinrishici.com/v2/browser/jinrishici.js")
script.
jinrishici.load(function(result) {
var sub = '!{theme.subtitle.sub}'.length == 0 ? new Array() : '!{theme.subtitle.sub}'.split(",");
var content = result.data.content;
var both = sub.unshift(content)
var typed = new Typed(".subtitle", {
strings: sub,
startDelay: 300,
typeSpeed: 100,
loop: true,
backSpeed: 50
});
})
else
script.
var typed = new Typed(".subtitle", {
strings: '!{theme.subtitle.sub}'.split(","),
startDelay: 300,
typeSpeed: 100,
loop: true,
backSpeed: 50
});
if !theme.index_top_img_height && !theme.index_site_info_top
script.
//首頁fullpage
function alignContent() {
for (var n = $(window).height(), e = document.querySelectorAll(".full_page"), i = 0; i < e.length; i++)
e[i].style.height = n + "px";
$("#site-info").each(function () {
var x = $(this).height();
$(this).css("top", (n-x)/2)
})
}
alignContent();
$(window).bind("resize", function () {
alignContent()
})

27
layout/includes/layout.pug
View File

@@ -23,11 +23,9 @@
- if (page.tags && page.tags.data) pageKeywords = page.tags.data.map(function(tag) {return tag.name;}).join(',')
- var pageAuthor = config.email ? config.author + ',' + config.email : config.author
- var pageCopyright = config.copyright || config.author
- var body_class = theme.display_mode == 'night' ? 'night-mode' : ''
doctype html
html(lang=config.language)
html(lang=config.language data-theme=theme.display_mode)
head
meta(charset='UTF-8')
meta(http-equiv="X-UA-Compatible" content="IE=edge")
@@ -39,22 +37,18 @@ html(lang=config.language)
meta(name="copyright" content=pageCopyright)
meta(name ="format-detection" content="telephone=no")
!=favicon_tag(config.favicon || theme.favicon || '/favicon.ico')
if theme.stylesheets !== undefined && theme.stylesheets.length > 0
each url in theme.stylesheets
link(rel='stylesheet', href=url_for(url))
each item in theme.cdn.css
if item !== undefined
link(rel='stylesheet', href=item)
include ./head.pug
include ./config.pug
body(class=body_class)
body
if theme.fireworks && theme.fireworks.enable
canvas.fireworks
include ./header.pug
include ./mobile-sidebar.pug
#body-wrap
if theme.background
#web_bg
- var source = theme.background
- var is_photo = source.substring(3,0) === 'url' ? 'photo':'color'
#web_bg(data-type=is_photo)
if (is_post() && page.toc != false && theme.toc.enable)
i.fa.fa-arrow-right#toggle-sidebar(aria-hidden="true")
include ./sidebar.pug
@@ -76,16 +70,11 @@ html(lang=config.language)
block content
- var footer_bg = theme.footer_bg == false ? '' : bg_img
footer(style=footer_bg)
footer#footer(style=footer_bg)
include ./footer.pug
include ./rightside.pug
each item in theme.cdn.js
if item !== undefined
script(src=url_for(item))
if theme.scripts !== undefined && theme.scripts.length > 0
//- scripts list from config.yml
each url in theme.scripts
script(src=url_for(url))
each item in theme.CDN_USE.js
script(src=url_for(item))
include ./additional-js.pug
include ./search/index.pug

4
layout/includes/menu_item.pug
View File

@@ -15,6 +15,4 @@ each value, label in theme.menu
li
a.site-page(href=trim(i.split('||')[1]))
i.fa-fw(class=trim(i.split('||')[2]))
span=' '+trim(i.split('||')[0])
script.
document.body.addEventListener('touchstart', function(){ });
span=' '+trim(i.split('||')[0])

8
layout/includes/mixins/UI.pug
View File

@@ -3,19 +3,19 @@ mixin UI_NEW(posts)
.recent-post-item.article-container
- var link = article.link || article.path
if index%2 == 0
.post_cover.is_left
.post_cover.pull_left.left_radius
a(href=url_for(link) title=article.title || _p('no_title'))
- var post_cover = article.cover
if theme.lazyload.enable
img.post_bg.lozad(data-src=`${post_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'`)
img.post_bg.lazyload(data-src=`${post_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'`)
else
img.post_bg(src=`${post_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'`)
else
.post_cover.is_right
.post_cover.pull_right.right_radius
a(href=url_for(link) title=article.title || _p('no_title'))
- var post_cover = article.cover
if theme.lazyload.enable
img.post_bg.lozad(data-src=`${post_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'`)
img.post_bg.lazyload(data-src=`${post_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'`)
else
img.post_bg(src=`${post_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'`)
.recent-post-info

2
layout/includes/mobile-sidebar.pug
View File

@@ -2,7 +2,7 @@
#menu_mask
#mobile-sidebar-menus
.mobile_author_icon
img.lozad.avatar_img(src=url_for(theme.avatar) onerror=`onerror=null;src='${theme.lodding_bg.flink}'`)
img.lazyload.avatar_img(src=url_for(theme.avatar) onerror=`onerror=null;src='${theme.lodding_bg.flink}'`)
.mobile_post_data
if site.posts.length
.mobile_data_item.is_center

8
layout/includes/nav.pug
View File

@@ -1,11 +1,3 @@
if is_archive()
- var top_img = theme.archive_img ||theme.top_img || config.top_img
else if is_tag()
- var top_img = theme.tag_img ||theme.top_img || config.top_img
else if is_category()
- var top_img = theme.category_img ||theme.top_img || config.top_img
else
- var top_img = page.top_img||theme.top_img || config.top_img
- var bg_img = top_img && top_img !== true ? `background-image: url(${top_img})` : ''

12
layout/includes/pagination.pug
View File

@@ -14,11 +14,11 @@ else
nav#pagination.pagination_post
if(page.prev)
if(page.next)
.prev-post.pull-left
.prev-post.pull_left
- var pagination_cover = page.prev.cover
a(href=url_for(page.prev.path))
if theme.lazyload.enable
img.prev_cover.lozad(data-src=`${pagination_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'` )
img.prev_cover.lazyload(data-src=`${pagination_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'` )
else
img.prev_cover(src=`${pagination_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'` )
@@ -30,7 +30,7 @@ else
- var pagination_cover = page.prev.cover
a(href=url_for(page.prev.path))
if theme.lazyload.enable
img.prev_cover.lozad(data-src=`${pagination_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'`)
img.prev_cover.lazyload(data-src=`${pagination_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'`)
else
img.prev_cover(src=`${pagination_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'`)
.label=_p('pagination.prev')
@@ -39,11 +39,11 @@ else
if(page.next)
if(page.prev)
.next-post.pull-right
.next-post.pull_right
- var pagination_cover = page.next.cover
a(href=url_for(page.next.path))
if theme.lazyload.enable
img.next_cover.lozad(data-src=`${pagination_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'`)
img.next_cover.lazyload(data-src=`${pagination_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'`)
else
img.next_cover(src=`${pagination_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'`)
.label=_p('pagination.next')
@@ -54,7 +54,7 @@ else
- var pagination_cover = page.next.cover
a(href=url_for(page.next.path))
if theme.lazyload.enable
img.next_cover.lozad(data-src=`${pagination_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'`)
img.next_cover.lazyload(data-src=`${pagination_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'`)
else
img.next_cover(src=`${pagination_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'`)
.label=_p('pagination.next')

8
layout/includes/recent-posts.pug
View File

@@ -2,19 +2,19 @@ each article , index in page.posts.data
.recent-post-item.article-container
- var link = article.link || article.path
if index%2 == 0
.post_cover.is_left
.post_cover.pull_left.left_radius
a(href=url_for(link) title=article.title || _p('no_title'))
- var post_cover = article.cover
if theme.lazyload.enable
img.post_bg.lozad(data-src=`${post_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'`)
img.post_bg.lazyload(data-src=`${post_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'`)
else
img.post_bg(src=`${post_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'`)
else
.post_cover.is_right
.post_cover.pull_right.right_radius
a(href=url_for(link) title=article.title || _p('no_title'))
- var post_cover = article.cover
if theme.lazyload.enable
img.post_bg.lozad(data-src=`${post_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'`)
img.post_bg.lazyload(data-src=`${post_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'`)
else
img.post_bg(src=`${post_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'`)
.recent-post-info

2
layout/includes/reward.pug
View File

@@ -6,6 +6,6 @@
ul.reward-all
each item in theme.reward.QR_code
li.reward-item
img.lozad.post-qr-code__img(src=(item.itemlist||item).img)
img.lazyload.post-qr-code__img(src=(item.itemlist||item).img)
.post-qr-code__desc=(item.itemlist||item).text

10
layout/includes/rightside.pug
View File

@@ -5,14 +5,14 @@ section#rightside.rightside
i#font_plus.fa.fa-plus(title=_p('rightside.font_plus_title'))
i#font_minus.fa.fa-minus(title=_p('rightside.font_minus_title'))
if theme.translate && theme.translate.enable
a#translateLink.translate_chn_to_cht(href="javascript:translatePage();" title=_p('rightside.translate_title'))= theme.translate.default
if theme.nightshift && theme.nightshift.enable
- var display_mode = theme.display_mode == 'night'? 'fa fa-sun-o' : 'fa fa-moon-o'
i#nightshift.nightshift(class=display_mode title=_p('rightside.night_mode_title'))
a#translateLink.translate_chn_to_cht(href="javascript:translatePage();" title=_p('rightside.translate_title') target="_self")= theme.translate.default
if theme.darkmode && theme.darkmode.enable
- var display_mode = theme.display_mode == 'dark' ? 'fa fa-sun-o' : 'fa fa-moon-o'
i#darkmode.darkmode(class=display_mode title=_p('rightside.night_mode_title'))
#rightside-config-show
#rightside_config(title=_p("rightside.setting"))
i.fa.fa-cog(aria-hidden="true")
if is_post() && page.comments !== false
if is_post() && page.comments !== false && (d || l || gt || v)
a#to_comment(href="#post-comment" title=_p("rightside.scroll_to_comment"))
i.scroll_to_comment.fa.fa-comments
if is_post() && page.toc != false && theme.toc.enable

2
layout/includes/share/addtoany.pug
View File

@@ -4,6 +4,6 @@
a(class="a2a_button_" + name)
a.a2a_dd(href="https://www.addtoany.com/share")
script(async src="https://static.addtoany.com/menu/page.js")
script(async src=url_for(theme.CDN.addtoany))

4
layout/includes/share/share-js.pug
View File

@@ -1,4 +1,4 @@
if (theme.sharejs && theme.sharejs.enable)
.social-share(data-image= page.cover|| theme.avatar data-sites= theme.sharejs.sites)
link(rel="stylesheet" href="https://cdn.jsdelivr.net/npm/social-share.js@1.0.16/dist/css/share.min.css")
script(src="https://cdn.jsdelivr.net/npm/social-share.js@1.0.16/dist/js/social-share.min.js")
link(rel="stylesheet" href=url_for(theme.CDN.sharejs_css))
script(src=url_for(theme.CDN.sharejs))

2
layout/includes/third-party/canvas-nest.pug vendored
View File

@@ -1 +1 @@
script(color=theme.canvas_nest.color opacity=theme.canvas_nest.opacity zIndex=theme.canvas_nest.zIndex count=theme.canvas_nest.count src=url_for(theme.canvas_nest.script))
script#canvas_nest(color=theme.canvas_nest.color opacity=theme.canvas_nest.opacity zIndex=theme.canvas_nest.zIndex count=theme.canvas_nest.count mobile=`${theme.canvas_nest.mobile}` src=url_for(theme.CDN.canvas_nest))

2
layout/includes/third-party/canvas-ribbon-piao.pug vendored
View File

@@ -1 +1 @@
script(id="ribbon" src=url_for('https://cdn.jsdelivr.net/gh/jerryc127/CDN@latest/js/piao.js'))
script(id="ribbon_piao" mobile=`${theme.canvas_ribbon_piao.mobile}` src=url_for(theme.CDN.canvas_ribbon_piao))

4
layout/includes/third-party/canvas-ribbon.pug vendored
View File

@@ -1,3 +1,3 @@
script(id="ribbon" src=url_for('/js/third-party/canvas-ribbon.js') size=theme.canvas_ribbon.size
alpha=theme.canvas_ribbon.alpha zIndex=theme.canvas_ribbon.zIndex data-click=`${theme.canvas_ribbon.click_to_change}`)
script(id="ribbon" src=url_for(theme.CDN.canvas_ribbon) size=theme.canvas_ribbon.size
alpha=theme.canvas_ribbon.alpha zIndex=theme.canvas_ribbon.zIndex mobile=`${theme.canvas_ribbon.mobile}` data-click=`${theme.canvas_ribbon.click_to_change}`)

4
layout/includes/third-party/katex.pug vendored
View File

@@ -1,6 +1,6 @@
link(rel="stylesheet" type="text/css" href=theme.katex.cdn.css)
script(src='https://cdn.jsdelivr.net/npm/katex-copytex@latest/dist/katex-copytex.min.js')
link(rel="stylesheet" type="text/css" href='https://cdn.jsdelivr.net/npm/katex-copytex@latest/dist/katex-copytex.min.css')
script(src=url_for(theme.CDN.katex_copytex))
link(rel="stylesheet" type="text/css" href=theme.CDN.katex_copytex_css)
script.
$(function () {
$('span.katex-display').wrap('<div class="katex-wrap"></div>')

2
layout/includes/third-party/mathjax.pug vendored
View File

@@ -24,4 +24,4 @@ script(type="text/x-mathjax-config").
}
});
script(src=theme.mathjax.cdn)
script(src=theme.CDN.mathjax)

4
layout/includes/widget/card_author.pug
View File

@@ -2,7 +2,7 @@
.card-content
.post_data
.data-item.is_center
img.lozad.avatar_img(src=url_for(theme.avatar) onerror=`onerror=null;src='${theme.lodding_bg.flink}'`)
img.lazyload.avatar_img(src=url_for(theme.avatar) onerror=`onerror=null;src='${theme.lodding_bg.flink}'`)
p.author-info__name.is_center= config.author
p.author-info__description.is_center= config.description
@@ -29,7 +29,7 @@
p.length_num= site.categories.length
.post_data.is_center
a#bookmark-it.data-item.bookmark.bookmarke--primary.bookmark--animated(href="javascript:;" title= _p('aside.card_bookmark') )
a#bookmark-it.data-item.bookmark.bookmarke--primary.bookmark--animated(href="javascript:;" title= _p('aside.card_bookmark') target="_self")
i.fa.fa-bookmark(aria-hidden="true")
span= _p('aside.card_bookmark') || 'Follow Me'

2
layout/includes/widget/card_recent_post.pug
View File

@@ -11,7 +11,7 @@
- var post_cover = article.cover
.aside_post_cover
if theme.lazyload.enable
img.aside_post_bg.lozad(data-src=`${post_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'` title=article.title || _p('no_title'))
img.aside_post_bg.lazyload(data-src=`${post_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'` title=article.title || _p('no_title'))
else
img.aside_post_bg(src=`${post_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'` title=article.title || _p('no_title'))
div#aside_title

2
layout/includes/widget/card_webinfo.pug
View File

@@ -11,7 +11,7 @@
.webinfo_item
.webinfo_runtime_name= _p('aside.card_webinfo.runtime_name') + " :"
#webinfo_runtime_count.webinfo_runtime_count
script#runtionshow(src=url_for('js/runtimeshow.js') start_date=theme.runtimeshow.start_date)
script#runtionshow(src=url_for(theme.CDN.runtimeshow) start_date=theme.runtimeshow.start_date)
if theme.busuanzi.site_uv
.webinfo_item

9
layout/post.pug
View File

@@ -1,12 +1,12 @@
extends includes/layout.pug
block top_img
- var top_img = page.top_img || page.cover || theme.post_meta.top_img || theme.post_img || theme.top_img || config.top_img
- var top_img = page.top_img || page.cover || theme.post_meta.top_img || theme.default_top_img
- var bg_img = top_img !== true ? `background-image: url(${top_img})` : ''
div#top-container(style=bg_img)
#post-info
#post-title
.posttitle=page.title || _p('no_title')
.posttitle= page.title || _p('no_title')
#post-meta
if (theme.post_meta.date_type)
if (theme.post_meta.date_type === 'both')
@@ -31,13 +31,16 @@ block top_img
i.fa.fa-angle-right(aria-hidden="true")
.post-meta-wordcount
if (theme.wordcount && theme.wordcount.enable)
i.fa.fa-file-word-o.post-meta__icon(aria-hidden="true")
span= _p('post.wordcount') + ': '
span.word-count= wordcount(page.content)
span.post-meta__separator |
i.fa.fa-clock-o.post-meta__icon(aria-hidden="true")
span= _p('post.min2read', min2read(page.content, {cn: 350, en: 160}))
if (theme.wordcount && theme.wordcount.enable && theme.busuanzi.page_pv)
span.post-meta__separator |
if theme.busuanzi.page_pv
if theme.busuanzi.page_pv
i.fa.fa-eye.post-meta__icon(aria-hidden="true")
span= _p('post.page_pv') + ': '
span#busuanzi_value_page_pv

2
package.json
View File

@@ -1,5 +1,5 @@
{
"name": "hexo-theme-melody",
"version": "1.2.2",
"version": "2.0.0",
"description": "A Hexo Theme: Butterfly"
}

22
scripts/gallery-tag.js
View File

@@ -1,16 +1,6 @@
hexo.extend.tag.register('gallery', args => {
const url = args[0]
const title = args[1] || 'No title'
return `
<div
class="gallery-item"
style="background-image: url('${url}')"
data-title="${title}"
data-url="${url}"
>
<div class="gallery-item__title">
${title}
</div>
</div>
`
})
function gallery(args, content) {
return `<div class="justified-gallery">${hexo.render.renderSync({text: content, engine: 'markdown'})}
</div>`;
}
hexo.extend.tag.register('gallery', gallery, {ends: true});

2
scripts/list_archives.js
View File

@@ -100,7 +100,7 @@ hexo.extend.helper.register('list_archives', function (options = {}) {
if (data.length > limit) {
result += `<li class="${className}-list-item">`;
result += `<a class="${className}-list-link is_center" href="${archiveDir}" >`;
result += `<a class="${className}-list-link is_center" href="` + '/' + `${archiveDir}" >`;
result += more_button;
result += '</a>';
result += '</li>';

5
scripts/post-lazyload.js
View File

@@ -1,10 +1,9 @@
'use strict';
let cheerio;
hexo.extend.filter.register('after_post_render', data => {
var theme = hexo.theme.config;
if (!theme.lazyload.enable) return;
if (!cheerio) cheerio = require('cheerio');
const cheerio = require('cheerio');
const $ = cheerio.load(data.content, {decodeEntities: false});
const images = $('img');
@@ -13,7 +12,7 @@ hexo.extend.filter.register('after_post_render', data => {
images.each((i, o) => {
let src = $(o).attr('src');
$(o).attr('data-src', src).removeAttr('src');
$(o).addClass('lozad');
$(o).addClass('lazyload');
});
data.content = $.html();

2
scripts/related_post.js
View File

@@ -35,7 +35,7 @@ hexo.extend.helper.register('related_posts', function (currentPost, allPosts) {
relatedPosts = relatedPosts.sort(compare('weight'));
var lazy_src = hexo.theme.config.lazyload.enable ? lazy_src = 'data-src' : lazy_src = 'src'
var lazy_class = hexo.theme.config.lazyload.enable ? lazy_class = 'lozad' : lazy_class = ''
var lazy_class = hexo.theme.config.lazyload.enable ? lazy_class = 'lazyload' : lazy_class = ''
if (relatedPosts.length > 0) {
result += '<div class="relatedPosts">'

201
source/css/_global/index.styl
View File

@@ -19,6 +19,13 @@ body
-webkit-user-select: none
-ms-user-select: none
#body-wrap
position relative
flex: 1 auto
display: flex
flex-direction: column
transition: all .3s
*::-webkit-scrollbar
width: 8px
height: 8px
@@ -160,10 +167,10 @@ table
.is_hidden
overflow: hidden
.pull-left
.pull_left
float: left
.pull-right
.pull_right
float: right
.fireworks
@@ -171,12 +178,9 @@ table
z-index: -1
pointer-events: none
// 去掉加載黑框
img[src=""],img:not([src])
opacity: 0
#body-wrap
transition: all .3s
.fireworks
z-index: 99999
@media screen and (max-width: $bg)
i#toggle-sidebar,
@@ -184,4 +188,185 @@ img[src=""],img:not([src])
display: none
body
padding-left: 0 !important
padding-left: 0 !important
// 懶加載
.lazyload,
.lazyloading
opacity: 0
.lazyloaded
opacity: 1
transition: opacity 0.3s
img[src=""],img:not([src])
opacity: 0
.justified-gallery
img
opacity 0
.fancybox
width: auto
text-align: inherit
.img-alt
display: none
.medium-zoom-image--opened
margin: 0 !important
z-index: 99999 !important
.medium-zoom-overlay
z-index: 99999 !important
// hexo tag video
.video-container
position: relative
padding-top: 56.25%
height: 0
overflow: hidden
margin-bottom: 0.8rem
iframe
position: absolute
top: 0
left: 0
width: 100%
height: 100%
margin-top: 0
.layout_page,
.layout_post,
#footer
animation: main 1s
#nav,
#top-container
animation: header 1s
#site-title
animation: titlescale 1s
canvas,
#web_bg
animation: to_show 4s
.card-announcement-animation
animation: announ_animation .8s linear infinite
color: #FF0000
.scroll-down-effects
animation: scroll-down-effect 1.5s infinite
if hexo-config("avatar_effect") == true
.avatar_img
animation: avatar_turn_around 2s linear infinite
.reward-main
animation: donate_effcet .3s .1s ease both
#rightside-config-hide
animation: rightside_in_animate .3s
@keyframes scroll-down-effect
0%
opacity: 0.4
top: 0
50%
opacity: 1
top: -16px
100%
opacity: 0.4
top: 0
@keyframes header
0%
opacity: 0
transform: translateY(-50px)
100%
opacity: 1
transform: translateY(0)
@keyframes headerNoOpacity
0%
transform: translateY(-50px)
100%
transform: translateY(0)
@keyframes main
0%
opacity: 0
transform: translateY(50px)
100%
opacity: 1
transform: translateY(0)
@keyframes titlescale
0%
opacity: 0
transform: scale(0.7)
100%
opacity: 1
transform: scale(1)
@keyframes search_close
0%
opacity: 1
transform: scale(1)
100%
opacity: 0
transform: scale(0.7)
@keyframes to_show
0%
opacity: 0
100%
opacity: 1
@keyframes avatar_turn_around
from
transform: rotate(0deg)
to
transform: rotate(360deg)
@keyframes sub_menus
0%
opacity: 0
transform: translateY(10px)
100%
opacity: 1
transform: translateY(0)
@keyframes donate_effcet
0%
opacity: 0
transform: translateY(-20px)
100%
opacity: 1
transform: translateY(0)
@keyframes announ_animation
0%,to
transform: scale(1)
50%
transform: scale(1.2)
@keyframes rightside_in_animate
0%
transform: translateX(28px)
100%
transform: translateX(0)
@keyframes rightside_out_animate
0%
transform: translateX(0)
100%
transform: translateX(28px)
@keyframes right_to_left
0%
transform: translateX(100px)
100%
transform: translateX(0)

22
source/css/_highlight/highlight.styl
View File

@@ -28,6 +28,17 @@ blockquote
color: $blockquote-color
background-color: lighten($blockquote-padding-color,33)
p
margin: 0 !important
padding: 0.5rem 0
footer
padding: 0 0 0.5rem 0
cite
&:before
content: "—"
padding: 0 .3em
.article-container
pre,
code
@@ -49,11 +60,7 @@ blockquote
color: $highlight-foreground
text-shadow: none
.highlight
@extend $code-block
position: relative
border-radius: 1px
figure.highlight
&:after
position: absolute
top: 0
@@ -63,6 +70,11 @@ blockquote
background: darken($highlight-background, 5)
content: ""
.highlight
@extend $code-block
position: relative
border-radius: 1px
pre
margin: 0
padding: 8px 0

95
source/css/_layout/aside.styl
View File

@@ -72,7 +72,7 @@
#bookmark-it
margin-top: .2rem
height: 1.6rem
background: $light-blue
background-color: $light-blue
color: #fff
text-decoration: none
line-height: 1.6rem
@@ -83,10 +83,10 @@
span
padding-left: 10px
.toggle_change--primary,.bookmark--primary
.bookmark--primary
color: $ruby
.toggle_change--animated,.bookmark--animated
.bookmark--animated
transition-property: color
transition-duration: 1s
@@ -130,28 +130,18 @@
span
margin-left: 10px
.card-tag-cloud a
text-decoration: none
position: relative
padding-bottom: 0.3rem
word-break: keep-all
.card-tag-cloud
a
text-decoration: none
position: relative
padding-bottom: 0.3rem
word-break: keep-all
&::after
position: absolute
bottom: 0
left: 0
z-index: -1
width: 0
height: 3px
background-color: lighten($theme-color, 30%)
content: ""
transition: all 0.3s ease-in-out
&:hover
color: $light-blue !important
&:hover
color: $light-blue !important
&::after
width: 100%
// &::after
// width: 100%
.aside_recent_item
margin: 10px 0 -15px 0
@@ -223,6 +213,10 @@
text-decoration: none
color: $font-black
padding: 0.2rem 1rem
transition: .2s
&:hover
padding: 0.2rem 0.85rem
.aside_category_list_name,.archive-list-link
white-space: nowrap
@@ -260,61 +254,6 @@
float: right
display: inline-block
// bookmark 樣式
.fc-container .fancybox-bg
background: #eee
.fancybox-is-open.fc-container .fancybox-bg
opacity: 0.95
.fc-content
margin: 20px
max-width: 550px
padding: 50px
box-shadow: 10px 10px 60px -25px
border-radius: 4px
.fc-content h3
margin-top: 0
font-size: 1.6em
letter-spacing: normal
.fc-content p
color: #666
line-height: 1.5
.fc-content p:last-child
margin-bottom: 0
/* Custom animation */
.fancybox-fx-material.fancybox-slide--previous,
.fancybox-fx-material.fancybox-slide--next
transform: translateY(-60px) scale(1.1)
opacity: 0
.fancybox-fx-material.fancybox-slide--current
opacity: 1
transform: translateY(0) scale(1)
.bookmark-ok
background: #FF6666
border-width: 0
color: #fff
text-decoration: none
padding: 7px 20px
line-height: 1.5
border-radius: 20px
text-transform: uppercase
font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif
font-size: 80%
font-weight: 700
margin: 5px 5px 5px 0
display: inline-block
cursor: pointer
outline: none
transition: all .2s ease-in-out
user-select: none
@media screen and (max-width: 900px)
.layout_page
flex-direction: column

1
source/css/_layout/comments.styl
View File

@@ -63,3 +63,4 @@
code, pre
font-size: 98%

3
source/css/_layout/flink.styl
View File

@@ -36,7 +36,8 @@
margin: 11px 10px
width: 70px
height: 70px
border: 0px solid #eaeefb
border: 0px solid #eaeefb
transition: all .3s
&:hover
img

4
source/css/_layout/footer.styl
View File

@@ -1,4 +1,4 @@
footer
#footer
margin-top: 1rem
background: $light-blue
background-attachment: local
@@ -20,7 +20,7 @@ footer
background-image: linear-gradient(234deg, #394245 0%, #000 100%)
#footer
#footer-wrap
padding: 1.2rem 1rem 1rem
color: $light-grey
text-align: center

49
source/css/_layout/head.styl
View File

@@ -81,6 +81,7 @@
border: none
font-size: 18px
transition: all .3s
opacity: 0
.toggle-menu
display: none
@@ -108,8 +109,7 @@
&.open-sidebar
.site-page
display: none
opacity: 0
visibility: hidden
a,
#site-name,
@@ -154,12 +154,13 @@
.menus_item_child
position: absolute
background-color: alpha($white, 0.8)
padding: 8px 10px
border-radius: 5px
box-shadow: 0 5px 20px -4px rgba(0,0,0,.5)
display: none
opacity: 1
animation: sub_menus .3s .1s ease both
padding: 0
margin-top: 10px
&:before
content: ""
@@ -174,10 +175,23 @@
li
list-style: none
text-align: center
padding: 0px 10px
&:first-child
padding: 6px 10px 0
&:last-child
padding: 0px 10px 6px
&:hover
a,i
color: $theme-color
a
color: #3b3a3a
text-shadow: none
#search_button
padding: 0 0 0 0.7rem
.site-page
position: relative
@@ -186,6 +200,7 @@
font-size: 0.7rem
cursor: pointer
#page-header .menus_item > .site-page
&::after
position: absolute
bottom: 0
@@ -213,16 +228,28 @@
@media screen and (max-width: $sm)
#page-header
padding: 10px 0.8rem
.menus
display: none
.toggle-menu
#nav
#site-social-icons
display: block
.search
span
display none
&.not_index_bg
height: 14rem
#page_site-info
top: 7rem
#top-container
height: 14rem
#post-info
bottom: 1rem
padding: 0 5%
.mobile_hidden
display: none
@media screen and (max-width: $bg)
#page-header

18
source/css/_layout/mobile-sidebar.styl
View File

@@ -23,8 +23,9 @@
z-index: 103
overflow-y: scroll
display: block
transition: all .3s
display: none
transition: transform .3s
opacity: 0
will-change: transform
#mobile-sidebar-menus
.mobile_author_icon
@@ -110,11 +111,11 @@
margin: 0
#mobile-sidebar-toc
padding: 15px 10px
padding: 1rem 0.5rem 5rem 0.3rem
ol,li
list-style: none
padding: 0 0 0 5px
padding: 0 0 0 8px
margin: 0
@@ -144,14 +145,22 @@
transform: translate3d(-288px, 0, 0) !important
.open-mobile-menus
padding-left: 0 !important
#mobile-sidebar
#mobile-sidebar-menus
transform: translateX(-254px)
opacity: 1
// pc界面打開mobile-menus需關閉sidebar
#sidebar
left: -300px !important
.open-mobile-toc
#mobile-sidebar
#mobile-sidebar-toc
transform: translateX(-254px)
opacity: 1
@media screen and (max-width: $sm)
#mobile-sidebar-menus
@@ -162,3 +171,4 @@
display: block !important

293
source/css/_layout/nightshift.styl
View File

@@ -1,293 +0,0 @@
if hexo-config("nightshift") && hexo-config("nightshift.enable")
.night-mode
color: #99a9bf
background-color: #2d3032
#sidebar
background: #2d3035 !important
box-shadow: -0.25rem 0 0.25rem #2d3035 !important
&::-webkit-scrollbar-thumb
background: lighten(#2d3035,5)
#toggle-sidebar
color: #99a9bf !important
if hexo-config("local_search") && hexo-config("local_search.enable")
#local-search
background: #2d3035
.local-search-box--input
background: #2d3035
color: #99a9bf
.search-result-title
color: #99a9bf
if hexo-config("algolia_search.enable")
#algolia-search
background: #2d3035
.ais-search-box--input
background: #2d3035
color: #99a9bf
#algolia-search-results
.algolia-hit-item-link
color: #99a9bf !important
h1, h2, h3, h4, h5, h6
color: #99a9bf
.article-container code
background: #616a6b
color: #99a9bf
// 評論
#vcomment
p,a,textarea,.vemoji-btn,.vpreview-btn,input,path,.vcount,.vnum,.vtime,.vsys,.vsys,.vnick
color: #99a9bf !important
.vsys
background: rgb(97, 106, 107) !important
.vbtn
background: rgb(45, 48, 53) !important
color: #99a9bf !important
border: 1px solid #99a9bf
.vwrap
border: 1px solid #99a9bf
input
border-bottom: 1px dashed #616a6b
.vh
border-bottom: 1px dashed #616a6b
pre
background-color: #2d3035
border: 1px solid #99a9bf
.vcontent.expand:before
background: linear-gradient(180deg,hsla(0, 0%, 0%, 0),hsl(218, 8%, 19%))
.vcontent.expand:after
background: hsla(204, 5%, 22%, 1)
.recent-post-item
background: #2d3032 !important
.article-title,
a
color: #99a9bf !important
#page-header
&.fixed
background: #2d3035
box-shadow: 0 5px 6px -5px rgba(133,133,133,0)
a,
.toggle-menu,
#site-name
color: #99a9bf
blockquote
border-left: 0.2rem solid #7A5353
color: #99a9bf
background-color: #2f3d49
hr
background: 0
border: 2px dashed #616A6B
&:before
color: #99a9bf
.post-meta__tags
background: 0
border: 1px solid #99a9bf
color: #99a9bf
.post-copyright
border: 1px solid #99a9bf
*
color: #99a9bf
.article-container .highlight
background-color: #1B2631
.code pre
background-color: #1B2631
.gutter pre
background: #1C2833
&:after
background: rgb(27, 38, 59)
table
&:after,.copy-notice
background: rgb(27, 38, 59)
&::-webkit-scrollbar-thumb
background: lighten(#1B2631,10)
.copy-notice
background: rgb(27, 38, 59)
.post-cards,.md-links-item
a
color: #99a9bf
.aplayer
color: #000000
filter: brightness(0.6)
.article-sort-item__title
color: #99a9bf
.category-list
a
color: #99a9bf
.translate_chn_to_cht,
.nightshift,
#readmode,
#to_comment,
#font_plus,
#font_minus,
#rightside_config,
#go-up,
#mobile-toc-button
background-color: #2d3035 !important
img
filter: brightness(0.6)
.layout_post
background:#2d3035
canvas
display: none !important
#aside_content
.card_widget
background:#2d3035 !important
.headline,
.length_num,
.aside_post_title,
.aside_category_list_link,
.archive-list-link,
.social-icon
color: #99a9bf !important
#bookmark-it
background: #616a6b !important
#archive,
.tag-cloud,
#tag,
.category-content,
#category,
#page,
.flink
background:#2d3035
#nav,
#top-container,
footer
&::before
content: ""
position: absolute
top: 0
bottom: 0
left: 0
right: 0
background-color: rgba(0,0,0,.6)
.layout_page
.post-meta__date,
.article-meta__separator,
.article-meta__categories,
i
color: #99a9bf
#site-info .blogtitle,
span.subtitle,
#site-title,
#post-info .posttitle,
#post-info #post-meta,
#site-social-icons i,
#top-container a,
#footer,
#footer a,
#page-header a,
#page-header .toggle-menu
color: rgba(238,238,238,.6)
#footer
background-color: #2d3032
//打賞 分享
.post-reward
.reward-button
background-color: #616a6b
.post_share
filter: brightness(0.6)
img
filter: brightness(1)
&::-webkit-scrollbar-thumb
background: lighten(#2d3035,5)
#web_bg
background-color: #2d3032
#hbe-security
label
color: #99a9bf !important
input
background-color: #616a6b
#mobile-sidebar
#mobile-sidebar-menus
background: #2d3035
.headline
color: #99a9bf !important
.length_num
color: darken(#99a9bf,10) !important
a
color: #99a9bf !important
#mobile-sidebar-toc
background: #2d3035
a
color: #99a9bf !important
#page-header
.menus_item_child
background-color: #2d3035 !important
&:before
border-color: transparent transparent #2d3035 !important
li
a
color: #99a9bf

261
source/css/_layout/page.styl
View File

@@ -1,90 +1,78 @@
galleryItemStyle(w, h)
.gallery
&-item
width: w
height: unit(h, "rem")
.layout_page
display: flex
margin: 0 auto
max-width: 1200px
align-items: flex-start
padding: 0 15px
&__title
transform: translate3d(0, unit(h, "rem"), 0)
//index
#recent-posts
width: 75%
&:hover
.gallery-item__title
transform: translate3d(0, unit(h - 1.5, "rem"), 0)
.recent-post-item
padding: 0
box-shadow: 0 4px 8px 6px rgba(7,17,27,0.06)
border-radius: 8px
transition: all 0.3s
background: #fff
margin-top: 20px
height: 280px
&:hover
-webkit-box-shadow: 0 4px 12px 12px rgba(7,17,27,0.15)
box-shadow: 0 4px 12px 12px rgba(7,17,27,0.15)
img.post_bg
transform:scale(1.1)
.left_radius
border-top-left-radius: 8px
border-bottom-left-radius: 8px
.right_radius
border-top-right-radius: 8px
border-bottom-right-radius: 8px
.post_cover
width: 45%
height: 280px
overflow: hidden
.post_bg
border: 0
transition: all .6s
display: block
width: 100%
height: 100%
padding: 0
margin: 0
object-fit: cover
&:hover
transform:scale(1.1)
.recent-post-info
padding: 50px 40px
display: inline-block
width: 55%
overflow hidden
a.article-meta__categories
text-decoration: none
color: #858585
&:hover
color: #49b1f5 !important
.recent-post-item
.content
display: -webkit-box
-webkit-line-clamp: 3
-webkit-box-orient: vertical
overflow: hidden
height: 90px
margin-top: 0.5rem
p
word-break: break-word
ol,
ul
margin-top: 0.4rem
padding: 0 0 0 0.8rem
list-style: none
counter-reset: li
p
margin: 0
ol,
ul
padding-left: 0.5rem
li
position: relative
margin: 0.2rem 0
padding: 0.1rem 0.5rem 0.1rem 1.5rem
&:hover
&:before
transform: rotate(360deg)
&:before
position: absolute
top: 0
left: 0
background: $light-blue
color: $white
cursor: pointer
transition: all 0.3s ease-out
ol
li
&:before
margin-top: 0.2rem
width: w = 1.2rem
height: h = w
border-radius: 0.5 * w
content: counter(li)
counter-increment: li
text-align: center
font-size: 0.6rem
line-height: h
ul
li
&:hover
&:before
border-color: $ruby
&:before
$w = 0.3rem
top: 10px
margin-left: 0.45rem
width: w = $w
height: h = w
border: 0.5 * w solid $light-blue
border-radius: w
background: $white
content: ""
line-height: h
.article-type
margin-left: 0.3rem
color: $grey
word-break: break-word
.article-meta
color: $grey
@@ -121,7 +109,6 @@ galleryItemStyle(w, h)
word-wrap: break-word
&:hover
// border-bottom: 1px solid $light-blue
color: $light-blue !important
.tag-cloud
@@ -150,6 +137,30 @@ galleryItemStyle(w, h)
#archive
padding: 3rem 3rem 3rem
#page,
.category-content,
.flink
padding: 40px 44px 44px
#page,
.category-content,
#archive,
.tag-cloud,
.flink,
#tag,
#category
box-shadow: 0 4px 8px 6px rgba(7,17,27,.06)
border-radius: 8px
transition: all .3s
background: #fff
margin-top: 20px
width: 75%
&:hover
box-shadow: 0 4px 12px 12px rgba(7,17,27,0.15)
.article-sort
padding-left: 1rem
border-left: 2px solid $pale-blue
@@ -296,48 +307,50 @@ galleryItemStyle(w, h)
&:after
content: ")"
.gallery
&-item
position: relative
display: inline-block
overflow: hidden
margin: 0.4rem
width: 6rem
height: 6rem
background-position: 50% 50%
background-size: cover
background-repeat: no-repeat
cursor: pointer
transition: all 0.2s ease-in-out
&__title
position: absolute
overflow: hidden
padding: 0 0.4rem
width: 100%
height: 1.5rem
background: rgba(0, 0, 0, 0.5)
color: $pale-blue
text-align: center
text-overflow: ellipsis
white-space: nowrap
line-height: 1.5rem
transition: 0.2s ease-in-out
transform: translate3d(0, 6rem, 0)
&:hover
.gallery-item__title
transform: translate3d(0, 4.5rem, 0)
@media screen and (max-width: $sm)
.recent-post-item
.article-title
font-size: 1rem
.layout_page
padding: 0 5px !important
#page,
.category-content,
#archive,
.tag-cloud,
.flink,
#tag,
#category
padding: 1.8rem 1.3rem
margin-top: 10px
.category-lists
padding: 0
#recent-posts
.recent-post-item
height: auto !important
.article-meta.tags
display: none
.post_cover
width: 100%
height: 230px
border-radius: 8px 8px 0 0
galleryItemStyle(calc(50% - 22px), 6)
.recent-post-info
padding: 30px 25px 18px!important
width: 100%
.article-title
font-size: 1rem
.article-meta.tags
display: none
@media screen and (min-width: $md)
galleryItemStyle(8rem, 8)
&:first-child
margin-top: 10px
@media screen and (min-width: 900px)
if hexo-config("aside.position") == "left"
#recent-posts,#page,.category-content,#archive,.tag-cloud,.flink,#tag,#category
order: 2
@media screen and (max-width: 900px)
#page,.category-content,#archive,.tag-cloud,.flink,#tag,#category
width: 100% !important

61
source/css/_layout/post.styl
View File

@@ -72,13 +72,17 @@ if hexo-config("post_beautify.enable")
width: 100%
color: $light-grey
text-align: left
padding-left: 8%
padding: 0 8%
position: absolute
bottom: 1.5rem
#post-title
text-shadow: 0.1rem 0.1rem 0.2rem rgba(0, 0, 0, 0.15)
font-size: 1.5rem
margin-bottom: 0.4rem
.posttitle
line-height: 1.5
i.fa.fa-angle-right
margin: 0 0.3rem 0 0.2rem
@@ -108,12 +112,8 @@ if hexo-config("post_beautify.enable")
background: $light-blue
color: $white
.layout
margin: 0 auto
max-width: 1000px
#post-content
margin-bottom: 1rem
if hexo-config("post_beautify.enable")
h1,
@@ -321,7 +321,7 @@ img
.post-copyright
position: relative
margin-bottom: 0.4rem
margin: 1rem 0 0.5rem 0
padding: 0.5rem 0.8rem
border: 1px solid $light-grey
transition: box-shadow 0.3s ease-in-out
@@ -359,13 +359,7 @@ img
@media screen and (max-width: $sm)
.layout
margin: 0 30px
width: auto
#top-container
// background-attachment: local
#post-title
font-size: 1rem
@@ -374,7 +368,7 @@ img
@media screen and (min-width: $md)
.layout
.layout_post
width: $content-large-width
.katex-wrap
@@ -394,10 +388,6 @@ img
font-size: 1em
@media screen and (max-width: 1024px)
.layout
margin: 0 15px
width: auto
.layout_post
padding: 50px
@@ -405,8 +395,8 @@ img
border-radius: 8px
transition: all 0.3s
background: #fff
margin-top: 40px
margin-bottom: 40px
margin: 40px auto
max-width: 1000px
&:hover
box-shadow: 0 4px 12px 12px rgba(7,17,27,0.15)
@@ -444,15 +434,13 @@ img
text-decoration: none
color: $light-blue
h1
margin: 0.8rem 0
h1,
h2,
h3,
h4,
h5,
h6
margin: 1rem 0 0.5rem 0
margin: 1rem 0 0.8rem 0
img
margin: 0 auto 0.8rem
@@ -460,17 +448,20 @@ img
blockquote,
p
margin: 0 0 0.8rem 0
table,.note
margin: 0.8rem 0
figure
margin: 0.8rem 0
iframe,.note
margin: 0 0 0.8rem 0
table
margin: 0
blockquote
p
margin: 0.5rem 0
.layout_post,
.layout_page
opacity: 1
@media screen and (max-width: 1024px)
.layout_post
margin: 0 15px
width: auto
@media screen and (max-width:768px)
.layout_post
padding: 1.8rem 1rem
margin: 30px 5px

4
source/css/_layout/readmode.styl
View File

@@ -76,13 +76,13 @@ if hexo-config("readmode") && hexo-config("readmode.enable")
background-color: rgba(102,128,153,.05)
#rightside
#nightshift
#darkmode
display: none
canvas
display: none !important
footer,
#footer,
#post-comment,
hr,
.relatedPosts,

3
source/css/_layout/rightside.styl
View File

@@ -6,14 +6,13 @@
opacity 0
#rightside-config-hide
transition: all .3s
display none
#readmode,
#font_plus,
#font_minus,
#to_comment,
.nightshift,
.darkmode,
#mobile-toc-button,
#go-up,
#rightside_config

2
source/css/_layout/sidebar.styl
View File

@@ -10,6 +10,8 @@
background: $sidebar-background
box-shadow: -0.25rem 0 0.25rem rgba(232, 237, 250, 0.6) inset
opacity: 0.9
will-change: transform
transition: transform .2s
.sidebar-toc
ol,

300
source/css/_layout/z-darkmode.styl Normal file
View File

@@ -0,0 +1,300 @@
[data-theme="dark"]
body
color: #99a9bf
background-color: #2d3032
&::-webkit-scrollbar-thumb
background: lighten(#2d3035,5)
#sidebar
background: #2d3035
box-shadow: -0.25rem 0 0.25rem #2d3035
&::-webkit-scrollbar-thumb
background: lighten(#2d3035,5)
if hexo-config("local_search") && hexo-config("local_search.enable")
#local-search
background: #2d3035
.local-search-box--input
background: #2d3035
color: #99a9bf
.search-result-title
color: #99a9bf
if hexo-config("algolia_search.enable")
#algolia-search
background: #2d3035
.ais-search-box--input
background: #2d3035
color: #99a9bf
#algolia-search-results
.algolia-hit-item-link
color: #99a9bf
.article-container code
background: #616a6b
color: #99a9bf
if hexo-config('valine') && hexo-config('valine.enable')
// 評論
#vcomment
p,a,textarea,.vemoji-btn,.vpreview-btn,input,path,.vcount,.vnum,.vtime,.vsys,.vsys,.vnick
color: #99a9bf !important
.vsys
background: rgb(97, 106, 107) !important
.vbtn
background: rgb(45, 48, 53) !important
color: #99a9bf !important
border: 1px solid #99a9bf
.vwrap
border: 1px solid #99a9bf
input
border-bottom: 1px dashed #616a6b
.vh
border-bottom: 1px dashed #616a6b
pre
background-color: #2d3035
border: 1px solid #99a9bf
.vcontent.expand:before
background: linear-gradient(180deg,hsla(0, 0%, 0%, 0),hsl(218, 8%, 19%))
.vcontent.expand:after
background: hsla(204, 5%, 22%, 1)
.recent-posts
.recent-post-item
background: #2d3032 !important
.article-title
color: #99a9bf !important
#page-header
&.fixed
background: #2d3035
box-shadow: 0 5px 6px -5px rgba(133,133,133,0)
a,
.toggle-menu,
#site-name
color: #99a9bf
blockquote
color: #99a9bf
background-color: lighten(#2d3035,10)
hr
background: 0
border: 2px dashed #616A6B
&:before
color: #99a9bf
.post-meta__tags
background: 0
border: 1px solid #99a9bf
color: #99a9bf
.post-copyright
border: 1px solid #99a9bf
*
color: #99a9bf
.article-container pre
background-color: lighten(#2d3035, 2)
.article-container .highlight:not(.js-file-line-container)
background-color: lighten(#2d3035, 2)
.code pre
background-color: lighten(#2d3035, 2)
.gutter pre
background: lighten(#2d3035, 3)
&:after
background: lighten(#2d3035, 3)
table
&:after,.copy-notice
background: lighten(#2d3035, 3)
&::-webkit-scrollbar-thumb
background: lighten(#2d3035, 8)
.copy-notice
background: lighten(#2d3035, 3)
.aplayer
color: #000000
filter: brightness(0.6)
.translate_chn_to_cht,
.darkmode,
#readmode,
#to_comment,
#font_plus,
#font_minus,
#rightside_config,
#go-up,
#mobile-toc-button
background-color: lighten(#2d3035,10) !important
color: #99a9bf !important
&:hover
background: lighten(#2d3035,20) !important
.md-links-item:before,
.aside_category_list:hover,
.archive-list-item:hover,
#bookmark-it,
.reward-button,
.reward-all,
.note
background-color: lighten(#2d3035,10) !important
img,iframe,.gist
filter: brightness(0.7)
#aside_content
.card_widget
background:#2d3035 !important
.headline,
.length_num,
.aside_post_title,
.aside_category_list_link,
.archive-list-link,
.social-icon
color: #99a9bf !important
#archive,
.tag-cloud,
#tag,
.category-content,
#category,
#page,
.flink,
.layout_post,
#footer-wrap
background:#2d3035
#nav,
#top-container,
#footer
&::before
content: ""
position: absolute
top: 0
bottom: 0
left: 0
right: 0
background-color: rgba(0,0,0,0.7)
#nav span,
#nav i,
#page-header a,
#page-header .toggle-menu,
#top-container #post-meta,
#top-container a,
.posttitle,
#footer-wrap,
#footer-wrap a
color: lighten(#99a9bf,10)
.recent-posts .post-meta__date,
.recent-posts .article-meta,
.recent-posts .article-meta__categories,
h1, h2, h3, h4, h5, h6,
.prev_info,
.next_info,
.post-reward .reward-button,
.fa-clipboard,
.gutter pre,
#bookmark-it,
.copy-notice,
.md-links-item a,
.category-list-link
color: #99a9bf !important
.article-sort-item__title
color: #99a9bf
&:hover
color: #49b1f5
//打賞 分享
.post-reward
.reward-all:after
border-top: 13px solid lighten(#2d3035,10) !important
#web_bg[data-type=color]
background: #2d3032
#web_bg[data-type=photo]:before
content: ""
position: absolute
top: 0
bottom: 0
left: 0
right: 0
background-color: rgba(0,0,0,0.8)
#hbe-security
label
color: #99a9bf !important
input
background-color: #616a6b
#mobile-sidebar
#mobile-sidebar-menus
background: #2d3035
.headline
color: #99a9bf !important
.length_num
color: darken(#99a9bf,10) !important
a
color: #99a9bf !important
#mobile-sidebar-toc
background: #2d3035
a
color: #99a9bf !important
#page-header
.menus_item_child
background-color: #2d3035 !important
&:before
border-color: transparent transparent #2d3035 !important
li
a
color: #99a9bf
.bookmark--animated:before
background: lighten(#2d3035,20) !important

302
source/css/_layout/z-other.styl
View File

@@ -1,302 +0,0 @@
#recent-posts
width: 75%
.recent-post-item
padding: 0
box-shadow: 0 4px 8px 6px rgba(7,17,27,0.06)
border-radius: 8px
transition: all 0.3s
background: #fff
margin-top: 20px
height: 280px
&:hover
-webkit-box-shadow: 0 4px 12px 12px rgba(7,17,27,0.15)
box-shadow: 0 4px 12px 12px rgba(7,17,27,0.15)
img.post_bg
transform:scale(1.1)
.is_left
float: left
border-top-left-radius: 8px
border-bottom-left-radius: 8px
.is_right
float: right
border-top-right-radius: 8px
border-bottom-right-radius: 8px
.post_cover
width: 45%
height: 280px
overflow: hidden
img.post_bg
border: 0
transition: all .6s
display: block
width: 100%
height: 100%
padding: 0
margin: 0
object-fit: cover
&:hover
transform:scale(1.1)
#pagination
margin-top: 2rem
.recent-post-info
padding: 50px 40px
display: inline-block
width: 55%
overflow hidden
a.article-meta__categories
text-decoration: none
color: #858585
&:hover
color: #49b1f5 !important
.content
display: -webkit-box
-webkit-line-clamp: 3
-webkit-box-orient: vertical
overflow: hidden
height: 90px
.layout_page
display: flex
margin: 0 auto
max-width: 1200px
align-items: flex-start
padding: 0 15px
#page,.category-content,.flink
padding: 40px 44px 44px
#page,.category-content,#archive,.tag-cloud,.flink,#tag,#category
box-shadow: 0 4px 8px 6px rgba(7,17,27,.06)
border-radius: 8px
transition: all .3s
background: #fff
margin-top: 20px
width: 75%
.card_widget,#archive,.tag-cloud,#tag,.category-content,#category,#page,.flink
&:hover
box-shadow: 0 4px 12px 12px rgba(7,17,27,0.15)
@media screen and (min-width: 900px)
if hexo-config("aside.position") == "left"
#recent-posts,#page,.category-content,#archive,.tag-cloud,.flink,#tag,#category
order: 2
@media screen and (max-width: 900px)
#page,.category-content,#archive,.tag-cloud,.flink,#tag,#category
width: 100% !important
@media screen and (max-width:768px)
#web_bg
display: none
.recent-post-item
height: auto !important
border-radius: 8px
.post_cover
width: 100% !important
height: 230px !important
border-radius: 8px !important
.recent-post-item,#page,.tag-cloud,.flink
margin-top: 1px
.recent-post-item,#page,.category-content,.tag-cloud,.flink
box-shadow: none !important
background: none !important
padding: 0px 20px 0 !important
&:hover
-webkit-box-shadow: none
box-shadow: none
#archive,#category,#tag
box-shadow: none !important
background: none !important
padding: 0px 30px 0 !important
.layout_post
padding: 0 20px 0
border-radius: 0
-webkit-box-shadow: none
box-shadow: none
background: none
margin: 0
&:hover
-webkit-box-shadow: none
box-shadow: none
.layout_page
padding: 0 !important
#aside_content
display: none !important
.category-lists
padding: 0
#recent-posts
.recent-post-info
padding: 20px 10px !important
width: 100%
#pagination
margin-bottom: 0
#nav
#site-social-icons
display: block
&.not_index_bg
height: 14rem
#page_site-info
top: 7rem
#top-container
height: 14rem
#post-info
bottom: 1rem
padding-left: 5%
.mobile_hidden
display: none
canvas
display: none !important
.layout_page,
.layout_post,
footer
animation: main 1s
#nav,
#top-container,
#page-header
animation: header 1s
#site-title
animation: titlescale 1s
canvas,
#web_bg
animation: to_show 4s
.card-announcement-animation
animation: announ_animation .8s linear infinite
color: #FF0000
.scroll-down-effects
animation: scroll-down-effect 1.5s infinite
if hexo-config("avatar_effect") == true
.avatar_img
animation: avatar_turn_around 2s linear infinite
.reward-main
animation: donate_effcet .3s .1s ease both
.rightside-in
animation: rightside_in_animate .3s
display: block !important
@keyframes scroll-down-effect
0%
opacity: 0.4
top: 0
50%
opacity: 1
top: -16px
100%
opacity: 0.4
top: 0
@keyframes header
0%
opacity: 0
transform: translateY(-50px)
100%
opacity: 1
transform: translateY(0)
@keyframes main
0%
opacity: 0
transform: translateY(50px)
100%
opacity: 1
transform: translateY(0)
@keyframes titlescale
0%
opacity: 0
transform: scale(0.7)
100%
opacity: 1
transform: scale(1)
@keyframes to_show
0%
opacity: 0
100%
opacity: 1
@keyframes avatar_turn_around
from
transform: rotate(0deg)
to
transform: rotate(360deg)
@keyframes sub_menus
0%
opacity: 0
transform: translateY(10px)
100%
opacity: 1
transform: translateY(0)
@keyframes donate_effcet
0%
opacity: 0
transform: translateY(-20px)
100%
opacity: 1
transform: translateY(0)
@keyframes announ_animation
0%,to
transform: scale(1)
50%
transform: scale(1.2)
@keyframes rightside_in_animate
0%
transform: translateX(28px)
100%
transform: translateX(0)

2
source/css/_search/algolia.styl
View File

@@ -1,4 +1,6 @@
#algolia-search
animation: titlescale 0.5s
.ais-search-box
margin: 0 auto
max-width: 100%

2
source/css/_search/local-search.styl
View File

@@ -1,4 +1,6 @@
#local-search
animation: titlescale 0.5s
.local-search-box
margin: 0 auto
max-width: 100%

BIN
source/img/alipay.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 68 KiB

1
source/img/post_loadding.svg Normal file
View File

@@ -0,0 +1 @@
<svg width="200px" height="200px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="lds-pacman" style="background: none;"><g ng-attr-style="display:{{config.showBean}}" style="display:block"><circle cx="74.5405" cy="50" r="4" ng-attr-fill="{{config.c2}}" fill="#a3d9ef"><animate attributeName="cx" calcMode="linear" values="95;35" keyTimes="0;1" dur="0.8" begin="-0.536s" repeatCount="indefinite"></animate><animate attributeName="fill-opacity" calcMode="linear" values="0;1;1" keyTimes="0;0.2;1" dur="0.8" begin="-0.536s" repeatCount="indefinite"></animate></circle><circle cx="94.9405" cy="50" r="4" ng-attr-fill="{{config.c2}}" fill="#a3d9ef"><animate attributeName="cx" calcMode="linear" values="95;35" keyTimes="0;1" dur="0.8" begin="-0.264s" repeatCount="indefinite"></animate><animate attributeName="fill-opacity" calcMode="linear" values="0;1;1" keyTimes="0;0.2;1" dur="0.8" begin="-0.264s" repeatCount="indefinite"></animate></circle><circle cx="54.7405" cy="50" r="4" ng-attr-fill="{{config.c2}}" fill="#a3d9ef"><animate attributeName="cx" calcMode="linear" values="95;35" keyTimes="0;1" dur="0.8" begin="0s" repeatCount="indefinite"></animate><animate attributeName="fill-opacity" calcMode="linear" values="0;1;1" keyTimes="0;0.2;1" dur="0.8" begin="0s" repeatCount="indefinite"></animate></circle></g><g ng-attr-transform="translate({{config.showBeanOffset}} 0)" transform="translate(-15 0)"><path d="M50 50L20 50A30 30 0 0 0 80 50Z" ng-attr-fill="{{config.c1}}" fill="#82bbe4" transform="rotate(29.6108 50 50)"><animateTransform attributeName="transform" type="rotate" calcMode="linear" values="0 50 50;45 50 50;0 50 50" keyTimes="0;0.5;1" dur="0.8s" begin="0s" repeatCount="indefinite"></animateTransform></path><path d="M50 50L20 50A30 30 0 0 1 80 50Z" ng-attr-fill="{{config.c1}}" fill="#82bbe4" transform="rotate(-29.6108 50 50)"><animateTransform attributeName="transform" type="rotate" calcMode="linear" values="0 50 50;-45 50 50;0 50 50" keyTimes="0;0.5;1" dur="0.8s" begin="0s" repeatCount="indefinite"></animateTransform></path></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
source/img/wechat.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 106 KiB

526
source/js/main.js
View File

@@ -1,34 +1,80 @@
$(function () {
const is_Snackbar = GLOBAL_CONFIG.Snackbar !== undefined ? true : false
/**
* 當menu過多時，自動適配，避免UI錯亂
*/
const ph_width = $("#page-header").width()
const search_width = $('#search_button').outerWidth()
var mw = 0;
for (var i = 0; i < $('#page-header .menus_item').length; i++) {
mw = mw + $('#page-header .menus_item').eq(i).outerWidth()
}
if ($('#page-header').height() > 37 || window.innerWidth < 7) {
header_adjust()
}
function header_adjust() {
$("#page-header .toggle-menu").addClass("is_visible")
$("#page-header .menus,.search span").addClass("is_invisible")
}
function header_adjust_back() {
$("#page-header .toggle-menu").removeClass("is_visible")
$("#page-header .menus,.search span").removeClass("is_invisible")
}
/**
* 傳入 1 sidebar打開時
* 傳入 2 正常狀態下
* 傳入 3 resize時使用
*/
function is_adjust(n) {
var t;
if (n == '1') {
t = $('#blog_name').width() + search_width + mw > $("#page-header").width() - 300 ? true : false
} else if (n == '2') {
t = $('#blog_name').width() + search_width + mw > $("#page-header").width() ? true : false
} else if (n == "3") {
t = $('#blog_name').width() + search_width + mw > $("#page-header").width() ? true : false
}
if (t) {
header_adjust()
} else {
header_adjust_back()
}
}
$(window).bind("resize", function () {
if (window.innerWidth > 768) {
is_adjust(3)
} else {
header_adjust()
}
})
$('#page-header').css({'opacity':'1', 'animation':'headerNoOpacity .7s'})
/**
* 進入post頁sidebar自動打開
*/
if ($('#sidebar').hasClass('auto_open')) {
if ($(".sidebar-toc__content").children().length > 0) {
$('#toggle-sidebar').addClass('on')
$(".layout_post").animate({}, function () {
{
setTimeout(function () {
$('#page-header').addClass('open-sidebar')
$("#toggle-sidebar").addClass('on')
$('body').animate({
paddingLeft: 300
}, 200)
$("#toggle-sidebar").addClass('on');
open_sidebar()
}, 300);
$('#sidebar').animate({
left: 0
}, 200)
$('#toggle-sidebar').animate({}, function () {
$('#toggle-sidebar').css({
'transform': 'rotateZ(180deg)',
'color': '#99a9bf',
'opacity': "1"
})
})
}, 200);
is_adjust(1)
}
})
} else
$("#toggle-sidebar").css("display", "none")
} else {
@@ -39,55 +85,65 @@ $(function () {
/**
* 點擊左下角箭頭,顯示sidebar
*/
function close_sidebar() {
$('#page-header').removeClass('open-sidebar')
$('body').animate({
paddingLeft: 0
}, 200)
$('#sidebar').animate({}, function () {
$('#sidebar').css('transform', 'translateX(0px)')
})
$('#toggle-sidebar').animate({}, function () {
$('#toggle-sidebar').css({
'transform': 'rotateZ(0deg)',
'color': '#1F2D3D',
'opacity': "1"
})
})
}
function open_sidebar() {
$('#page-header').addClass('open-sidebar')
$('body').animate({
paddingLeft: 300
}, 200)
$('#sidebar').animate({}, function () {
$('#sidebar').css('transform', 'translateX(300px)')
})
$('#toggle-sidebar').animate({}, function () {
$('#toggle-sidebar').css({
'transform': 'rotateZ(180deg)',
'color': '#99a9bf',
'opacity': "1"
})
})
}
$('#toggle-sidebar').on('click', function () {
if (!isMobile() && $('#sidebar').is(':visible')) {
var isOpen = $(this).hasClass('on')
isOpen ? $(this).removeClass('on') : $(this).addClass('on')
if (isOpen) {
$('#page-header').removeClass('open-sidebar')
$('body').animate({
paddingLeft: 0
}, 200)
$('#sidebar').animate({
left: -300
}, 200)
$('#toggle-sidebar').animate({}, function () {
$('#toggle-sidebar').css({
'transform': 'rotateZ(0deg)',
'color': '#1F2D3D'
})
})
close_sidebar()
setTimeout(function () {
is_adjust(2)
}, 300)
} else {
$('#page-header').addClass('open-sidebar')
$('body').animate({
paddingLeft: 300
}, 200)
$('#sidebar').animate({
left: 0
}, 200)
$('#toggle-sidebar').animate({}, function () {
$('#toggle-sidebar').css({
'transform': 'rotateZ(180deg)',
'color': '#99a9bf'
})
})
is_adjust(1)
open_sidebar()
}
}
})
/**
* 首頁fullpage添加
* 添加class
*/
if (/Android|webOS|iPhone|iPod|iPad|BlackBerry/i.test(navigator.userAgent)) {} else {
$('.full_page .nav_bg').css('background-attachment', 'fixed');
}
/**
* 首頁top_img底下的箭頭
@@ -100,57 +156,23 @@ $(function () {
/**
* BOOKMARK 書簽
*/
$.fancyConfirm = function (opts) {
opts = $.extend(true, {
title: 'Are you sure?',
message: '',
okButton: 'OK',
noButton: 'Cancel',
callback: $.noop
}, opts || {});
$.fancybox.open({
type: 'html',
src: '<div class="fc-content">' +
'<h3>' + opts.title + '</h3>' +
'<p>' + opts.message + '</p>' +
'<p class="is_right">' +
'<button data-value="1" data-fancybox-close class="bookmark-ok">' + opts.okButton + '</button>' +
'</p>' +
'</div>',
opts: {
animationDuration: 350,
animationEffect: 'material',
modal: true,
baseTpl: '<div class="fancybox-container fc-container" role="dialog" tabindex="-1">' +
'<div class="fancybox-bg"></div>' +
'<div class="fancybox-inner">' +
'<div class="fancybox-stage"></div>' +
'</div>' +
'</div>',
$('#bookmark-it').on("click", function () {
if (window.sidebar && window.sidebar.addPanel) { // Mozilla Firefox Bookmark
window.sidebar.addPanel(document.title, window.location.href, '');
} else if (window.external && ('AddFavorite' in window.external)) { // IE Favorite
window.external.AddFavorite(location.href, document.title);
} else if (window.opera && window.print) { // Opera Hotlist
this.title = document.title;
return true;
} else { // webkit - safari/chrome
if (is_Snackbar) {
var bookmarkText = GLOBAL_CONFIG.Snackbar.bookmark.message_prev + ' ' + (navigator.userAgent.toLowerCase().indexOf('mac') != -1 ? 'Command/Cmd' : 'CTRL') + '+ D ' + GLOBAL_CONFIG.Snackbar.bookmark.message_next + '.';
snackbarShow(bookmarkText)
} else {
alert(GLOBAL_CONFIG.bookmark.message_prev + ' ' + (navigator.userAgent.toLowerCase().indexOf('mac') != -1 ? 'Command/Cmd' : 'CTRL') + '+ D ' + GLOBAL_CONFIG.bookmark.message_next + '.');
}
});
}
$('#bookmark-it').click(
function () {
if (window.sidebar && window.sidebar.addPanel) { // Mozilla Firefox Bookmark
window.sidebar.addPanel(document.title, window.location.href, '');
} else if (window.external && ('AddFavorite' in window.external)) { // IE Favorite
window.external.AddFavorite(location.href, document.title);
} else if (window.opera && window.print) { // Opera Hotlist
this.title = document.title;
return true;
} else { // webkit - safari/chrome
// alert('按 ' + (navigator.userAgent.toLowerCase().indexOf('mac') != -1 ? 'Command/Cmd' : 'CTRL') + ' + D 鍵將本頁加入書籤.');
$.fancyConfirm({
title: GLOBAL_CONFIG.bookmark.title + '?',
message: GLOBAL_CONFIG.bookmark.message_prev + (navigator.userAgent.toLowerCase().indexOf('mac') != -1 ? 'Command/Cmd' : 'CTRL') + '+ D ' + GLOBAL_CONFIG.bookmark.message_next + '.',
okButton: "OK",
});
}
});
}
});
/**
* 代碼copy
@@ -169,37 +191,49 @@ $(function () {
if (document.queryCommandSupported && document.queryCommandSupported('copy')) {
try {
document.execCommand('copy') // Security exception may be thrown by some browsers.
$(ctx).prev('.copy-notice')
.text(GLOBAL_CONFIG.copy.success)
.animate({
opacity: 1,
right: 30
}, 450, function () {
setTimeout(function () {
$(ctx).prev('.copy-notice').animate({
opacity: 0,
right: 0
}, 650)
}, 400)
})
if (is_Snackbar) {
snackbarShow(GLOBAL_CONFIG.copy.success)
} else {
$(ctx).prev('.copy-notice')
.text(GLOBAL_CONFIG.copy.success)
.animate({
opacity: 1,
right: 30
}, 450, function () {
setTimeout(function () {
$(ctx).prev('.copy-notice').animate({
opacity: 0,
right: 0
}, 650)
}, 400)
})
}
} catch (ex) {
$(ctx).prev('.copy-notice')
.text(GLOBAL_CONFIG.copy.error)
.animate({
opacity: 1,
right: 30
}, 650, function () {
setTimeout(function () {
$(ctx).prev('.copy-notice').animate({
opacity: 0,
right: 0
}, 650)
}, 400)
})
return false
if (is_Snackbar) {
snackbarShow(GLOBAL_CONFIG.copy.success)
} else {
$(ctx).prev('.copy-notice')
.text(GLOBAL_CONFIG.copy.error)
.animate({
opacity: 1,
right: 30
}, 650, function () {
setTimeout(function () {
$(ctx).prev('.copy-notice').animate({
opacity: 0,
right: 0
}, 650)
}, 400)
})
return false
}
}
} else {
$(ctx).prev('.copy-notice').text(GLOBAL_CONFIG.copy.noSupport)
if (is_Snackbar) {
snackbarShow(GLOBAL_CONFIG.copy.noSupport)
} else {
$(ctx).prev('.copy-notice').text(GLOBAL_CONFIG.copy.noSupport)
}
}
}
// click events
@@ -251,69 +285,70 @@ $(function () {
$('.code-area-wrap').prepend($code_expand)
$('.code-area-wrap .code-expand').on('click', function () {
if ($(this).hasClass('code-closed')) {
$(this).siblings('figure').find('figcaption').show();
$(this).siblings('figure').find('table').show();
$(this).removeClass('code-closed');
} else {
$(this).siblings('figure').find('figcaption').hide();
$(this).siblings('figure').find('table').hide();
$(this).addClass('code-closed');
}
})
/**
* fancybox
* fancybox和 medium_zoom
*/
var imgList = $(".recent-post-info img").not('.no-fancybox');
if (imgList.length === 0) {
imgList = $("#post-content img").not('.no-fancybox');
}
for (var i = 0; i < imgList.length; i++) {
var lazyload_src = imgList[i].src ? imgList[i].src : imgList.eq(i).attr("data-src")
var $a = $(
'<a href="' +
lazyload_src +
'" data-fancybox="group" data-caption="' +
imgList[i].alt +
'" class="fancybox"></a>'
)
var alt = imgList[i].alt
var $wrap = $(imgList[i]).wrap($a)
if (alt) {
$wrap.after('<div class="img-alt">' + alt + '</div>')
var medium_zoom = GLOBAL_CONFIG.medium_zoom;
if (medium_zoom == 'false') {
var imgList = $("#post-content img").not('.no-fancybox');
if (imgList.length === 0) {
imgList = $(".justified-gallery img").not('.no-fancybox');
}
}
$().fancybox({
selector: "[data-fancybox]",
loop: true,
transitionEffect: "slide",
protect: true,
// wheel: false,
buttons: ["slideShow", "fullScreen", "thumbs", "close"]
});
var galleryItem = $(".gallery-item");
var galleryList = [];
galleryItem.each(function (idx, elem) {
galleryList.push({
src: $(elem).data("url"),
opts: {
caption: $(elem).data("title")
for (var i = 0; i < imgList.length; i++) {
var lazyload_src = imgList[i].src ? imgList[i].src : imgList.eq(i).attr("data-src")
var $a = $(
'<a href="' +
lazyload_src +
'" data-fancybox="group" data-caption="' +
imgList[i].alt +
'" class="fancybox"></a>'
)
var $wrap = $(imgList[i]).wrap($a)
var alt = imgList[i].alt
if (alt) {
$wrap.after('<div class="img-alt">' + alt + '</div>')
}
});
});
galleryItem.on("click", function () {
$.fancybox.open(
galleryList, {
loop: true,
transitionEffect: "slide"
},
galleryItem.index(this)
);
return false;
}
$().fancybox({
selector: "[data-fancybox]",
loop: true,
transitionEffect: "slide",
protect: true,
// wheel: false,
buttons: ["slideShow", "fullScreen", "thumbs", "close"]
});
} else {
var imgList = $(".justified-gallery img");
if (imgList.length) {
for (var i = 0; i < imgList.length; i++) {
var $a = $('<div></div>')
var $wrap = $(imgList[i]).wrap($a)
}
}
const zoom = mediumZoom(document.querySelectorAll('#post img,.justified-gallery img'))
zoom.on('open', event => {
let photoBg = $(document.documentElement).attr('data-theme') == 'dark' ? '#2d3032' : '#fff'
zoom.update({ background: photoBg })
})
}
});
/**
* 手機menu和toc按鈕點擊
@@ -341,6 +376,9 @@ $(function () {
$(".toggle-menu").removeClass("close").addClass("open");
$('body').addClass("open-mobile-menus");
$('#menu_mask').fadeIn();
if ($('#toggle-sidebar').hasClass('on')) {
close_sidebar()
}
}
})
@@ -354,9 +392,16 @@ $(function () {
})
$('#menu_mask').on('click touchstart', function () {
$('#menu_mask').on('click touchstart', function (e) {
mobile_menu_close()
mobile_toc_close()
if ($('#toggle-sidebar').hasClass('on')) {
setTimeout(function () {
open_sidebar()
}, 300)
}
})
$(window).on('resize', function (e) {
@@ -389,16 +434,15 @@ $(function () {
// head position
findHeadPosition(currentTop)
auto_scroll_toc(currentTop)
}
var isUp = scrollDirection(currentTop)
if (currentTop > 56) {
if (isUp) {
$('#page-header').hasClass('visible') ? $('#page-header').removeClass('visible') : console.log()
$('#page-header').hasClass('visible') ? $('#page-header').removeClass('visible') : ''
} else {
$('#page-header').hasClass('visible') ? console.log() : $('#page-header').addClass('visible')
$('#page-header').hasClass('visible') ? '' : $('#page-header').addClass('visible')
}
$('#page-header').addClass('fixed')
@@ -424,7 +468,7 @@ $(function () {
}
}, 50, 100))
}, 300))
// go up smooth scroll
$('#go-up').on('click', function () {
@@ -546,8 +590,8 @@ $(function () {
* 閲讀模式
*/
$("#readmode").click(function () {
if (Cookies.get("night-mode") == "night") {
$('body').toggleClass('night-mode');
if (Cookies.get("theme") == "dark") {
$(document.documentElement).attr('data-theme') == 'dark' ? $(document.documentElement).attr('data-theme','') : $(document.documentElement).attr('data-theme','dark')
$('body').toggleClass('read-mode');
$('#to_comment').toggleClass('is_invisible');
} else {
@@ -594,10 +638,10 @@ $(function () {
*/
$('.menus-expand').on('click', function () {
if ($(this).hasClass('menus-closed')) {
$(this).parents('.menus_item').find('.menus_item_child').show();
$(this).parents('.menus_item').find('.menus_item_child').slideDown();
$(this).removeClass('menus-closed');
} else {
$(this).parents('.menus_item').find('.menus_item_child').hide();
$(this).parents('.menus_item').find('.menus_item_child').slideUp();
$(this).addClass('menus-closed');
}
})
@@ -606,9 +650,26 @@ $(function () {
* rightside 點擊設置 按鈕 展開
*/
$('#rightside_config').on('click', function () {
$('#rightside-config-hide').toggleClass("rightside-in")
if ($('#rightside-config-hide').hasClass("rightside-in")) {
$('#rightside-config-hide').css("animation", "rightside_out_animate .3s");
$('#rightside-config-hide').removeClass("rightside-in")
$("#rightside-config-hide").animate({}, function () {
setTimeout(function () {
$('#rightside-config-hide').css({
"animation": "",
"display": ""
})
}, 300)
})
} else {
$('#rightside-config-hide').addClass("rightside-in")
$("#rightside-config-hide").animate({}, function () {
$('#rightside-config-hide').css("display", "block")
})
}
})
/**
* 調正recent_post 上下間距
*/
@@ -661,4 +722,83 @@ $(function () {
}
}
/**
* justified-gallery 圖庫排版
*/
if ($('.justified-gallery').length) {
$('.justified-gallery img').each((i, o) => {
let src = $(o).attr('data-src');
$(o).attr('src', src)
})
$('.justified-gallery > p > .fancybox,.justified-gallery > p > div').unwrap();
$('head').append('<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/justifiedGallery@3.7.0/dist/css/justifiedGallery.min.css">');
loadScript("https://cdn.jsdelivr.net/npm/justifiedGallery@3.7.0/dist/js/jquery.justifiedGallery.min.js", function () {
if (typeof ($.fn.justifiedGallery) === 'function') {
$('.justified-gallery').justifiedGallery({
rowHeight: 220,
margins: 4,
});
}
})
}
/**
* Darkmode
*/
// if (autoChangeMode == '1') {
// window.matchMedia("(prefers-color-scheme: dark)").addListener(function (e) {
// if (e.matches) {
// activateDarkMode()
// change_light_icon()
// Cookies.remove('theme')
// } else {
// activateLightMode()
// change_dark_icon()
// Cookies.remove('theme')
// }
// })
// }
if (autoChangeMode == '1' || autoChangeMode == '2') {
if (Cookies.get("theme") == "dark") {
change_light_icon()
} else {
change_dark_icon()
}
}
function change_light_icon() {
$("#darkmode").removeClass("fa-moon-o").addClass("fa-sun-o");
}
function change_dark_icon() {
$("#darkmode").removeClass("fa-sun-o").addClass("fa-moon-o");
}
function switchReadMode() {
var nowMode = document.documentElement.getAttribute('data-theme') === 'dark' ? 'dark' : 'light'
if ( nowMode == 'light') {
change_light_icon()
activateDarkMode()
Cookies.set('theme','dark', { expires: 2 })
if (is_Snackbar) snackbarShow(GLOBAL_CONFIG.Snackbar.day_to_night)
}else{
change_dark_icon()
activateLightMode()
Cookies.set('theme','light', { expires: 2 })
if (is_Snackbar) snackbarShow(GLOBAL_CONFIG.Snackbar.night_to_day)
}
}
$("#darkmode").click(function () {
switchReadMode();
});
});

35
source/js/nightshift.js
View File

@@ -1,35 +0,0 @@
$(function () {
changeReadModel();
function switchReadMode() {
var next_mode = $("body").hasClass("night-mode") ? "day" : "night";
Cookies.set("night-mode", next_mode, {
expires: 7,
path: '/'
});
changeReadModel();
}
function changeReadModel() {
if (Cookies.get("night-mode") == null)
return
if (Cookies.get("night-mode") == "night") {
$("body").addClass("night-mode");
$("#nightshift").removeClass("fa-moon-o").addClass("fa-sun-o");
}
// 非夜間模式
if (Cookies.get("night-mode") == "day") {
$("body").removeClass("night-mode");
$("#nightshift").removeClass("fa-sun-o").addClass("fa-moon-o");
}
}
$("#nightshift").click(function () {
switchReadMode();
});
});

9
source/js/runtimeshow.js
View File

@@ -2,7 +2,6 @@
var start_date = document.getElementById("runtionshow").getAttribute("start_date")
function show_date_time() {
window.setTimeout("show_date_time()", 1000);
BirthDay=new Date(start_date);
today=new Date();
timeold=(today.getTime()-BirthDay.getTime());
@@ -11,6 +10,10 @@ function show_date_time() {
daysold=Math.floor(e_daysold);
webinfo_runtime_count.innerHTML= daysold + " " + GLOBAL_CONFIG.runtime_unit
}
show_date_time()
var interval;
show_date_time();
clearInterval(interval);
interval = setInterval(show_date_time, 10000);

21
source/js/search/algolia.js
View File

@@ -5,8 +5,7 @@ $(function () {
$('.search-dialog').animate({}, function () {
$('.search-dialog').css({
'display': 'block',
'animation': 'titlescale 0.5s'
'display': 'block'
}),300
})
@@ -22,12 +21,20 @@ $(function () {
})
var closeSearch = function () {
$('body').css('overflow', 'auto')
$('body').css('width', '')
$('body').css('overflow', '')
$('.search-dialog').css({
'animation': 'search_close .5s'
})
$('.search-dialog').animate({}, function () {
$('.search-dialog').css({
'display': 'none'
})
setTimeout(function () {
$('.search-dialog').css({
'animation': '',
'display': 'none'
})
},500)
})
$('.search-mask').fadeOut();
@@ -102,7 +109,7 @@ $(function () {
return (
'<hr>' +
stats +
'<span class="algolia-logo pull-right">' +
'<span class="algolia-logo pull_right">' +
' <img src="' + GLOBAL_CONFIG.root + 'img/algolia.svg" alt="Algolia" />' +
'</span>'
)

23
source/js/search/local-search.js
View File

@@ -5,8 +5,7 @@ $(function () {
$('body').css('overflow', 'hidden')
$('.search-dialog').animate({}, function () {
$('.search-dialog').css({
'display': 'block',
'animation': 'titlescale 0.5s'
'display': 'block'
}),300
})
$('#local-search-input input').focus()
@@ -27,12 +26,22 @@ $(function () {
})
var closeSearch = function () {
$('body').css('overflow', 'auto')
$('.search-dialog').animate({}, function () {
$('.search-dialog').css({
'display': 'none'
})
$('body').css('width', '')
$('body').css('overflow', '')
$('.search-dialog').css({
'animation': 'search_close .5s'
})
$('.search-dialog').animate({}, function () {
setTimeout(function () {
$('.search-dialog').css({
'animation': '',
'display': 'none'
})
},500)
})
$('.search-mask').fadeOut();
}
$('.search-mask, .search-close-button').on('click', closeSearch)

42
source/js/third-party/ClickShowText.js vendored Normal file
View File

@@ -0,0 +1,42 @@
function co(){
var colorElements = "0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f";
var colorArray = colorElements.split(",");
var color ="#";
for(var i =0;i<6;i++){
color+=colorArray[Math.floor(Math.random()*16)];
}
return color;
};
var a_idx = 0;
jQuery(document).ready(function($) {
$("body").click(function (e) {
var config = GLOBAL_CONFIG.ClickShowText;
/*这个数组中的每一个字符是你要浮动显示的词或句子，每次点击鼠标后按顺序出现*/
var a = config.text.split(",");
var $i = $("<span/>").text(a[a_idx]);
a_idx = (a_idx + 1) % a.length;
var x = e.pageX,
y = e.pageY;
$i.css({
"z-index": 150,
"top": y - 20,
"left": x -40,
"position": "absolute",
"font-weight": "bold",
"color": co(),
"cursor": "default",
"font-size": config.fontSize || "inherit"
});
$("body").append($i);
$i.animate({
"top": y - 180,
"opacity": 0
},
1500,
function() {
$i.remove();
});
});
});

0
source/js/activate-power-mode.js → source/js/third-party/activate-power-mode.js vendored
View File

97
source/js/third-party/canvas-nest.js vendored
View File

@@ -1,11 +1,88 @@
!function(){
var userAgentInfo = navigator.userAgent;
var Agents = ["iPad", "iPhone", "Android",
"SymbianOS", "Windows Phone",
"iPod", "webOS", "BlackBerry", "IEMobile"];
for (var v = 0; v < Agents.length; v++) {
if (userAgentInfo.indexOf(Agents[v]) > 0) {
return;
}
! function () {
var cn = document.getElementById('canvas_nest');
var mb = cn.getAttribute("mobile");
if (mb == 'false' && (/Android|webOS|iPhone|iPod|iPad|BlackBerry/i.test(navigator.userAgent))) {
return;
}
function o(w, v, i) {
return w.getAttribute(v) || i
}
function j(i) {
return document.getElementsByTagName(i)
}
function l() {
var i = j("script"),
w = i.length,
v = i[w - 1];
return {
l: w,
z: o(v, "zIndex", -1),
o: o(v, "opacity", 0.5),
c: o(v, "color", "0,0,0"),
n: o(v, "count", 99)
}
function o(w,v,i){return w.getAttribute(v)||i}function j(i){return document.getElementsByTagName(i)}function l(){var i=j("script"),w=i.length,v=i[w-1];return{l:w,z:o(v,"zIndex",-1),o:o(v,"opacity",0.5),c:o(v,"color","0,0,0"),n:o(v,"count",99)}}function k(){r=u.width=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth,n=u.height=window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight}function b(){e.clearRect(0,0,r,n);var w=[f].concat(t);var x,v,A,B,z,y;t.forEach(function(i){i.x+=i.xa,i.y+=i.ya,i.xa*=i.x>r||i.x<0?-1:1,i.ya*=i.y>n||i.y<0?-1:1,e.fillRect(i.x-0.5,i.y-0.5,1,1);for(v=0;v<w.length;v++){x=w[v];if(i!==x&&null!==x.x&&null!==x.y){B=i.x-x.x,z=i.y-x.y,y=B*B+z*z;y<x.max&&(x===f&&y>=x.max/2&&(i.x-=0.03*B,i.y-=0.03*z),A=(x.max-y)/x.max,e.beginPath(),e.lineWidth=A/2,e.strokeStyle="rgba("+s.c+","+(A+0.2)+")",e.moveTo(i.x,i.y),e.lineTo(x.x,x.y),e.stroke())}}w.splice(w.indexOf(i),1)}),m(b)}var u=document.createElement("canvas"),s=l(),c="c_n"+s.l,e=u.getContext("2d"),r,n,m=window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(i){window.setTimeout(i,1000/45)},a=Math.random,f={x:null,y:null,max:20000};u.id=c;u.style.cssText="position:fixed;top:0;left:0;z-index:"+s.z+";opacity:"+s.o;j("body")[0].appendChild(u);k(),window.onresize=k;window.onmousemove=function(i){i=i||window.event,f.x=i.clientX,f.y=i.clientY},window.onmouseout=function(){f.x=null,f.y=null};for(var t=[],p=0;s.n>p;p++){var h=a()*r,g=a()*n,q=2*a()-1,d=2*a()-1;t.push({x:h,y:g,xa:q,ya:d,max:6000})}setTimeout(function(){b()},100)}();
}
function k() {
r = u.width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth, n = u.height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight
}
function b() {
e.clearRect(0, 0, r, n);
var w = [f].concat(t);
var x, v, A, B, z, y;
t.forEach(function (i) {
i.x += i.xa, i.y += i.ya, i.xa *= i.x > r || i.x < 0 ? -1 : 1, i.ya *= i.y > n || i.y < 0 ? -1 : 1, e.fillRect(i.x - 0.5, i.y - 0.5, 1, 1);
for (v = 0; v < w.length; v++) {
x = w[v];
if (i !== x && null !== x.x && null !== x.y) {
B = i.x - x.x, z = i.y - x.y, y = B * B + z * z;
y < x.max && (x === f && y >= x.max / 2 && (i.x -= 0.03 * B, i.y -= 0.03 * z), A = (x.max - y) / x.max, e.beginPath(), e.lineWidth = A / 2, e.strokeStyle = "rgba(" + s.c + "," + (A + 0.2) + ")", e.moveTo(i.x, i.y), e.lineTo(x.x, x.y), e.stroke())
}
}
w.splice(w.indexOf(i), 1)
}), m(b)
}
var u = document.createElement("canvas"),
s = l(),
c = "c_n" + s.l,
e = u.getContext("2d"),
r, n, m = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function (i) {
window.setTimeout(i, 1000 / 45)
},
a = Math.random,
f = {
x: null,
y: null,
max: 20000
};
u.id = c;
u.style.cssText = "position:fixed;top:0;left:0;z-index:" + s.z + ";opacity:" + s.o;
j("body")[0].appendChild(u);
k(), window.onresize = k;
window.onmousemove = function (i) {
i = i || window.event, f.x = i.clientX, f.y = i.clientY
}, window.onmouseout = function () {
f.x = null, f.y = null
};
for (var t = [], p = 0; s.n > p; p++) {
var h = a() * r,
g = a() * n,
q = 2 * a() - 1,
d = 2 * a() - 1;
t.push({
x: h,
y: g,
xa: q,
ya: d,
max: 6000
})
}
setTimeout(function () {
b()
}, 100)
}();

26
source/js/third-party/canvas-ribbon.js vendored
View File

@@ -4,8 +4,23 @@
* Version: v1.0.1
* GitHub: https://github.com/hustcc/ribbon.js
**/
// changed by Molunerfinn
!(function () {
var script = document.getElementById('ribbon');
var mb = script.getAttribute("mobile");
if (mb == 'false' && (/Android|webOS|iPhone|iPod|iPad|BlackBerry/i.test(navigator.userAgent))) {
return;
}
config = {
z: attr(script, 'zIndex', -1), // z-index
a: attr(script, 'alpha', 0.6), // alpha
s: attr(script, 'size', 90), // size
c: attr(script, 'data-click', true) // click-to-change
}
function attr (node, attr, default_value) {
if (default_value === true) {
return node.getAttribute(attr) || default_value
@@ -13,15 +28,6 @@
return Number(node.getAttribute(attr)) || default_value
}
// get user config
var script = document.getElementById('ribbon'),
config = {
z: attr(script, 'zIndex', -1), // z-index
a: attr(script, 'alpha', 0.6), // alpha
s: attr(script, 'size', 90), // size
c: attr(script, 'data-click', true) // click-to-change
}
var canvas = document.createElement('canvas'),
g2d = canvas.getContext('2d'),
pr = window.devicePixelRatio || 1,

1
source/js/third-party/click_heart.js vendored Normal file
View File

@@ -0,0 +1 @@
!function(e,t,a){function r(e){var a=t.createElement("div");a.className="heart",n.push({el:a,x:e.clientX-5,y:e.clientY-5,scale:1,alpha:1,color:"rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")"}),t.body.appendChild(a)}var n=[];e.requestAnimationFrame=e.requestAnimationFrame||e.webkitRequestAnimationFrame||e.mozRequestAnimationFrame||e.oRequestAnimationFrame||e.msRequestAnimationFrame||function(e){setTimeout(e,1e3/60)},function(e){var a=t.createElement("style");a.type="text/css";try{a.appendChild(t.createTextNode(e))}catch(t){a.styleSheet.cssText=e}t.getElementsByTagName("head")[0].appendChild(a)}(".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: fixed;}.heart:after{top: -5px;}.heart:before{left: -5px;}"),function(){var t="function"==typeof e.onclick&&e.onclick;e.onclick=function(e){t&&t(),r(e)}}(),function e(){for(var a=0;a<n.length;a++)n[a].alpha<=0?(t.body.removeChild(n[a].el),n.splice(a,1)):(n[a].y--,n[a].scale+=.004,n[a].alpha-=.013,n[a].el.style.cssText="left:"+n[a].x+"px;top:"+n[a].y+"px;opacity:"+n[a].alpha+";transform:scale("+n[a].scale+","+n[a].scale+") rotate(45deg);background:"+n[a].color+";z-index:99999");requestAnimationFrame(e)}()}(window,document);

518
source/js/third-party/piao.js vendored
View File

@@ -1,12 +1,13 @@
(function(name, factory) {
if (typeof window === "object") {
window[name] = factory()
}
})("Ribbons", function() {
var _w = window,
_b = document.body,
_d = document.documentElement;
var random = function() {
(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));
@@ -18,7 +19,7 @@
}
return 0
};
var screenInfo = function(e) {
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),
@@ -33,7 +34,7 @@
scrolly: scrolly
}
};
var mouseInfo = function(e) {
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;
@@ -44,60 +45,60 @@
centery: mousey - screen.height / 2
}
};
var Point = function(x, y) {
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) {
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;
@@ -123,202 +124,211 @@
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)
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]
}
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
},
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
}
}
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
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
}
},
_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
});
};
return Factory
});
var cn = document.getElementById('ribbon_piao');
var mb = cn.getAttribute("mobile");
if ( mb == 'false' && (/Android|webOS|iPhone|iPod|iPad|BlackBerry/i.test(navigator.userAgent))) {
} else {
new Ribbons({
colorSaturation: "60%",
colorBrightness: "50%",
colorAlpha: 0.5,
colorCycleSpeed: 5,
verticalPosition: "random",
horizontalSpeed: 200,
ribbonCount: 3,
strokeSize: 0,
parallaxAmount: -0.2,
animateSections: true
});
}

5
source/js/tw_cn.js
View File

@@ -1,4 +1,5 @@
var translate = GLOBAL_CONFIG.translate
var Snackbar_tl = GLOBAL_CONFIG.Snackbar
var defaultEncoding = translate.defaultEncoding; // 网站默认语言，1: 繁體中文, 2: 简体中文
var translateDelay = translate.translateDelay; //延迟时间,若不在前, 要设定延迟翻译时间, 如100表示100ms,默认为0
@@ -10,6 +11,8 @@ var currentEncoding = defaultEncoding;
var targetEncodingCookie = "targetEncoding" + cookieDomain.replace(/\./g, "");
var targetEncoding = (Cookies.get(targetEncodingCookie) == null ? defaultEncoding: Cookies.get(targetEncodingCookie));
var translateButtonObject;
var is_Snackbar = GLOBAL_CONFIG.Snackbar !== undefined ? true : false
function translateText(txt) {
if (txt == "" || txt == null) return "";
if (currentEncoding == 1 && targetEncoding == 2) return Simplized(txt);
@@ -39,6 +42,7 @@ function translatePage() {
path: '/'
});
translateBody()
if (is_Snackbar) snackbarShow(Snackbar_tl.cht_to_chs)
} else if (targetEncoding == 2) {
currentEncoding = 2;
targetEncoding = 1;
@@ -48,6 +52,7 @@ function translatePage() {
path: '/'
});
translateBody()
if (is_Snackbar) snackbarShow(Snackbar_tl.chs_to_cht)
}
}
function JTPYStr() {

98
source/js/utils.js
View File

@@ -1,37 +1,37 @@
function debounce(func, wait, immediate) {
var timeout
return function () {
var context = this
var args = arguments
var later = function () {
timeout = null
if (!immediate) func.apply(context, args)
}
var callNow = immediate && !timeout
clearTimeout(timeout)
timeout = setTimeout(later, wait)
if (callNow) func.apply(context, args)
}
};
function throttle(func, wait, options) {
var timeout, context, args, result;
var previous = 0;
if (!options) options = {};
function throttle(func, wait, mustRun) {
var timeout
var startTime = new Date()
var later = function() {
previous = options.leading === false ? 0 : new Date().getTime();
timeout = null;
func.apply(context, args);
if (!timeout) context = args = null;
};
return function () {
var context = this
var args = arguments
var curTime = new Date()
var throttled = function() {
var now = new Date().getTime();
if (!previous && options.leading === false) previous = now;
var remaining = wait - (now - previous);
context = this;
args = arguments;
if (remaining <= 0 || remaining > wait) {
if (timeout) {
clearTimeout(timeout);
timeout = null;
}
previous = now;
func.apply(context, args);
if (!timeout) context = args = null;
} else if (!timeout && options.trailing !== false) {
timeout = setTimeout(later, remaining);
}
};
return throttled;
}
clearTimeout(timeout)
if (curTime - startTime >= mustRun) {
func.apply(context, args)
startTime = curTime
} else {
timeout = setTimeout(func, wait)
}
}
};
function isMobile() {
var check = false;
@@ -46,7 +46,41 @@ function scrollTo(name) {
})
};
window.debounce = debounce
function loadScript(url, callback) {
var script = document.createElement("script")
script.type = "text/javascript";
if (script.readyState) { //IE
script.onreadystatechange = function () {
if (script.readyState == "loaded" ||
script.readyState == "complete") {
script.onreadystatechange = null;
callback();
}
};
} else { //Others
script.onload = function () {
callback();
};
}
script.src = url;
document.body.appendChild(script);
};
function snackbarShow(text, showAction, duration) {
var showAction = (typeof showAction !== 'undefined') ? showAction : false;
var duration = (typeof duration !== 'undefined') ? duration : 2000;
var position = GLOBAL_CONFIG.Snackbar.position
var bg = document.documentElement.getAttribute('data-theme') === 'light' ? GLOBAL_CONFIG.Snackbar.bgLight : GLOBAL_CONFIG.Snackbar.bgDark
Snackbar.show({
text: text,
backgroundColor: bg,
showAction: showAction,
duration: duration,
pos: position
});
}
window.throttle = throttle