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

Breaking Change

Browse Source 
1. 不再支持hexo 4.0.0以下版本
2. 添加hexo fragment_cache,加快生成速度
3. 完善V5圖標顯示，不再需要同時加載V4和v5圖標
4. 去除cheerio依賴
5. 整合豆瓣配置，增加配置遊戲，圖書頁面top_img,可設置是否設置meta,解決部分瀏覽器無法顯示圖片問題
6. 友情鏈接除列表外可自定義內容
7. 可設置主頁標題距離頂部距離
8. 側邊欄可隱藏,可設置手機頁面是否隱藏
9. 增加disqusjs和utterances 兩個評論
10. 主頁文章增加tags和更新日期顯示，可以配置post_meta
11. 首頁subtitle可關閉打字效果，可設置打字效果顯示一次或loop
12. 增加valine和gitalk的配置
13. darkmode配置整理
14. 增加404頁面
15. post_beautify改為beautify，頁面美化不再只限於post頁，page頁也一樣
16. 可設置是否顯示cover，可設置各位置的cover顯示
17. 增加mermaid,可畫流程圖、狀態圖、時序圖、甘特圖等等
18. 增加pangu配置，中英文之間添加空格
19. 整合部分配置
20. post-copyright增加decode網址 (可以顯示中文)
21. 增加部分顏色配置
Feature
1. 適配IE
2. 增加一個Tag Plugins: 圖庫集
3. 增加一個Tag Plugins: tag-hide 功能 inline/block
4. 去除page頁開頭顯示與標題一樣的內容
5. aside 公告欄設置，支持html代碼
6. 手機界面sidebar顯示進度條和加深對應的標題
7. 主頁subtitle 的 hitokoto 顯示內容出處
9. footer 的hexo鏈接改為https
10. 修改手機下，menus和toc的打開效果
11. 手機頁面下，搜索界面全屏顯示
12. SEO優化，標題欄改為h1顯示
13. 閲讀模式優化，可根據light mode 和darkmode調整背景
14. 當屏蔽js時，header會出現（之前用js控制，會隱藏）
Fixed
1. 修復Tencent Analytics的script加載為https #105
2. 修復相關文章，日期顯示錯誤bug
3. 修復gitalk報錯問題
4. 修復當valine background 是絕對地址時無法顯示的bug
5. 修復medium-zoom 無法使用的bug
6. 修復在safari下，點擊或移動到首頁文章cover，圓角變成正方形的bug #114
7. 修復在部分瀏覽器下，aside,友情鏈接頭像轉動變形的bug
8. 修復在寬度限制下，表格內容溢出屏幕外而出現滾動條的bug \#138
9. 修復gitalk js 在一些沒有設置評論的page里加載的bug
10. 修復tag plugins 的gist 在不同主題下的背景顏色問題（黑色主題下，文字不易觀看）
11. 修復highlight figcaption 顯示不全的bug
12. 修復disqus評論數無法獲取的bug
13. 修復子目錄在觸摸屏下點擊,偶爾不出現的bug
14. 修復a標籤太長（連續英文字母）不會換行的bug
15. 修復toc滾動時，閲讀進度條也跟著滾動的bug
16. 修復aside的圖片，可點擊顯示大圖bug
17. 修復activate-power-mode設置參數無效bug
18. 修復語言上的錯誤 \#156
19. 修復主頁在safari桌面端，首頁滾動卡頓的bug
This commit is contained in:
Jerry
2020-03-17 21:28:27 +08:00
parent 9c996d0a73
commit 321091befb
125 changed files with 3824 additions and 2684 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
.github/stale.yml vendored
View File

@@ -4,9 +4,12 @@ daysUntilStale: 30
daysUntilClose: 7
# Issues with these labels will never be considered stale
exemptLabels:
- pinned
- security
- bug
- documentation
- enhancement
- Solved
- documentation
# Label to use when marking an issue as stale
staleLabel: wontfix
# Comment to post when marking an issue as stale. Set to `false` to disable
@@ -15,4 +18,4 @@ markComment: >
recent activity. It will be closed if no further activity occurs. Thank you
for your contributions.
# Comment to post when closing a stale issue. Set to `false` to disable
closeComment: false
closeComment: false

25
README.md
View File

@@ -1,30 +1,15 @@
# hexo-theme-butterfly
<a href="https://github.com/jerryc127/hexo-theme-butterfly/releases"><img alt="Version" src="https://img.shields.io/badge/release-2.1.0-blue"/></a>
<a href="https://github.com/jerryc127/hexo-theme-butterfly/releases"><img alt="Version" src="https://img.shields.io/badge/release-2.2.0-blue"/></a>
<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-blur"/></a>
Demo: https://demo.jerryc.me/
<a href="https://hexo.io"><img alt="Hexo" src="https://img.shields.io/badge/hexo-4.0+-0e83c"/></a>
<a href="https://nodejs.org/"><img alt="node.js" src="https://img.shields.io/badge/node.js-8.0+-blur"/></a>
Demo: https://demo.jerryc.me/
JerryC: https://jerryc.me/
Based on [hexo-theme-melody](https://github.com/Molunerfinn/hexo-theme-melody) theme.
> If you update to hexo 4.2.0，it will be something's wrong
>
> ```
> Error: Cannot find module 'cheerio'
> ```
>
> please install cheerio
>
> ```
> npm install cheerio@0.22.0 --save
> ```
## Installation
Stable branch:
@@ -51,7 +36,7 @@ git clone -b dev https://github.com/jerryc127/hexo-theme-butterfly.git themes/Bu
## Documentation
Documentation is [here](https://jerryc.me/posts/21cfbf15). it supports `zh-TW`
Find in [hexo-theme-butterfly docs](https://docs.jerryc.me) and [JerryC](https://jerryc.me/posts/21cfbf15). it supports `zh-TW`
## Screenshots

24
README_CN.md
View File

@@ -1,31 +1,19 @@
# hexo-theme-butterfly
<a href="https://github.com/jerryc127/hexo-theme-butterfly/releases"><img alt="Version" src="https://img.shields.io/badge/release-2.1.0-blue"/></a>
<a href="https://github.com/jerryc127/hexo-theme-butterfly/releases"><img alt="Version" src="https://img.shields.io/badge/release-2.2.0-blue"/></a>
<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-blur"/></a>
<a href="https://hexo.io"><img alt="Hexo" src="https://img.shields.io/badge/hexo-4.0+-0e83c"/></a>
<a href="https://nodejs.org/"><img alt="node.js" src="https://img.shields.io/badge/node.js-8.0+-blur"/></a>
Demo: https://demo.jerryc.me/
JerryC: https://jerryc.me/
一款基於[hexo-theme-melody](https://github.com/Molunerfinn/hexo-theme-melody)修改的主題
> 如果升級到hexo 4.2.0 ，會出現報錯
>
> ```
> Error: Cannot find module 'cheerio'
> ```
>
> 請在博客根目錄安裝cheerio
>
> ```
> npm install cheerio@0.22.0 --save
> ```
## 安裝
在你的博客根目錄裏
在你的博客根目錄裡
```
git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/Butterfly
@@ -48,7 +36,7 @@ theme: Butterfly
## 文檔
可查看[這裏](https://jerryc.me/posts/21cfbf15)
可查看[hexo-theme-butterfly docs](https://docs.jerryc.me) 和 [JerryC](https://jerryc.me/posts/21cfbf15)
## 截圖
![image](https://user-images.githubusercontent.com/16351105/58887365-1272f780-8718-11e9-9329-3292c6ba20d4.png)

270
_config.yml
View File

@@ -42,9 +42,9 @@ code_word_wrap: false
# copy setting
# 是否禁止複製（如果禁止，highlight_copy的功能將無效)
# copyright 複製的内容後面加上版權信息
# copyright 複製的內容後面加上版權信息
copy:
enable: true # true 開啓 / false 禁止
enable: true # true 開啟 / false 禁止
copyright: false
# social settings
@@ -96,43 +96,79 @@ katex:
per_page: false
hide_scrollbar: true
# mermaid
# see https://github.com/knsv/mermaid
# -------------------------------
mermaid:
enable: false
# built-in themes: default/forest/dark/neutral
theme: default
# Post info settings
# ---------------
avatar: /img/avatar.png
avatar:
img: /img/avatar.png
effect: false # 頭像會一直轉圈
# the banner image of index
index_img: https://cdn.jsdelivr.net/gh/jerryc127/butterfly_cdn@2.1.0/top_img/index.jpg
index_img:
# if the banner of page not setting,it will show the top_img
default_top_img: https://cdn.jsdelivr.net/gh/jerryc127/butterfly_cdn@2.1.0/top_img/index.jpg
# the default cover of the post
default_cover: https://cdn.jsdelivr.net/gh/jerryc127/butterfly_cdn@2.1.0/top_img/default.png
default_top_img: /img/index.jpg
# the banner image of archive page
archive_img: https://cdn.jsdelivr.net/gh/jerryc127/butterfly_cdn@2.1.0/top_img/archive.jpg
archive_img:
# the banner image of tag page
tag_img: https://cdn.jsdelivr.net/gh/jerryc127/butterfly_cdn@2.1.0/top_img/tag.png
# tag page, look like https://xxxxxxxxx.com/tags/butterfly
tag_img:
# the banner image of category page
category_img: https://cdn.jsdelivr.net/gh/jerryc127/butterfly_cdn@2.1.0/top_img/category.jpg
# category page, look like https://xxxxxxxxx.com/categories/butterfly
category_img:
# 如果你有使用hexo-douban去生成movie界面，可配置這個
movies_img: https://cdn.jsdelivr.net/gh/jerryc127/butterfly_cdn@2.1.0/top_img/movie.jpg
# 如果你有使用hexo-douban，可配置這個
# douban:
# meta: false
# movies_img:
# books_img:
# games_img:
cover:
# 是否顯示文章封面
index_enable: true
aside_enable: true
archives_enable: true
# 封面顯示的位置
# 三個值可配置 left , right , both
position: both
# 當沒有設置cover時，默認的封面顯示
default_cover:
- /img/post.jpg
# if the photo link cannot connect,it will show that
lodding_bg:
flink: /img/friend_404.gif #404后圖片
post_page: /img/404.jpg #404后圖片
flink: /img/friend_404.gif #404後圖片
post_page: /img/404.jpg #404後圖片
# post: /img/loading.gif ##加載動畫
post_meta:
date_type: both # or created or updated 文章日期是创建日或者更新日或都显示
categories: true # or false 是否显示分类
tags: true # or false 是否显示标签
# A simple 404 page
error_404:
enable: false
subtitle: "Page Not Found"
background:
# Please see doc for more details: https://jerryc.me/posts/21cfbf15/#字数统计
post_meta:
page:
date_type: created # created or updated or both 主頁文章日期是創建日或者更新日或都顯示
categories: true # true or false 主頁是否顯示分類
tags: false # true or false 主頁是否顯示標籤
post:
date_type: both # created or updated or both 文章頁日期是創建日或者更新日或都顯示
categories: true # true or false 文章頁是否顯示分類
tags: true # true or false 文章頁是否顯示標籤
# Please see doc for more details: https://jerryc.me/posts/21cfbf15/#字數統計
wordcount:
enable: false
@@ -146,6 +182,7 @@ auto_open_sidebar:
post_copyright:
enable: true
decode: false
license: CC BY-NC-SA 4.0
license_url: https://creativecommons.org/licenses/by-nc-sa/4.0/
@@ -178,22 +215,23 @@ addtoany:
#### Comments System ####
# ------------------------------------
# Disqus 官方版評論系統
disqus:
enable: false
shortname:
count: false # top_img顯示評論數
# Disqus.js 版評論系統，應對大陸長城的折中方案，兼容原版：https://github.com/SukkaW/DisqusJS
# Disqus.js版評論系統，應對大陸長城的折中方案，兼容原版：https://github.com/SukkaW/DisqusJS
# API 申請地址：https://disqus.com/api/applications/
# 與 disqus 共用樣式
disqusjs:
enable: false #開啓改爲 true
shortname:
siteName:
apikey:
enable: false
shortname:
siteName:
apikey:
api: https://disqus.skk.moe/disqus/ #一般情況下無需修改 API 地址
count: false # top_img顯示評論數
admin:
adminLabel:
count: true # top_img顯示評論數
laibili:
enable: false
@@ -206,8 +244,12 @@ gitalk:
repo:
owner:
admin:
language: # en , zh-CN , zh-TW
count: false # top_img顯示評論數
language: zh-CN # en , zh-CN , zh-TW
perPage: 10 # Pagination size, with maximum 100.
distractionFreeMode: false # Facebook-like distraction free mode.
pagerDirection: last # Comment sorting direction, available values are last and first.
createIssueManually: false # Gitalk will create a corresponding github issue for your every single page automatically
count: true # top_img顯示評論數
# valine comment system. https://valine.js.org
valine:
@@ -221,12 +263,25 @@ 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
recordIP: false # Record reviewer IP
serverURLs: # This configuration is suitable for domestic custom domain name users, overseas version will be automatically detected (no need to manually fill in)
bg: /img/comment_bg.png # valine background
count: false # top_img顯示評論數
count: true # top_img顯示評論數
# utterances
# https://utteranc.es/
utterances:
enable: false
repo:
# 可選 pathname/url/title/og:title
issue_term: pathname
# 可選 github-light/github-dark/github-dark-orange/icy-dark/dark-blue/photon-dark
light_theme: github-light
dark_theme: photon-dark
##### Footer Settings ####
# ------------------------------------
since: 2019
since: 2020
footer_custom_text:
@@ -275,16 +330,6 @@ baidu_site_verification:
# see http://zhanzhang.so.com/
qihu_site_verification:
# 友情鏈接界面設置
Flink:
headline: 友情鏈接
info_headline: 我的Blog資料
name: Blog 名字： JerryC
address: Blog 地址： https://jerryc.me/
avatar: Blog 頭像： https://jerryc.me/img/avatar.png
info: Blog 簡介： 今日事,今日畢
comment: 如果需要交換友鏈,請留言
# 打賞按鈕
reward:
enable: true
@@ -300,7 +345,7 @@ reward:
related_post:
enable: true
limit: 6 # 顯示推薦文章數目
date_type: created # or created or updated 文章日期顯示创建日或者更新日
date_type: created # or created or updated 文章日期顯示創建日或者更新日
#### 美化/效果 ####
#--------------------------------
@@ -315,20 +360,19 @@ related_post:
# button_hover: "#FF7242"
# text_selection: "#00c4b6"
# link_color: "#99a9bf"
# meta_color: '#858585'
# meta_color: "#858585"
# hr_color: "#A4D8FA"
# read-mode-bg_color: '#FAF9DE'
# inline-code-color: '#F47466'
# code_foreground: "#F47466"
# code_background: "rgba(27, 31, 35, .05)"
# toc_color: "#00c4b6"
# blockquote_padding_color: "#49b1f5"
# blockquote_background_color: "#49b1f5"
# 主頁設置
# 默認top_img全屏，site_info在中間
# 使用默認, 都無需填寫（建議默認）
index_top_img_height: #主頁top_img高度 例如 300px/300em/300rem 不能使用百分比
# 主頁文章COVER顯示位置
# 三個值可配置 left , right , both
# left(全部圖片顯示在左邊)，right(全部圖片顯示在右邊)，both(左右左右順序顯示)
index_post_cover: both
index_site_info_top: # 主頁標題距離頂部距離 例如 300px/300em/300rem/10%
index_top_img_height: # 主頁top_img高度 例如 300px/300em/300rem 不能使用百分比
# category和tag頁的UI設置
# index 值代表 UI將與首頁的UI一樣
@@ -347,7 +391,7 @@ background:
footer_bg: false
# 背景特效
# 避免卡頓，建議只開啓一個
# 避免卡頓，建議只開啟一個
# canvas_ribbon 禁止彩帶背景
# See: https://github.com/hustcc/ribbon.js
canvas_ribbon:
@@ -380,8 +424,8 @@ activate_power_mode:
shake: true # 抖動特效
# 鼠標點擊效果
# 避免卡頓，建議只開啓一個
# 點擊烟火特效
# 避免卡頓，建議只開啟一個
# 點擊煙火特效
fireworks:
enable: false
@@ -393,30 +437,17 @@ click_heart:
ClickShowText:
enable: false
text:
- 富强
- 民主
- 文明
- 和谐
- 自由
- 平等
- 公正
- 法治
- 爱国
- 敬业
- 诚信
- 友善
- 本人
- 超帥
fontSize: 15px
# 頭像會一直轉圈
avatar_effect: false
# 網站顯示模式
# light 默認模式
# dark 黑暗模式（不建議）
display_mode: light
# 美化post頁顯示
post_beautify:
# 美化頁面顯示
beautify:
enable: false
title-prefix-icon: '\f0c1'
title-prefix-icon-color: "#F47466"
@@ -440,29 +471,37 @@ hr:
icon-top: -20px
# 主頁subtitle
# 打字效果
subtitle:
enable: true
# 打字效果
effect: true
# 循環或者只打字一次
loop: false
# source調用第三方服務
# source: false 關閉調用
# source: 1 調用金山詞霸的每日一句（簡體）
# source: 2 調用一言网的一句話（簡體） #https://hitokoto.cn/
# source: 3 調用一句网（簡體） http://yijuzhan.com/
# source: 2 調用一言網的一句話（簡體） #https://hitokoto.cn/
# source: 3 調用一句網（簡體） http://yijuzhan.com/
# source: 4 調用今日詩詞（簡體） https://www.jinrishici.com/
# subtitle 會先顯示 source , 再顯示 sub 的内容
# subtitle 會先顯示 source , 再顯示 sub 的內容
source: false
# (如果有英文逗號' , '，請使用轉義字符 &#44;)
# 如果關閉打字效果，subtitle只會顯示sub的第一行文字
sub:
- 今日事&#44;今日畢
- Never put off till tomorrow what you can do today
# fontawesome圖標
# 默認使用的是 fontawesome v4版本的圖標
fontawesome_v5:
enable: false
#### 側邊欄 ####
#-------------------------------------
# 手機頁面（ 顯示寬度 < 768px ）是否顯示aside内容
aside_mobile: true
# 側邊欄顯示設置
aside:
enable: true
mobile: true # 手機頁面（ 顯示寬度 < 768px ）是否顯示aside內容
position: right # left or right
card_author: true
card_announcement: true
@@ -497,30 +536,31 @@ translate:
enable: true
# 默認按鈕顯示文字
default: 繁
#网站默认语言，1: 繁體中文, 2: 简体中文
#網站默認語言，1: 繁體中文, 2: 簡體中文
defaultEncoding: 2
#延迟时间,若不在前, 要设定延迟翻译时间, 如100表示100ms,默认为0
#延遲時間,若不在前, 要設定延遲翻譯時間, 如100表示100ms,默認為0
translateDelay: 0
#博客网址
#博客網址
cookieDomain: "https://xxx/"
#當文字是簡體時，按鈕顯示的文字
msgToTraditionalChinese: "繁"
#當文字是繁體時，按鈕顯示的文字
msgToSimplifiedChinese: "简"
msgToSimplifiedChinese: "簡"
#閲讀模式
readmode:
enable: true
# 夜間模式
# dark mode
darkmode:
enable: true
# 自動切換 dark mode和 light mode
# autoChangeMode: 1 跟隨系統而變化，不支持的瀏覽器/系統將按照時間晚上6點到早上6點之間切換為 dark mode
# autoChangeMode: 2 只按照時間晚上6點到早上6點之間切換為 dark mode
# autoChangeMode: false 取消自動切換
autoChangeMode: false
# dark mode和 light mode切換按鈕
button: true
# 自動切換 dark mode和 light mode
# autoChangeMode: 1 跟隨系統而變化，不支持的瀏覽器/系統將按照時間晚上6點到早上6點之間切換為 dark mode
# autoChangeMode: 2 只按照時間晚上6點到早上6點之間切換為 dark mode
# autoChangeMode: false 取消自動切換
autoChangeMode: 1
#### other ####
#------------------------------------------------
@@ -556,6 +596,12 @@ baidu_push:
instantpage:
enable: true
# https://github.com/vinta/pangu.js
# 中英文之間添加空格
pangu:
enable: false
field: page # page/post
# Note (Bootstrap Callout)
# https://muse.theme-next.org/docs/tag-plugins/note
note:
@@ -590,14 +636,15 @@ twitter_meta: true
# https://i.loli.net/2019/09/08/2wbFJEKloisRvhj.png
Open_Graph_meta: true
# 開啟hexo自帶的緩存，加快生成速度
fragment_cache: true
# CDN
# 網站必須
# 可根據需要自行添加js/css
CDN_USE:
css:
- /css/index.css
- https://cdn.jsdelivr.net/npm/font-awesome@latest/css/font-awesome.min.css
# - https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/css/all.min.css #fontawesomeV5_css
js:
- https://cdn.jsdelivr.net/npm/jquery@latest/dist/jquery.min.js #/js/third-party/jquery.min.js
@@ -607,52 +654,65 @@ CDN_USE:
# CDN
# 非必要不要修改
CDN:
#comments
blueimp_md5: https://cdn.jsdelivr.net/npm/blueimp-md5@2.10.0/js/md5.min.js
# comments
blueimp_md5: https://cdn.jsdelivr.net/npm/blueimp-md5/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
disqusjs: https://cdn.jsdelivr.net/npm/disqusjs@1.2/dist/disqus.js
disqusjs_css: https://cdn.jsdelivr.net/npm/disqusjs@1.2/dist/disqusjs.css
utterances: https://utteranc.es/client.js
# share
addtoany: https://static.addtoany.com/menu/page.js
sharejs: https://cdn.jsdelivr.net/npm/social-share.js/dist/js/social-share.min.js
sharejs_css: https://cdn.jsdelivr.net/npm/social-share.js/dist/css/share.min.css
#search
# search
local_search: /js/search/local-search.js
algolia_js: /js/search/algolia.js
algolia_search: https://cdn.jsdelivr.net/npm/instantsearch.js@2.10.5/dist/instantsearch.min.js
algolia_search_css: https://cdn.jsdelivr.net/npm/instantsearch.js@2.10.5/dist/instantsearch.min.css
# math
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
mermaid: https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js
#不蒜子計數器
# count
busuanzi: //busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js
# 背景特效
canvas_ribbon: https://cdn.jsdelivr.net/gh/jerryc127/butterfly_cdn@2.1.0/js/canvas-ribbon.js
canvas_ribbon_piao: https://cdn.jsdelivr.net/gh/jerryc127/butterfly_cdn@2.1.0/js/piao.js
canvas_nest: https://cdn.jsdelivr.net/gh/jerryc127/butterfly_cdn@2.1.0/js/canvas-nest.js
# background effect
canvas_ribbon: /js/third-party/canvas-ribbon.js
canvas_ribbon_piao: /js/third-party/piao.js
canvas_nest: /js/third-party/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
pangu: https://cdn.jsdelivr.net/npm/pangu/dist/browser/pangu.min.js
# photo
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
medium_zoom: https://cdn.jsdelivr.net/npm/medium-zoom/dist/medium-zoom.min.js
# snackbar
snackbar_css: https://cdn.jsdelivr.net/npm/node-snackbar/dist/snackbar.min.css
snackbar: https://cdn.jsdelivr.net/npm/node-snackbar/dist/snackbar.min.js
#鼠标点击特效
# 鼠標點擊特效
anime: https://cdn.jsdelivr.net/npm/animejs@latest/anime.min.js
activate_power_mode: https://cdn.jsdelivr.net/npm/activate-power-mode/dist/activate-power-mode.min.js
fireworks: https://cdn.jsdelivr.net/gh/jerryc127/butterfly_cdn@2.1.0/js/fireworks.js
click_heart: https://cdn.jsdelivr.net/gh/jerryc127/butterfly_cdn@2.1.0/js/click_heart.js
ClickShowText: https://cdn.jsdelivr.net/gh/jerryc127/butterfly_cdn@2.1.0/js/ClickShowText.js
activate_power_mode: /js/third-party/activate-power-mode.js
fireworks: /js/third-party/fireworks.js
click_heart: /js/third-party/click_heart.js
ClickShowText: /js/third-party/ClickShowText.js
# fontawesome
fontawesome_v4: https://cdn.jsdelivr.net/npm/font-awesome@latest/css/font-awesome.min.css
fontawesome_v5: https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/css/all.min.css
translate: /js/tw_cn.js

12
languages/default.yml
View File

@@ -19,7 +19,6 @@ page:
sticky: Sticky
no_title: No title
archives: Archives
post:
created: Created
@@ -27,12 +26,13 @@ post:
wordcount: Word count
min2read: "Reading time: %s min"
page_pv: Post View
comments: comments
comments: Comments
copyright:
author: Author
link: Link
copyright_notice: Copyright Notice
copyright_content: 'All articles in this blog are licensed under <a href="%s">%s</a> unless stating additionally.'
recommend: Recommend
search: Search
algolia_search:
@@ -71,11 +71,9 @@ aside:
donate: Donate
share: Share
bookmark:
title: Bookmark
rightside:
readmode_title: Read Mode
font_plus_title: Increase font size
@@ -101,5 +99,7 @@ Snackbar:
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
day_to_night: Dark Mode Activated Manually
night_to_day: Light Mode Activated Manually
error_title: Page not found

6
languages/en.yml
View File

@@ -19,7 +19,6 @@ page:
sticky: Sticky
no_title: No title
archives: Archives
post:
created: Created
@@ -27,12 +26,13 @@ post:
wordcount: Word count
min2read: "Reading time: %s min"
page_pv: Post View
comments: comments
comments: Comments
copyright:
author: Author
link: Link
copyright_notice: Copyright Notice
copyright_content: 'All articles in this blog are licensed under <a href="%s">%s</a> unless stating additionally.'
recommend: Recommend
search: Search
algolia_search:
@@ -101,3 +101,5 @@ Snackbar:
cht_to_chs: Simplified Chinese Activated Manually
day_to_night: Dark Mode Activated Manually
night_to_day: Light Mode Activated Manually
error_title: Page not found

8
languages/zh-CN.yml
View File

@@ -19,7 +19,6 @@ page:
sticky: 置顶
no_title: 无题
archives: 时间轴
post:
created: 发表于
@@ -32,7 +31,9 @@ post:
author: 文章作者
link: 文章链接
copyright_notice: 版权声明
copyright_content: '本博客所有文章除特别声明外，均采用 <a href="%s">%s</a> 许可协议。转载请注明来自 <a href="%s">%s</a>！'
copyright_content: '本博客所有文章除特别声明外，均采用
<a href="%s" target="_blank">%s</a> 许可协议。转载请注明来自 <a href="%s" target="_blank">%s</a>！'
recommend: 相关推荐
search: 搜索
algolia_search:
@@ -75,7 +76,6 @@ share: 分享
bookmark:
title: 添加书签
rightside:
readmode_title: 阅读模式
font_plus_title: 放大字体
@@ -103,3 +103,5 @@ Snackbar:
cht_to_chs: 你已切换为简体
day_to_night: 你已切换为深色模式
night_to_day: 你已切换为浅色模式
error_title: 页面没有找到

7
languages/zh-TW.yml
View File

@@ -15,11 +15,10 @@ page:
articles: 文章總覽
tag: 標籤
category: 分類
archives: 時間軸
archives: 歸檔
sticky: 置頂
no_title: 無題
archives: 時間軸
post:
created: 發表於
@@ -34,6 +33,7 @@ post:
copyright_notice: 版權聲明
copyright_content: '本博客所有文章除特別聲明外，均採用
<a href="%s" target="_blank">%s</a> 許可協議。轉載請註明來自 <a href="%s" target="_blank">%s</a>！'
recommend: 相關推薦
search: 搜索
algolia_search:
@@ -76,7 +76,6 @@ share: 分享
bookmark:
title: 添加書籤
rightside:
readmode_title: 閲讀模式
font_plus_title: 放大字體
@@ -105,4 +104,6 @@ Snackbar:
day_to_night: 你已切換為深色模式
night_to_day: 你已切換為淺色模式
error_title: 頁面沒有找到

87
layout/404.pug Normal file
View File

@@ -0,0 +1,87 @@
doctype html
html(lang=config.language data-theme=theme.display_mode)
head
- var pageTitle = _p('error_title')
- var tabTitle = pageTitle + ' | ' + config.title
- var pageDescription = page.description || page.title || config.description
- var pageKeywords = Array.isArray(config.keywords) ? (config.keywords).join(','): ([]).join(',') || config.keywords
- var pageAuthor = config.email ? config.author + ',' + config.email : config.author
- var pageCopyright = config.copyright || config.author
- var without_html = url.replace('index.html', '')
- var top_img = theme.error_404.background || theme.default_top_img
- var bg_img = `background-image: url(${top_img})`
meta(charset='UTF-8')
meta(http-equiv="X-UA-Compatible" content="IE=edge")
meta(name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5")
title= tabTitle
meta(name="description" content=pageDescription)
if pageKeywords
meta(name="keywords" content=pageKeywords)
meta(name="author" content=pageAuthor)
meta(name="copyright" content=pageCopyright)
meta(name ="format-detection" content="telephone=no")
!=favicon_tag(theme.favicon || config.favicon)
//- 預解析
include includes/head/dns_prefetch.pug
//- 網站驗證
include includes/head/site_verification.pug
//- Open_Graph
include includes/head/Open_Graph.pug
//- PWA
if (theme.pwa && theme.pwa.enable)
include includes/head/pwa
script(src=url_for(theme.CDN.js_cookies))
if theme.darkmode.enable
include includes/head/darkmode.pug
each item in theme.CDN_USE.css
link(rel='stylesheet', href=url_for(item))
if theme.fontawesome_v5 && theme.fontawesome_v5.enable
link(rel='stylesheet', href=url_for(theme.CDN.fontawesome_v5))
else
link(rel='stylesheet', href=url_for(theme.CDN.fontawesome_v4))
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 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)
//- google_adsense
include includes/head/google_adsense.pug
//- analytics
include includes/head/analytics.pug
if theme.blog_title_font.font_link
link(rel='stylesheet', href=url_for(theme.blog_title_font.font_link))
include includes/head/config.pug
include includes/head/config_site.pug
body
if theme.fireworks && theme.fireworks.enable
canvas.fireworks
nav#nav.error-no-found(style=bg_img)
include includes/header/header.pug
#error_info.is-center
h1#error_title= '404'
#error_subtitle= theme.error_404.subtitle
include includes/mobile-sidebar/index.pug
include includes/rightside.pug
each item in theme.CDN_USE.js
script(src=url_for(item))
include includes/additional-js.pug
include includes/search/index.pug

5
layout/archive.pug
View File

@@ -1,4 +1,3 @@
extends includes/layout.pug
block content
@@ -6,6 +5,4 @@ block content
#archive
.article-sort-title= _p('page.articles') + ' - ' + site.posts.length
+articleSort(page.posts)
include includes/pagination.pug
#aside_content.aside_content
include includes/widget/index.pug
include includes/pagination.pug

9
layout/category.pug
View File

@@ -5,15 +5,10 @@ block content
include ./includes/mixins/UI.pug
#recent-posts.recent-posts.category_ui
+UI_NEW(page.posts)
include includes/pagination.pug
#aside_content.aside_content
include includes/widget/index.pug
include includes/pagination.pug
else
include ./includes/mixins/article-sort.pug
#category
.article-sort-title= _p('page.category') + ' - ' + page.category
+articleSort(page.posts)
include includes/pagination.pug
#aside_content.aside_content
include includes/widget/index.pug
include includes/pagination.pug

46
layout/flink.pug
View File

@@ -1,30 +1,20 @@
.flink
each i in site.data.link
h1= i.class_name
.post-cards
ul.md-links
each item in i.link_list
li.md-links-item
a(href=item.link title=item.name target="_blank")
if theme.lazyload.enable
img.lazyload(data-src=item.avatar onerror=`this.onerror=null;this.src='` + url_for(theme.lodding_bg.flink) + `'` alt=item.name )
else
img(src=item.avatar onerror=`this.onerror=null;this.src='` + url_for(theme.lodding_bg.flink) + `'` alt=item.name )
.md-links-title= item.name
.md-links-des= item.descr
hr
div
h2= theme.Flink.info_headline
ul
li= theme.Flink.name
li= theme.Flink.address
li= theme.Flink.avatar
li= theme.Flink.info
hr
.comment_int
p.comment-word= theme.Flink.comment
#page
.flink#article-container
each i in site.data.link
h2= i.class_name
.post-cards
.md-links
each item in i.link_list
.md-links-item
a(href=item.link title=item.name target="_blank")
if theme.lazyload.enable
img.lazyload(data-src=item.avatar onerror=`this.onerror=null;this.src='` + url_for(theme.lodding_bg.flink) + `'` alt=item.name )
else
img(src=item.avatar onerror=`this.onerror=null;this.src='` + url_for(theme.lodding_bg.flink) + `'` alt=item.name )
.md-links-title= item.name
.md-links-des= item.descr
!= page.content
if page.comments !== false
include includes/comments/index.pug

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

@@ -26,12 +26,10 @@ if (theme.canvas_nest && theme.canvas_nest.enable)
include ./third-party/canvas-nest.pug
if theme.activate_power_mode.enable
- var colorful = theme.activate_power_mode.colorful == false ? false : true
- var shake = theme.activate_power_mode.shake == false ? false : true
script(src=url_for(theme.CDN.activate_power_mode))
script.
POWERMODE.colorful = !{colorful};
POWERMODE.shake = !{shake};
POWERMODE.colorful = #{theme.activate_power_mode.colorful};
POWERMODE.shake = #{theme.activate_power_mode.shake};
document.body.addEventListener('input', POWERMODE);
if theme.busuanzi.site_uv || theme.busuanzi.site_pv || theme.busuanzi.page_pv
@@ -50,5 +48,18 @@ if theme.click_heart && theme.click_heart.enable
if theme.ClickShowText && theme.ClickShowText.enable
script(src=url_for(theme.CDN.ClickShowText))
if theme.pangu && theme.pangu.enable
include ./third-party/pangu.pug
//- search
if theme.algolia_search && theme.algolia_search.enable
script(src=url_for(theme.CDN.algolia_js))
else if theme.local_search && theme.local_search.enable
script(src=url_for(theme.CDN.local_search))
//- mermaid
if theme.mermaid.enable
include ./math/mermaid.pug
if is_home()
include index-js.pug

34
layout/includes/comments/disqus.pug
View File

@@ -1,13 +1,23 @@
if theme.disqus && theme.disqus.enable
#disqus_thread
script.
var unused = null;
var disqus_config = function () {
this.page.url = '!{ page.permalink }';
this.page.identifier = '!{ page.path }';
this.page.title = '!{ page.title }';
}
#disqus_thread
script.
var disqus_config = function () {
this.page.url = '!{ page.permalink }';
this.page.identifier = '!{ page.path }';
this.page.title = '!{ page.title }';
};
(function() {
var d = document, s = d.createElement('script');
s.src = "https://" + '!{theme.disqus.shortname}' +".disqus.com/embed.js";
s.setAttribute('data-timestamp', '' + +new Date());
(d.head || d.body).appendChild(s);
s.src = 'https://!{theme.disqus.shortname}.disqus.com/embed.js';
s.setAttribute('data-timestamp', +new Date());
(d.head || d.body).appendChild(s);
})();
script.
function getDisqusCount() {
var d = document, s = d.createElement('script');
s.src = 'https://!{theme.disqus.shortname}.disqus.com/count.js';
s.id = 'dsq-count-scr';
(d.head || d.body).appendChild(s);
}
window.addEventListener('load', getDisqusCount, false);

39
layout/includes/comments/disqusjs.pug
View File

@@ -1,16 +1,23 @@
if theme.disqusjs && theme.disqusjs.enable
#disqus_thread
link(href=('https://cdn.jsdelivr.net/npm/disqusjs@1.2/dist/disqusjs.css') rel='stylesheet')
script(src=('https://cdn.jsdelivr.net/npm/disqusjs@1.2/dist/disqus.js'))
script.
var dsqjs = new DisqusJS({
shortname: '!{theme.disqusjs.shortname}',
siteName: "!{theme.disqusjs.siteName}",
identifier: '!{ page.path }',
url: '!{ page.permalink }',
title: '!{ page.title }',
api: '!{theme.disqusjs.api}',
apikey: '!{theme.disqusjs.apikey}',
admin: '',
adminLabel: ''
});
#disqus_thread
script(src=url_for(theme.CDN.disqusjs))
script.
var dsqjs = new DisqusJS({
shortname: '!{theme.disqusjs.shortname}',
siteName: "!{theme.disqusjs.siteName}",
identifier: '!{ page.path }',
url: '!{ page.permalink }',
title: '!{ page.title }',
api: '!{theme.disqusjs.api}',
apikey: '!{theme.disqusjs.apikey}',
admin: '!{theme.disqusjs.admin}',
adminLabel: '!{theme.disqusjs.adminLabel}'
});
script.
function getDisqusCount() {
var d = document, s = d.createElement('script');
s.src = 'https://!{theme.disqusjs.shortname}.disqus.com/count.js';
s.id = 'dsq-count-scr';
(d.head || d.body).appendChild(s);
}
window.addEventListener('load', getDisqusCount, false);

37
layout/includes/comments/gitalk.pug
View File

@@ -1,20 +1,23 @@
if theme.gitalk && theme.gitalk.enable
#gitalk-container
script.
var gitalk = new Gitalk({
clientID: '!{theme.gitalk.client_id}',
clientSecret: '!{theme.gitalk.client_secret}',
repo: '!{theme.gitalk.repo}',
owner: '!{theme.gitalk.owner}',
admin: '!{theme.gitalk.admin}',
id: md5(decodeURI(location.pathname)),
language: '!{theme.gitalk.language}',
updateCountCallback: commentCount
})
gitalk.render('gitalk-container')
#gitalk-container
script.
var gitalk = new Gitalk({
clientID: '!{theme.gitalk.client_id}',
clientSecret: '!{theme.gitalk.client_secret}',
repo: '!{theme.gitalk.repo}',
owner: '!{theme.gitalk.owner}',
admin: ['!{theme.gitalk.admin}'],
id: md5(decodeURI(location.pathname)),
language: '!{theme.gitalk.language}',
perPage: '!{theme.gitalk.perPage}',
distractionFreeMode: !{theme.gitalk.distractionFreeMode},
pagerDirection: '!{theme.gitalk.pagerDirection}',
createIssueManually: !{theme.gitalk.createIssueManually},
updateCountCallback: commentCount
})
gitalk.render('gitalk-container')
function commentCount(n){
document.getElementsByClassName('gitalk-comment-count')[0].innerHTML= n
}
function commentCount(n){
document.getElementsByClassName('gitalk-comment-count')[0].innerHTML= n
}

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

@@ -3,8 +3,10 @@
- var l = theme.laibili && theme.laibili.enable
- var gt = theme.gitalk && theme.gitalk.enable
- var v = theme.valine && theme.valine.enable
- var u = theme.utterances && theme.utterances.enable
- var isComment = d || dj || l || gt || v || u
if d || dj || l || gt || v
if isComment
hr
#post-comment
.comment_headling
@@ -19,4 +21,6 @@ if d || dj || l || gt || v
else if gt
include ./gitalk.pug
else if v
include ./valine.pug
include ./valine.pug
else if u
include ./utterances.pug

21
layout/includes/comments/laibili.pug
View File

@@ -1,11 +1,10 @@
if theme.laibili && theme.laibili.enable
#lv-container(data-id="city" data-uid=theme.laibili.uid)
script.
(function(d, s) {
var j, e = d.getElementsByTagName(s)[0];
if (typeof LivereTower === 'function') { return; }
j = d.createElement(s);
j.src = 'https://cdn-city.livere.com/js/embed.dist.js';
j.async = true;
e.parentNode.insertBefore(j, e);
})(document, 'script');
#lv-container(data-id="city" data-uid=theme.laibili.uid)
script.
(function(d, s) {
var j, e = d.getElementsByTagName(s)[0];
if (typeof LivereTower === 'function') { return; }
j = d.createElement(s);
j.src = 'https://cdn-city.livere.com/js/embed.dist.js';
j.async = true;
e.parentNode.insertBefore(j, e);
})(document, 'script');

19
layout/includes/comments/utterances.pug Normal file
View File

@@ -0,0 +1,19 @@
script#utterances_comment(src=theme.CDN.utterances
repo=theme.utterances.repo
issue-term=theme.utterances.issue_term
theme=theme.utterances.light_theme
crossorigin="anonymous"
async)
script.
var themeNow = document.documentElement.getAttribute('data-theme') === 'dark' ? '#{theme.utterances.dark_theme}' : '#{theme.utterances.light_theme}'
document.getElementById('utterances_comment').setAttribute('theme',themeNow)
function utterancesTheme () {
var theme = document.documentElement.getAttribute('data-theme') === 'dark' ? '#{theme.utterances.dark_theme}' : '#{theme.utterances.light_theme}'
const message = {
type: 'set-theme',
theme: theme
};
const iframe = document.querySelector('.utterances-frame');
iframe.contentWindow.postMessage(message, 'https://utteranc.es');
}

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

@@ -1,25 +1,23 @@
if theme.valine && theme.valine.enable
#vcomment.vcomment
script(src=url_for(theme.CDN.valine))
script.
var notify = #{ theme.valine.notify } == true ? true : false;
var verify = #{ theme.valine.verify } == true ? true : false;
var GUEST_INFO = ['nick','mail','link'];
var guest_info = '#{ theme.valine.guest_info }'.split(',').filter(function(item){
return GUEST_INFO.indexOf(item) > -1
});
guest_info = guest_info.length == 0 ? GUEST_INFO :guest_info;
#vcomment.vcomment
script(src=url_for(theme.CDN.valine))
script.
var GUEST_INFO = ['nick','mail','link'];
var guest_info = '#{ theme.valine.guest_info }'.split(',').filter(function(item){
return GUEST_INFO.indexOf(item) > -1
});
guest_info = guest_info.length == 0 ? GUEST_INFO :guest_info;
window.valine = new Valine({
el:'#vcomment',
notify:notify,
verify:verify,
appId:'#{theme.valine.appId}',
appKey:'#{theme.valine.appKey}',
placeholder:'#{theme.valine.placeholder}',
avatar:'#{theme.valine.avatar}',
guest_info:guest_info,
pageSize:'#{theme.valine.pageSize}',
lang:'#{theme.valine.lang}',
recordIP: true
});
window.valine = new Valine({
el:'#vcomment',
notify: #{theme.valine.notify},
verify: #{theme.valine.verify},
appId: '#{theme.valine.appId}',
appKey: '#{theme.valine.appKey}',
placeholder: '#{theme.valine.placeholder}',
avatar: '#{theme.valine.avatar}',
meta: guest_info,
pageSize: '#{theme.valine.pageSize}',
lang: '#{theme.valine.lang}',
recordIP: #{theme.valine.recordIP},
serverURLs: '#{theme.valine.serverURLs}'
});

2
layout/includes/footer.pug
View File

@@ -8,7 +8,7 @@
if theme.footer_copyright.enable
.framework-info
span= _p('footer.driven') + ' '
a(href='http://hexo.io')
a(href='https://hexo.io')
span Hexo
span.footer-separator |
span= _p('footer.theme') + ' '

96
layout/includes/head.pug
View File

@@ -1,31 +1,31 @@
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 pageTitle = page.title || config.title || ''
- if (is_archive()) pageTitle = _p('page.archives')
- if (is_tag()) pageTitle = _p('page.tag') + ': ' + page.tag
- if (is_category()) pageTitle = _p('page.category') + ': ' + page.category
- if (is_month()) pageTitle += ': ' + page.month + '/' + page.year
- if (is_year()) pageTitle += ': ' + page.year
- var isSubtitle = config.subtitle ? ' - ' + config.subtitle : ''
- var tabTitle = is_home() || !pageTitle ? config.title + isSubtitle : pageTitle + ' | ' + config.title
- pageTitle ? '' : pageTitle = config.title || ''
- var without_index = url.replace('index.html', '')
- var without_html = without_index.replace('.html', '')
- var pageDescription = page.description || page.title || config.description
- var pageKeywords = Array.isArray(config.keywords) ? (config.keywords).join(','): ([]).join(',') || config.keywords
- 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 without_html = url.replace('index.html', '')
//- 預解析
include ./head/dns_prefetch.pug
//- PWA
if (theme.pwa && theme.pwa.enable)
include ./head/pwa.pug
//- 網站驗證
include ./head/site_verification.pug
//- Open_Graph
include ./head/Open_Graph.pug
meta(charset='UTF-8')
meta(http-equiv="X-UA-Compatible" content="IE=edge")
meta(name="viewport" content="width=device-width,initial-scale=1")
title= tabTitle
meta(name="description" content=pageDescription)
if pageKeywords
meta(name="keywords" content=pageKeywords)
meta(name="author" content=pageAuthor)
meta(name="copyright" content=pageCopyright)
meta(name ="format-detection" content="telephone=no")
!=favicon_tag(theme.favicon || config.favicon)
if theme.disable_baidu_transformation
meta(http-equiv="Cache-Control" content="no-transform")
@@ -34,14 +34,35 @@ if theme.disable_baidu_transformation
if page.hide == true
meta(name="robots" content="noindex")
if theme.douban.meta && (is_current('/movies/', [strict]) || is_current('/books/', [strict]) || is_current('/games/', [strict]))
meta(name="referrer" content="no-referrer")
//- 預解析
!=partial('includes/head/dns_prefetch', {}, {cache:theme.fragment_cache})
//- 網站驗證
!=partial('includes/head/site_verification', {}, {cache:theme.fragment_cache})
//- Open_Graph
include ./head/Open_Graph.pug
//- PWA
if (theme.pwa && theme.pwa.enable)
!=partial('includes/head/pwa', {}, {cache:theme.fragment_cache})
script(src=url_for(theme.CDN.js_cookies))
if (theme.darkmode && theme.darkmode.enable) || theme.autoChangeMode !== false
include ./head/darkmode.pug
if theme.darkmode.enable
!=partial('includes/head/darkmode', {}, {cache:theme.fragment_cache})
each item in theme.CDN_USE.css
link(rel='stylesheet', href=url_for(item))
if theme.fontawesome_v5 && theme.fontawesome_v5.enable
link(rel='stylesheet', href=url_for(theme.CDN.fontawesome_v5))
else
link(rel='stylesheet', href=url_for(theme.CDN.fontawesome_v4))
if (theme.fancybox && theme.fancybox.enable)
link(rel='stylesheet', href=url_for(theme.CDN.fancybox_css))
@@ -61,19 +82,18 @@ 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(theme.CDN.gitalk_css))
script(src=url_for(theme.CDN.gitalk))
script(src=url_for(theme.CDN.blueimp_md5))
//- comment css
include ./head/comment.pug
//- google_adsense
include ./head/google_adsense.pug
!=partial('includes/head/google_adsense', {}, {cache:theme.fragment_cache})
//- analytics
include ./head/analytics.pug
if !is_post()
link(rel="preload" href=url_for(top_img) as="image" )
!=partial('includes/head/analytics', {}, {cache:theme.fragment_cache})
if theme.blog_title_font.font_link
link(rel='stylesheet', href=url_for(theme.blog_title_font.font_link))
link(rel='stylesheet', href=url_for(theme.blog_title_font.font_link))
//- global config
!=partial('includes/head/config', {}, {cache:theme.fragment_cache})
include ./head/config_site.pug

10
layout/includes/head/Open_Graph.pug
View File

@@ -1,19 +1,17 @@
- var photo_check = is_post() ? page.cover || theme.avatar : theme.avatar
- var photo_link = url_check (photo_check) ? photo_check : config.url + photo_check
- var contentType = is_post() ? 'article' : 'website'
//- twitter meta
if theme.twitter_meta
meta(name="twitter:card" content="summary")
meta(name="twitter:title" content=pageTitle_no_include_blog_name)
meta(name="twitter:title" content=pageTitle)
meta(name="twitter:description" content=pageDescription)
meta(name="twitter:image" content=photo_link)
meta(name="twitter:image" content=full_url_for(page.cover || theme.avatar.img))
//- Open_Graph
if theme.Open_Graph_meta
meta(property="og:type" content=contentType)
meta(property="og:title" content=pageTitle_no_include_blog_name)
meta(property="og:title" content=pageTitle)
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)
meta(property="og:image" content=full_url_for(page.cover || theme.avatar.img))

2
layout/includes/head/analytics.pug
View File

@@ -19,4 +19,4 @@ if theme.google_analytics
ga('send', 'pageview');
if theme.tencent_analytics
script(src=`https://tajs.qq.com/stats?sId=` + theme.tencent_analytics charset="UTF-8")
script(src=`https://tajs.qq.com/stats?sId=${theme.tencent_analytics}` charset="UTF-8")

8
layout/includes/head/comment.pug Normal file
View File

@@ -0,0 +1,8 @@
if (theme.disqusjs && theme.disqusjs.enable && page.comments !== false && !is_tag() && !is_category() && !is_archive() && !is_home())
link(rel="stylesheet" type="text/css" href=url_for(theme.CDN.disqusjs_css))
if (theme.gitalk && theme.gitalk.enable && page.comments !== false && !is_tag() && !is_category() && !is_archive() && !is_home())
link(rel="stylesheet" type="text/css" href=url_for(theme.CDN.gitalk_css))
script(src=url_for(theme.CDN.gitalk))
script(src=url_for(theme.CDN.blueimp_md5))

12
layout/includes/config.pug → layout/includes/head/config.pug
View File

@@ -76,12 +76,14 @@
})
}
var highlightCopy = theme.highlight_copy
var highlightLang = theme.highlight_lang
var highlightShrink = theme.highlight_shrink
var runtime = theme.runtimeshow.enable
var fancybox = theme.fancybox.enable
var medium_zoom = theme.medium_zoom.enable
var baiduPush = theme.baidu_push && theme.baidu_push.enable
var isHome = is_home() ? true : false
var isPost = is_post() ? true : false
var isFontAwesomeV5 = theme.fontawesome_v5 && theme.fontawesome_v5.enable
script.
@@ -108,8 +110,10 @@ script.
fancybox: !{fancybox},
Snackbar: !{Snackbar},
baiduPush: !{baiduPush},
isHome: !{isHome},
isPost: !{isPost}
highlightCopy: !{highlightCopy},
highlightLang: !{highlightLang},
highlightShrink: !{highlightShrink},
isFontAwesomeV5: !{isFontAwesomeV5}
}

6
layout/includes/head/config_site.pug Normal file
View File

@@ -0,0 +1,6 @@
script.
var GLOBAL_CONFIG_SITE = {
isPost: !{is_post()},
isHome: !{is_home()}
}

37
layout/includes/head/darkmode.pug
View File

@@ -1,25 +1,24 @@
script.
const autoChangeMode = '#{theme.autoChangeMode}'
var t = Cookies.get("theme");
const autoChangeMode = '#{theme.darkmode.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()
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();

16
layout/includes/header.pug
View File

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

15
layout/includes/header/header.pug Normal file
View File

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

45
layout/includes/header/index.pug Normal file
View File

@@ -0,0 +1,45 @@
if is_home()
- var top_img = theme.index_img || theme.default_top_img
else if is_post()
- var top_img = page.top_img || page.cover || page.randomcover || 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
- var top_img = page.top_img || theme.default_top_img
if theme.douban
if is_current('/movies/', [strict])
- var top_img = theme.douban.movies_img || theme.default_top_img
else if is_current('/books/', [strict])
- var top_img = theme.douban.books_img || theme.default_top_img
else if is_current('/games/', [strict])
- var top_img = theme.douban.games_img || theme.default_top_img
- var bg_img = top_img && top_img !== true ? `background-image: url(${top_img})` : ''
- var site_title = is_archive() ? _p('page.archives') : page.title || page.tag || page.category || config.title
- var isHomeClass = is_home() ? 'full_page' : 'not-index-bg'
- is_post() ? isHomeClass = 'post-bg' : isHomeClass
#nav(class=isHomeClass style=bg_img)
!=partial('includes/header/header', {}, {cache:theme.fragment_cache})
if is_home()
#site-info
h1#site_title=site_title
#site_subtitle
span#subtitle
if(theme.social)
#site_social_icons
each url, icon in theme.social
a.social-icon(href=url target="_blank")
i(class=icon aria-hidden="true")
#scroll_down
i.fa.fa-angle-down.scroll-down-effects
else if is_post()
include ./post-info.pug
else
#page_site-info
h1#site_title=site_title

0
layout/includes/menu_item.pug → layout/includes/header/menu_item.pug
View File

65
layout/includes/header/post-info.pug Normal file
View File

@@ -0,0 +1,65 @@
#post-info
#post-title
.posttitle= page.title || _p('no_title')
#post-meta
if (theme.post_meta.post.date_type)
if (theme.post_meta.post.date_type === 'both')
time.post-meta__date
i.fa.fa-calendar.fa-fw(aria-hidden="true")
=' '+_p('post.created')+' '+date(page.date, config.date_format)
span.post-meta__separator |
i.fa.fa-history.fa-fw(aria-hidden="true")
=' '+_p('post.updated')+' '+date(page.updated, config.date_format)
else
- var date_type = theme.post_meta.post.date_type === 'updated' ? 'updated' : 'date'
time.post-meta__date #[i.fa.fa-calendar.fa-fw(aria-hidden="true")] #[=date(page[date_type], config.date_format)]
if (theme.post_meta.post.categories && page.categories.data.length > 0)
if (theme.post_meta.post.date_type)
span.post-meta__separator |
span
each item, index in page.categories.data
i.fa.fa-inbox.post-meta__icon.fa-fw(aria-hidden="true")
a(href=url_for(item.path)).post-meta__categories #[=item.name]
if (index < page.categories.data.length - 1)
i.fa.fa-angle-right.fa-fw(aria-hidden="true")
.post-meta-wordcount
if (theme.wordcount && theme.wordcount.enable)
- var wordCountIcon = theme.fontawesome_v5 && theme.fontawesome_v5.enable ? 'far fa-file-word' : 'fa fa-file-word-o'
i.post-meta__icon.fa-fw(class=wordCountIcon aria-hidden="true")
span= _p('post.wordcount') + ':'
span.word-count= wordcount(page.content)
span.post-meta__separator |
- var readCountIcon = theme.fontawesome_v5 && theme.fontawesome_v5.enable ? 'far fa-clock' : 'fa fa-clock-o'
i.post-meta__icon.fa-fw(class=readCountIcon aria-hidden="true")
span= _p('post.min2read', min2read(page.content, {cn: 350, en: 160}))
.post-meta-pv-cv
if (theme.wordcount && theme.wordcount.enable && theme.busuanzi.page_pv)
span.post-meta__separator |
if theme.busuanzi.page_pv
i.fa.fa-eye.post-meta__icon.fa-fw(aria-hidden="true")
span=_p('post.page_pv') + ':'
span#busuanzi_value_page_pv
- var commentCount = theme.fontawesome_v5 && theme.fontawesome_v5.enable ? 'far fa-comments' : 'fa fa-comment-o'
if ((theme.disqus && theme.disqus.enable && theme.disqus.count && page.comments !== false) || (theme.disqusjs && theme.disqusjs.enable && theme.disqusjs.count && page.comments !== false))
if (theme.busuanzi && theme.busuanzi.page_pv)
span.post-meta__separator |
i.post-meta__icon.fa-fw(class=commentCount aria-hidden="true")
span= _p('post.comments') + ':'
span.disqus-comment-count.comment-count
a(href=full_url_for(page.path) + '#disqus_thread')
if (theme.valine && theme.valine.enable && theme.valine.count && page.comments !== false)
if (theme.busuanzi && theme.busuanzi.page_pv)
span.post-meta__separator |
i.post-meta__icon.fa-fw(class=commentCount aria-hidden="true")
span= _p('post.comments') + ':'
a(href=url_for(page.path) + '#post-comment' itemprop="discussionUrl")
span.valine-comment-count.comment-count(data-xid=url_for(page.path) itemprop="commentCount")
if (theme.gitalk && theme.gitalk.enable && theme.gitalk.count && page.comments !== false)
if (theme.busuanzi && theme.busuanzi.page_pv)
span.post-meta__separator |
i.post-meta__icon.fa-fw(class=commentCount aria-hidden="true")
span= _p('post.comments') + ':'
a(href=url_for(page.path) + '#post-comment')
span.gitalk-comment-count.comment-count

136
layout/includes/index-js.pug
View File

@@ -1,90 +1,116 @@
if theme.subtitle.enable
script(src=url_for(theme.CDN.typed))
- var source = theme.subtitle.source
- let source = theme.subtitle.source
- let subtitleEffect = theme.subtitle.effect
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 subtitleEffect
script(src=url_for(theme.CDN.typed))
if source == '1'
script.
let subtitleEffect = !{subtitleEffect}
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
});
if (subtitleEffect){
let sub = '!{theme.subtitle.sub}'.length == 0 ? new Array() : '!{theme.subtitle.sub}'.split(",");
let both = sub.unshift(data['ciba-en'],data.ciba)
let typed = new Typed("#subtitle", {
strings: sub,
startDelay: 300,
typeSpeed: 150,
loop: !{theme.subtitle.loop},
backSpeed: 50
});
}else{
document.getElementById("subtitle").innerHTML = data['ciba-en']
}
})
.catch(function (err) {
console.error(err);
})
else if source == '2'
script.
let subtitleEffect = !{subtitleEffect}
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
});
if (subtitleEffect){
let from = '出自 ' + data.from
let sub = '!{theme.subtitle.sub}'.length == 0 ? new Array() : '!{theme.subtitle.sub}'.split(",");
let both = sub.unshift(data.hitokoto,from)
let typed = new Typed("#subtitle", {
strings: sub,
startDelay: 300,
typeSpeed: 150,
loop: !{theme.subtitle.loop},
backSpeed: 50
});
}else{
document.getElementById("subtitle").innerHTML = data.hitokoto
}
})
.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
});
let subtitleEffect = !{subtitleEffect}
let con = str[0];
if (subtitleEffect){
let from = "出自 " + str[1];
let sub = '!{theme.subtitle.sub}'.length == 0 ? new Array() : '!{theme.subtitle.sub}'.split(",");
let both = sub.unshift(con,from)
let typed = new Typed("#subtitle", {
strings: sub,
startDelay: 300,
typeSpeed: 150,
loop: !{theme.subtitle.loop},
backSpeed: 50
});
}else{
document.getElementById("subtitle").innerHTML = con
}
else if source == '4'
script(type="text/javascript" src="https://sdk.jinrishici.com/v2/browser/jinrishici.js" charset="utf-8")
script.
let subtitleEffect = !{subtitleEffect}
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
});
if (subtitleEffect){
let sub = '!{theme.subtitle.sub}'.length == 0 ? new Array() : '!{theme.subtitle.sub}'.split(",");
let content = result.data.content;
let both = sub.unshift(content)
let typed = new Typed("#subtitle", {
strings: sub,
startDelay: 300,
typeSpeed: 150,
loop: !{theme.subtitle.loop},
backSpeed: 50
});
}else{
document.getElementById("subtitle").innerHTML = result.data.content
}
})
else
- var subtitle = theme.subtitle.sub[0]
script.
var typed = new Typed(".subtitle", {
strings: '!{theme.subtitle.sub}'.split(","),
startDelay: 300,
typeSpeed: 100,
loop: true,
backSpeed: 50
});
let subtitleEffect = !{subtitleEffect}
if (subtitleEffect){
let typed = new Typed("#subtitle", {
strings: '!{theme.subtitle.sub}'.split(","),
startDelay: 300,
typeSpeed: 150,
loop: !{theme.subtitle.loop},
backSpeed: 50
})
}else{
document.getElementById("subtitle").innerHTML = '!{subtitle}'
}

85
layout/includes/layout.pug
View File

@@ -1,85 +1,46 @@
- var pageTitle = page.title || config.subtitle || ''
- if (is_archive()) pageTitle = _p('page.archives')
- if (is_tag()) pageTitle = _p('page.tag') + ': ' + page.tag
- if (is_category()) pageTitle = _p('page.category') + ': ' + page.category
- if (is_month()) pageTitle += ': ' + page.month + '/' + page.year
- if (is_year()) pageTitle += ': ' + page.year
- var pageTitle_saved //- 暫時存儲pageTitle
- var pageTitle_no_include_blog_name //- 存儲pageTitle， 不帶 " | "，meta用
- var home_subtitle_true //有subtitle
//- home時顯示config.title (JerryC)，其他顯示 pageTitle。meta用
- is_home() ? pageTitle_no_include_blog_name = config.title : pageTitle_no_include_blog_name = pageTitle
//- 暫時存儲pageTitle
- pageTitle ? pageTitle_saved = pageTitle + ' | ' + config.title : pageTitle_saved = config.title
//- 是否有 config.subtitle 是各自显示
- config.subtitle ? home_subtitle_true = ' - ' + config.subtitle : home_subtitle_true = ''
//- home時pageTitle顯示 JerryC - subtitle，其他顯示 pageTitle | JerryC
- is_home() ? pageTitle = config.title + home_subtitle_true : pageTitle = pageTitle_saved
//- 判断keywords
- var pageDescription = page.description || page.title || config.description
- var pageKeywords = Array.isArray(config.keywords) ? (config.keywords).join(','): ([]).join(',') || config.keywords
- 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 hideAside = !theme.aside.enable || page.aside === false ? 'hide-aside' : ''
- var autoOpenSidebar = theme.auto_open_sidebar.enable === true ? 'on' : ''
doctype html
html(lang=config.language data-theme=theme.display_mode)
head
meta(charset='UTF-8')
meta(http-equiv="X-UA-Compatible" content="IE=edge")
meta(name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5")
title= pageTitle
meta(name="description" content=pageDescription)
if pageKeywords
meta(name="keywords" content=pageKeywords)
meta(name="author" content=pageAuthor)
meta(name="copyright" content=pageCopyright)
meta(name ="format-detection" content="telephone=no")
!=favicon_tag(config.favicon || theme.favicon || '/favicon.ico')
include ./head.pug
include ./config.pug
body
if theme.fireworks && theme.fireworks.enable
canvas.fireworks
//- !=partial('includes/header.pug', {}, {cache: true})
include ./header.pug
include ./mobile-sidebar.pug
!=partial('includes/mobile-sidebar/index', {}, {cache:theme.fragment_cache})
if (is_post() && page.toc != false && theme.toc.enable)
i.fa.fa-arrow-right#toggle-sidebar(aria-hidden="true" class=autoOpenSidebar)
include ./sidebar.pug
#body-wrap
if theme.background
- var source = theme.background
- var is_photo = source.substring(3,0) === 'url' ? 'photo':'color'
- var is_photo = theme.background.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
include ./header/index.pug
if (!is_post())
include ./nav.pug
main#content-outer
block top_img
if (!is_post())
#content-inner.layout_page
if body
div!= body
else
block content
else
#content-inner.layout.layout_post
if body
div!= body
else
block content
main#content-inner.layout_page(class=hideAside)
if body
div!= body
else
block content
include widget/index.pug
else
main#content-inner.layout_post
if body
div!= body
else
block content
- var footer_bg = theme.footer_bg == false ? '' : bg_img
- var is_bg = theme.footer_bg == false ? 'color' : 'photo'
footer#footer(style=footer_bg data-type=is_bg)
include ./footer.pug
!=partial('includes/footer', {}, {cache:theme.fragment_cache})
include ./rightside.pug
!=partial('includes/search/index', {}, {cache:theme.fragment_cache})
each item in theme.CDN_USE.js
script(src=url_for(item))
include ./additional-js.pug
include ./search/index.pug

8
layout/includes/math/mermaid.pug Normal file
View File

@@ -0,0 +1,8 @@
script.
if (document.getElementsByClassName('mermaid').length) {
loadScript('!{theme.CDN.mermaid}',function () {
mermaid.initialize({
theme: '!{theme.mermaid.theme}',
})
})
}

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

@@ -1,36 +1,48 @@
mixin UI_NEW(posts)
- posts.each(function(article,index){
.recent-post-item.article-container
.recent-post-item
- var link = article.link || article.path
if index%2 == 0
.post_cover.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.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.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.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
a.article-title(href=url_for(link) title= article.title || _p('no_title'))= article.title || _p('no_title')
if (theme.post_meta.date_type)
- var date_type = theme.post_meta.date_type == 'updated' ? 'updated' : 'date'
time.post-meta__date #[i.fa.fa-calendar(aria-hidden="true")] #[=date(article[date_type], config.date_format)]
if (theme.post_meta.categories && article.categories.data.length > 0)
span.article-meta
span.article-meta__separator |
each item, index in article.categories.data
i.fa.fa-inbox.article-meta__icon(aria-hidden="true")
a(href=url_for(item.path)).article-meta__categories #[=item.name]
if (index < article.categories.data.length - 1)
i.fa.fa-angle-right(aria-hidden="true")
- var post_cover = article.cover
- var title = article.title || _p('no_title')
- var leftOrRight = index%2 == 0 ? 'left_radius' : 'right_radius'
- var no_cover = article.cover === false || !theme.cover.index_enable ? 'no-cover' : ''
if post_cover && theme.cover.index_enable
.post_cover(class=leftOrRight)
a(href=url_for(link) title=title)
if theme.lazyload.enable
img.post_bg.lazyload(data-src=`${post_cover}` alt=title onerror=`this.onerror=null;this.src='`+ url_for(theme.lodding_bg.post_page) + `'`)
else
img.post_bg(src=`${post_cover}` alt=title onerror=`this.onerror=null;this.src='`+ url_for(theme.lodding_bg.post_page) + `'`)
.recent-post-info(class=no_cover)
a.article-title(href=url_for(link) title=title)= title
.article-meta-wrap
if (theme.post_meta.page.date_type)
if (theme.post_meta.page.date_type === 'both')
time.post-meta__date
i.fa.fa-calendar.fa-fw(aria-hidden="true")
=date(page.date, config.date_format)
span.article-meta__separator |
i.fa.fa-history.fa-fw(aria-hidden="true")
=date(page.updated, config.date_format)
else
- var date_type = theme.post_meta.post.date_type === 'updated' ? 'updated' : 'date'
time.post-meta__date #[i.fa.fa-calendar.fa-fw(aria-hidden="true")]#[=date(page[date_type], config.date_format)]
if (theme.post_meta.page.categories && article.categories.data.length > 0)
span.article-meta
span.article-meta__separator |
each item, index in article.categories.data
i.fa.fa-inbox.article-meta__icon(aria-hidden="true")
a(href=url_for(item.path)).article-meta__categories #[=item.name]
if (index < article.categories.data.length - 1)
i.fa.fa-angle-right(aria-hidden="true")
if (theme.post_meta.page.tags && article.tags.data.length > 0)
span.article-meta.tags
span.article-meta__separator |
each item, index in article.tags.data
i.fa.fa-tag.article-meta__icon(aria-hidden="true")
a(href=url_for(item.path)).article-meta__tags #[=item.name]
if (index < article.tags.data.length - 1)
span.article-meta__link -
if theme.auto_excerpt && theme.auto_excerpt.enable
- const content = strip_html(article.content)
- let expert = content.substring(0, theme.auto_excerpt.length)

10
layout/includes/mixins/article-sort.pug
View File

@@ -3,13 +3,15 @@ mixin articleSort(posts)
- var year
- posts.each(function (article) {
- var tempYear = date(article.date, 'YYYY')
- var no_cover = article.cover === false || !theme.cover.archives_enable ? 'no-article-cover' : ''
if tempYear !== year
- year = tempYear
.article-sort-item.year= year
.article-sort-item
.article-sort-img
a.article-sort-item__img(href=url_for(article.path))
img(src=article.cover alt=article.title || 'No Title')
.article-sort-item(class=no_cover)
if article.cover && theme.cover.archives_enable
.article-sort-img
a.article-sort-item__img(href=url_for(article.path))
img(src=article.cover alt=article.title || 'No Title' onerror=`this.onerror=null;this.src='`+ url_for(theme.lodding_bg.post_page) + `'`)
.article-sort-post
a.article-sort-item__post(href=url_for(article.path))
i.fa.fa-clock-o(aria-hidden="true")

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

@@ -1,46 +0,0 @@
#mobile-sidebar
#menu_mask
#mobile-sidebar-menus
.mobile_author_icon
img.avatar-img(src=url_for(theme.avatar) onerror=`onerror=null;src='${theme.lodding_bg.flink}'` alt="avatar")
.mobile_post_data
if site.posts.length
.mobile_data_item.is-center
.mobile_data_link
a(href=url_for(config.archive_dir) + '/')
.headline= _p('aside.articles')
.length_num= site.posts.length
if site.tags.length
.mobile_data_item.is-center
.mobile_data_link
a(href=url_for(config.tag_dir) + '/' )
.headline= _p('aside.tags')
.length_num= site.tags.length
if site.categories.length
.mobile_data_item.is-center
.mobile_data_link
a(href=url_for(config.category_dir) + '/')
.headline= _p('aside.categories')
.length_num= site.categories.length
hr
.menus_items
include menu_item.pug
- const showToc = is_post() && page.toc != false && theme.toc.enable
-
let tocNumber
if (page.toc_number !== undefined) tocNumber = page.toc_number
else if (theme.toc.number !== undefined) tocNumber = theme.toc.number
else tocNumber = true
-
if (showToc)
#mobile-sidebar-toc
.toc_mobile_headline= _p('sidebar.catalog')
if (page.encrypt == true)
.sidebar-toc__content.toc-div-class(style="display:none")!=toc(page.origin,{"class":"toc_mobile_items",list_number:tocNumber})
else
.sidebar-toc__content!=toc(page.content,{"class":"toc_mobile_items",list_number:tocNumber})

3
layout/includes/mobile-sidebar/index.pug Normal file
View File

@@ -0,0 +1,3 @@
#mobile-sidebar
#menu_mask
include ../mobile-sidebar/mobile-menus.pug

27
layout/includes/mobile-sidebar/mobile-menus.pug Normal file
View File

@@ -0,0 +1,27 @@
#mobile-sidebar-menus
.mobile_author_icon
img.avatar-img(src=url_for(theme.avatar.img) onerror=`onerror=null;src='${theme.lodding_bg.flink}'` alt="avatar")
.mobile_post_data
if site.posts.length
.mobile_data_item.is-center
.mobile_data_link
a(href=url_for(config.archive_dir) + '/')
.headline= _p('aside.articles')
.length_num= site.posts.length
if site.tags.length
.mobile_data_item.is-center
.mobile_data_link
a(href=url_for(config.tag_dir) + '/' )
.headline= _p('aside.tags')
.length_num= site.tags.length
if site.categories.length
.mobile_data_item.is-center
.mobile_data_link
a(href=url_for(config.category_dir) + '/')
.headline= _p('aside.categories')
.length_num= site.categories.length
hr
.menus_items
include ../header/menu_item.pug

29
layout/includes/nav.pug
View File

@@ -1,29 +0,0 @@
- var bg_img = top_img && top_img !== true ? `background-image: url(${top_img})` : ''
if is_home()
nav#nav.full_page(style=bg_img)
#site-info
#site-title
span.blogtitle= page.title || page.tag || page.category || config.title
#site-sub-title
span.subtitle
if(theme.social)
#site-social-icons
each url, icon in theme.social
a.social-icon(href=url target="_blank")
i(class=icon aria-hidden="true")
.scroll-down
i.fa.fa-angle-down.scroll-down-effects
else
nav#nav.not_index_bg(style=bg_img)
#page_site-info
#site-title
if (is_archive())
span.blogtitle= _p('archives')
else
span.blogtitle= page.title || page.tag || page.category || config.title

6
layout/includes/page_tag.pug
View File

@@ -1,6 +0,0 @@
- site.tags.sort('path').each(function (tags){
- var fontSize = Math.floor(Math.random() * 15 + 15) + "px"; //15 ~ 30
- var color = "rgb(" + Math.floor(Math.random() * 201) + ", " + Math.floor(Math.random() * 201) +", " + Math.floor(Math.random() * 201) +")"; // 0,0,0 -> 200,200,200
a(href=url_for(tags.path) style='font-size:' + fontSize + ';color:' + color)=tags.name
-})

64
layout/includes/pagination.pug
View File

@@ -13,51 +13,27 @@ if(!is_post())
else
nav#pagination.pagination_post
if(page.prev)
if(page.next)
.prev-post.pull_left
- var pagination_cover = page.prev.cover
a(href=url_for(page.prev.path))
if theme.lazyload.enable
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}'` )
- var hasPageNext = page.prev ? 'pull_left' : 'pull-full'
.prev-post(class=hasPageNext)
- var pagination_cover = page.prev.cover === false ? page.prev.randomcover : page.prev.cover
a(href=url_for(page.prev.path))
if theme.lazyload.enable
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}'` )
.pagination-info
.label=_p('pagination.prev')
.prev_info
span=page.prev.title
else
.prev-post.pull-full
- var pagination_cover = page.prev.cover
a(href=url_for(page.prev.path))
if theme.lazyload.enable
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')
.prev_info
span=page.prev.title
.prev_info=page.prev.title
if(page.next)
if(page.prev)
.next-post.pull_right
- var pagination_cover = page.next.cover
a(href=url_for(page.next.path))
if theme.lazyload.enable
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}'`)
- var hasPagePrev = page.prev ? 'pull_right' : 'pull-full'
- var pagination_cover = page.next.cover == false ? page.next.randomcover : page.next.cover
.next-post(class=hasPagePrev)
a(href=url_for(page.next.path))
if theme.lazyload.enable
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}'`)
.pagination-info
.label=_p('pagination.next')
.next_info
span=page.next.title
else
.next-post.pull-full
- var pagination_cover = page.next.cover
a(href=url_for(page.next.path))
if theme.lazyload.enable
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')
.next_info
span=page.next.title
.next_info=page.next.title

13
layout/includes/post/post-copyright.pug Normal file
View File

@@ -0,0 +1,13 @@
if (theme.post_copyright && theme.post_copyright.enable && page.copyright != false)
.post-copyright
.post-copyright__author
span.post-copyright-meta= _p('post.copyright.author') + ": "
span.post-copyright-info
a(href=`mailto:${config.email}`) #[=config.author]
.post-copyright__type
span.post-copyright-meta= _p('post.copyright.link') + ": "
span.post-copyright-info
a(href=url_for(page.permalink))= theme.post_copyright.decode ? decodeURI(page.permalink) : page.permalink
.post-copyright__notice
span.post-copyright-meta= _p('post.copyright.copyright_notice') + ": "
span.post-copyright-info!= _p('post.copyright.copyright_content', theme.post_copyright.license_url, theme.post_copyright.license, config.url, config.title)

0
layout/includes/reward.pug → layout/includes/post/reward.pug
View File

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

@@ -1,41 +1,52 @@
each article , index in page.posts.data
.recent-post-item.article-container
.recent-post-item
- var link = article.link || article.path
- var title = article.title || _p('no_title')
if index%2 == 0
.post_cover.left_radius
a(href=url_for(link) title=title)
- var post_cover = article.cover
if theme.lazyload.enable
img.post_bg.lazyload(data-src=`${post_cover}` onerror=`this.onerror=null;this.src='`+ url_for(theme.lodding_bg.post_page) + `'` alt=title)
else
img.post_bg(src=`${post_cover}` onerror=`this.onerror=null;this.src='`+ url_for(theme.lodding_bg.post_page) + `'` alt=title)
else
.post_cover.right_radius
a(href=url_for(link) title=title)
- var post_cover = article.cover
if theme.lazyload.enable
img.post_bg.lazyload(data-src=`${post_cover}` onerror=`this.onerror=null;this.src='`+ url_for(theme.lodding_bg.post_page) + `'` alt=title)
else
img.post_bg(src=`${post_cover}` onerror=`this.onerror=null;this.src='`+ url_for(theme.lodding_bg.post_page) + `'` alt=title)
.recent-post-info
- var leftOrRight = index%2 == 0 ? 'left_radius' : 'right_radius'
- var post_cover = article.cover
- var no_cover = article.cover === false || !theme.cover.index_enable ? 'no-cover' : ''
if post_cover && theme.cover.index_enable
.post_cover(class=leftOrRight)
a(href=url_for(link) title=title)
if theme.lazyload.enable
img.post_bg.lazyload(data-src=`${post_cover}` onerror=`this.onerror=null;this.src='`+ url_for(theme.lodding_bg.post_page) + `'` alt=title)
else
img.post_bg(src=`${post_cover}` onerror=`this.onerror=null;this.src='`+ url_for(theme.lodding_bg.post_page) + `'` alt=title)
.recent-post-info(class=no_cover)
a.article-title(href=url_for(link) title=title)= title
if (article.top)
span.article-meta
i.fa.fa-thumb-tack.article-meta__icon.sticky
span.sticky= _p('sticky')
span.article-meta__separator(style="margin-right: 0.3rem") |
if (theme.post_meta.date_type)
- var date_type = theme.post_meta.date_type == 'updated' ? 'updated' : 'date'
time.post-meta__date #[i.fa.fa-calendar(aria-hidden="true")] #[=date(article[date_type], config.date_format)]
if (theme.post_meta.categories && article.categories.data.length > 0)
span.article-meta
span.article-meta__separator |
each item, index in article.categories.data
i.fa.fa-inbox.article-meta__icon(aria-hidden="true")
a(href=url_for(item.path)).article-meta__categories #[=item.name]
if (index < article.categories.data.length - 1)
i.fa.fa-angle-right(aria-hidden="true")
.article-meta-wrap
if (article.top)
span.article-meta
i.fa.fa-thumb-tack.article-meta__icon.sticky
span.sticky= _p('sticky')
span.article-meta__separator |
if (theme.post_meta.page.date_type)
if (theme.post_meta.page.date_type === 'both')
time.post-meta__date
i.fa.fa-calendar.fa-fw(aria-hidden="true")
=date(page.date, config.date_format)
span.article-meta__separator |
i.fa.fa-history.fa-fw(aria-hidden="true")
=date(page.updated, config.date_format)
else
- var date_type = theme.post_meta.post.date_type === 'updated' ? 'updated' : 'date'
time.post-meta__date #[i.fa.fa-calendar.fa-fw(aria-hidden="true")]#[=date(page[date_type], config.date_format)]
if (theme.post_meta.page.categories && article.categories.data.length > 0)
span.article-meta
span.article-meta__separator |
each item, index in article.categories.data
i.fa.fa-inbox.article-meta__icon(aria-hidden="true")
a(href=url_for(item.path)).article-meta__categories #[=item.name]
if (index < article.categories.data.length - 1)
i.fa.fa-angle-right(aria-hidden="true")
if (theme.post_meta.page.tags && article.tags.data.length > 0)
span.article-meta.tags
span.article-meta__separator |
each item, index in article.tags.data
i.fa.fa-tag.article-meta__icon(aria-hidden="true")
a(href=url_for(item.path)).article-meta__tags #[=item.name]
if (index < article.tags.data.length - 1)
span.article-meta__link -
if theme.auto_excerpt && theme.auto_excerpt.enable
- const content = strip_html(article.content)
- let expert = content.substring(0, theme.auto_excerpt.length)

8
layout/includes/rightside.pug
View File

@@ -7,13 +7,15 @@ section#rightside.rightside
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') 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'
if theme.darkmode.enable && theme.darkmode.button
- var lightModeIcon = theme.fontawesome_v5 && theme.fontawesome_v5.enable ? 'far fa-sun' : 'fa fa-sun-o'
- var darkModeIcon = theme.fontawesome_v5 && theme.fontawesome_v5.enable ? 'far fa-moon' : 'fa fa-moon-o'
- var display_mode = theme.display_mode == 'dark' ? lightModeIcon : darkModeIcon
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 && (d || l || gt || v)
if is_post() && page.comments !== false && isComment
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/search/local-search.pug
View File

@@ -3,7 +3,7 @@
#local-input-panel
#local-search-input
.local-search-box
input(placeholder=_p("local_search.input_placeholder")).local-search-box--input
input(placeholder=_p("local_search.input_placeholder") type="text").local-search-box--input
hr
#local-search-results
#local-hits

2
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)
.social-share(data-image= page.cover|| theme.avatar.img data-sites= theme.sharejs.sites)
link(rel="stylesheet" href=url_for(theme.CDN.sharejs_css))
script(src=url_for(theme.CDN.sharejs))

5
layout/includes/sidebar.pug
View File

@@ -1,7 +1,4 @@
- var sidebar_class = theme.auto_open_sidebar.enable === true ? 'auto_open' : ''
#sidebar(class=sidebar_class)
#sidebar
- const showToc = is_post() && page.toc != false && theme.toc.enable
-
let tocNumber

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

@@ -1,3 +1,3 @@
script(id="ribbon" src=url_for(theme.CDN.canvas_ribbon) size=theme.canvas_ribbon.size
script(defer 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}`)

13
layout/includes/third-party/pangu.pug vendored Normal file
View File

@@ -0,0 +1,13 @@
script(src=url_for(theme.CDN.pangu))
if theme.pangu.field === 'post'
if is_post()
script.
document.addEventListener('DOMContentLoaded', function() {
pangu.spacingElementById('content-inner')
})
else if theme.pangu.field === 'page'
script.
document.addEventListener('DOMContentLoaded', function() {
pangu.spacingElementById('content-inner')
})

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

@@ -3,4 +3,4 @@
.item-headline
i.fa.fa-bullhorn.card-announcement-animation(aria-hidden="true")
span= _p('aside.card_announcement')
.announcement_content= theme.announcement.content
.announcement_content!= theme.announcement.content

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

@@ -1,26 +1,26 @@
.card-widget.card-info
.card-content
.card-info-avatar.is-center
img.avatar-img(src=url_for(theme.avatar) onerror=`this.onerror=null;this.src='` + url_for(theme.lodding_bg.flink) + `'` alt="avatar")
img.avatar-img(src=url_for(theme.avatar.img) onerror=`this.onerror=null;this.src='` + url_for(theme.lodding_bg.flink) + `'` alt="avatar")
.author-info__name= config.author
.author-info__description= config.description
.card-info-data
if site.posts.length
.card-info-data-item.is-center
a(href=url_for(config.archive_dir) + '/')
a(href=url_for(config.archive_dir))
.headline= _p('aside.articles')
.length_num= site.posts.length
if site.tags.length
.card-info-data-item.is-center
a(href=url_for(config.tag_dir) + '/' )
a(href=url_for(config.tag_dir))
.headline= _p('aside.tags')
.length_num= site.tags.length
if site.categories.length
.card-info-data-item.is-center
a(href=url_for(config.category_dir) + '/')
a(href=url_for(config.category_dir))
.headline= _p('aside.categories')
.length_num= site.categories.length

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

@@ -8,17 +8,20 @@
.aside-recent-post
- var link = article.link || article.path
- var title = article.title || _p('no_title')
- var no_cover = article.cover === false || !theme.cover.aside_enable ? 'no-aside-cover' : ''
- var post_cover = article.cover
a(href=url_for(link))
- var post_cover = article.cover
.aside-post-cover
if theme.lazyload.enable
img.aside-post-bg.lazyload(data-src=`${post_cover}` onerror=`this.onerror=null;this.src='`+ url_for(theme.lodding_bg.post_page) + `'` title=title alt=title)
else
img.aside-post-bg(src=`${post_cover}` onerror=`this.onerror=null;this.src='`+ url_for(theme.lodding_bg.post_page) + `'` title=title alt=title)
.aside-post-title
if post_cover && theme.cover.aside_enable
.aside-post-cover
if theme.lazyload.enable
img.aside-post-bg.lazyload(data-src=`${post_cover}` onerror=`this.onerror=null;this.src='`+ url_for(theme.lodding_bg.post_page) + `'` title=title alt=title)
else
img.aside-post-bg(src=`${post_cover}` onerror=`this.onerror=null;this.src='`+ url_for(theme.lodding_bg.post_page) + `'` title=title alt=title)
.aside-post-title(class=no_cover)
.aside-post_title(href=url_for(link) title=article.title || _p('no_title'))= article.title || _p('no_title')
if (theme.post_meta.date_type)
- var date_type = theme.post_meta.date_type == 'updated' ? 'updated' : 'date'
if (theme.post_meta.page.date_type)
- var date_type = theme.post_meta.page.date_type == 'updated' ? 'updated' : 'date'
time.aside-post_meta.post-meta__date #[=date(article[date_type], config.date_format)]
- })

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

@@ -1,7 +1,8 @@
- var webinfoIcon = theme.fontawesome_v5 && theme.fontawesome_v5.enable ? 'fas fa-chart-line' : 'fa fa-line-chart'
.card-widget.card-webinfo
.card-content
.item-headline
i.fa.fa-line-chart(aria-hidden="true")
i(class=webinfoIcon aria-hidden="true")
span= _p('aside.card_webinfo.headline')
.webinfo
.webinfo-item

38
layout/includes/widget/index.pug
View File

@@ -1,21 +1,17 @@
if theme.aside.card_author
include ./card_author.pug
if theme.aside.card_announcement
include ./card_announcement.pug
if theme.aside.card_recent_post
include ./card_recent_post.pug
if theme.aside.card_categories
include ./card_categories.pug
if theme.aside.card_tags
include ./card_tags.pug
if theme.aside.card_archives
include ./card_archives.pug
if theme.aside.card_webinfo
include ./card_webinfo.pug
if theme.aside.enable
if page.aside !== false
#aside_content.aside_content
if theme.aside.card_author
!=partial('includes/widget/card_author', {}, {cache:theme.fragment_cache})
if theme.aside.card_announcement
!=partial('includes/widget/card_announcement', {}, {cache:theme.fragment_cache})
if theme.aside.card_recent_post
!=partial('includes/widget/card_recent_post', {}, {cache:theme.fragment_cache})
if theme.aside.card_categories
!=partial('includes/widget/card_categories', {}, {cache:theme.fragment_cache})
if theme.aside.card_tags
!=partial('includes/widget/card_tags', {}, {cache:theme.fragment_cache})
if theme.aside.card_archives
!=partial('includes/widget/card_archives', {}, {cache:theme.fragment_cache})
if theme.aside.card_webinfo
!=partial('includes/widget/card_webinfo', {}, {cache:theme.fragment_cache})

4
layout/index.pug
View File

@@ -3,6 +3,4 @@ extends includes/layout.pug
block content
#recent-posts.recent-posts
include includes/recent-posts.pug
include includes/pagination.pug
#aside_content.aside_content
include includes/widget/index.pug
include includes/pagination.pug

14
layout/page-tags.pug Normal file
View File

@@ -0,0 +1,14 @@
.tag-cloud
.tag-cloud__title= _p('page.tag')
| -
span.tag-cloud__amount= site.tags.length
.tag-cloud-tags
- site.tags.sort('path').each(function (tags){
- var fontSize = Math.floor(Math.random() * 15 + 15) + "px"; //15 ~ 30
- var color = "rgb(" + Math.floor(Math.random() * 201) + ", " + Math.floor(Math.random() * 201) +", " + Math.floor(Math.random() * 201) +")"; // 0,0,0 -> 200,200,200
a(href=url_for(tags.path) style='font-size:' + fontSize + ';color:' + color)=tags.name
-})
if page.comments !== false
include includes/comments/index.pug

30
layout/page.pug
View File

@@ -2,25 +2,11 @@ extends includes/layout.pug
block content
if page.type === 'tags'
.tag-cloud
.tag-cloud__title= _p('page.tag')
| -
span.tag-cloud__amount= site.tags.length
.tag-cloud-tags
include includes/page_tag.pug
if page.comments !== false
include includes/comments/index.pug
#aside_content.aside_content
include includes/widget/index.pug
include page-tags.pug
else if page.type === 'link'
include flink.pug
if page.comments !== false
include includes/comments/index.pug
#aside_content.aside_content
include includes/widget/index.pug
else if page.type === 'categories'
#post-content.category-content
.category-content
.category-lists
.category__title= _p('page.category')
| -
@@ -28,14 +14,8 @@ block content
div!= list_categories()
if page.comments !== false
include includes/comments/index.pug
#aside_content.aside_content
include includes/widget/index.pug
else
article#page
h1= page.title
.article-container!= page.content
include includes/pagination.pug
#page
#article-container!= page.content
if page.comments !== false
include includes/comments/index.pug
#aside_content.aside_content
include includes/widget/index.pug
include includes/comments/index.pug

113
layout/post.pug
View File

@@ -1,102 +1,21 @@
extends includes/layout.pug
block 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')
#post-meta
if (theme.post_meta.date_type)
if (theme.post_meta.date_type === 'both')
time.post-meta__date
i.fa.fa-calendar.fa-fw(aria-hidden="true")
=' '+_p('post.created')+' '+date(page.date, config.date_format)
span.post-meta__separator |
i.fa.fa-history.fa-fw(aria-hidden="true")
=' '+_p('post.updated')+' '+date(page.updated, config.date_format)
else
- var date_type = theme.post_meta.date_type === 'updated' ? 'updated' : 'date'
time.post-meta__date #[i.fa.fa-calendar.fa-fw(aria-hidden="true")] #[=date(page[date_type], config.date_format)]
if (theme.post_meta.categories && page.categories.data.length > 0)
if (theme.post_meta.date_type)
span.post-meta__separator |
span
each item, index in page.categories.data
i.fa.fa-inbox.post-meta__icon.fa-fw(aria-hidden="true")
a(href=url_for(item.path)).post-meta__categories #[=item.name]
if (index < page.categories.data.length - 1)
i.fa.fa-angle-right.fa-fw(aria-hidden="true")
.post-meta-wordcount
if (theme.wordcount && theme.wordcount.enable)
i.fa.fa-file-word-o.post-meta__icon.fa-fw(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.fa-fw(aria-hidden="true")
span= _p('post.min2read', min2read(page.content, {cn: 350, en: 160}))
.post-meta-pv-cv
if (theme.wordcount && theme.wordcount.enable && theme.busuanzi.page_pv)
span.post-meta__separator |
if theme.busuanzi.page_pv
span
i.fa.fa-eye.post-meta__icon.fa-fw(aria-hidden="true")
=_p('post.page_pv') + ':'
span#busuanzi_value_page_pv
if (theme.disqus && theme.disqus.enable && theme.disqus.count && page.comments !== false)
if (theme.busuanzi && theme.busuanzi.page_pv)
span.post-meta__separator |
i.fa.fa-comment-o.post-meta__icon.fa-fw(aria-hidden="true")
span= _p('post.comments') + ':'
a(href=url_for(page.path) + '#post-comment')
span.disqus-comment-count(data-disqus-url=page.permalink)
if (theme.valine && theme.valine.enable && theme.valine.count && page.comments !== false)
if (theme.busuanzi && theme.busuanzi.page_pv)
span.post-meta__separator |
i.fa.fa-comments-o.post-meta__icon.fa-fw(aria-hidden="true")
span= _p('post.comments') + ':'
a(href=url_for(page.path) + '#post-comment' itemprop="discussionUrl")
span.valine-comment-count.comment-count(data-xid=url_for(page.path) itemprop="commentCount")
if (theme.gitalk && theme.gitalk.enable && theme.gitalk.count && page.comments !== false)
if (theme.busuanzi && theme.busuanzi.page_pv)
span.post-meta__separator |
i.fa.fa-comments-o.post-meta__icon.fa-fw(aria-hidden="true")
span= _p('post.comments') + ':'
a(href=url_for(page.path) + '#post-comment')
span.gitalk-comment-count.comment-count
block content
article#post(class="")
#post-content.article-container!= page.content
if (theme.post_copyright && theme.post_copyright.enable && page.copyright != false)
.post-copyright
.post-copyright__author
span.post-copyright-meta= _p('post.copyright.author') + ": "
span.post-copyright-info
a(href=`mailto:${config.email}`) #[=config.author]
.post-copyright__type
span.post-copyright-meta= _p('post.copyright.link') + ": "
span.post-copyright-info
a(href=url_for(page.permalink)) #[=page.permalink]
.post-copyright__notice
span.post-copyright-meta= _p('post.copyright.copyright_notice') + ": "
span.post-copyright-info!= _p('post.copyright.copyright_content', theme.post_copyright.license_url, theme.post_copyright.license, config.url, config.title)
.tag_share
if (theme.post_meta.tags)
.post-meta__tag-list
each item, index in page.tags.data
a(href=url_for(item.path)).post-meta__tags #[=item.name]
include includes/share/index.pug
#article-container!=page.content
include includes/post/post-copyright.pug
.tag_share
if (theme.post_meta.post.tags)
.post-meta__tag-list
each item, index in page.tags.data
a(href=url_for(item.path)).post-meta__tags #[=item.name]
!=partial('includes/share/index', {}, {cache:theme.fragment_cache})
if theme.reward.enable
include includes/reward.pug
include includes/pagination.pug
if theme.related_post && theme.related_post.enable
!= related_posts(page,site.posts)
if page.comments !== false
include includes/comments/index.pug
if theme.reward.enable
!=partial('includes/post/reward', {}, {cache:theme.fragment_cache})
include includes/pagination.pug
if theme.related_post && theme.related_post.enable
!= related_posts(page,site.posts)
if page.comments !== false
include includes/comments/index.pug

6
layout/tag.pug
View File

@@ -6,13 +6,9 @@ block content
#recent-posts.recent-posts
+UI_NEW(page.posts)
include includes/pagination.pug
#aside_content.aside_content
include includes/widget/index.pug
else
include ./includes/mixins/article-sort.pug
#tag
.article-sort-title= _p('page.tag') + ' - ' + page.tag
+articleSort(page.posts)
include includes/pagination.pug
#aside_content.aside_content
include includes/widget/index.pug
include includes/pagination.pug

2
package.json
View File

@@ -1,5 +1,5 @@
{
"name": "hexo-theme-butterfly",
"version": "2.1.0",
"version": "2.2.0",
"description": "A Hexo Theme: Butterfly"
}

8
scripts/events/404.js Normal file
View File

@@ -0,0 +1,8 @@
hexo.extend.generator.register('404', function(locals){
if (!hexo.theme.config.error_404.enable) return
return {
path: '404.html',
data: locals.posts,
layout: ['404']
}
});

0
scripts/replace-config.js → scripts/events/replace-config.js
View File

0
scripts/hide_post.js → scripts/filters/hide-post.js
View File

30
scripts/filters/post-lazyload.js Normal file
View File

@@ -0,0 +1,30 @@
'use strict';
const fs = require('hexo-fs');
const url_for = require('hexo-util').url_for.bind(hexo);
function lazyProcess(htmlContent) {
var bg = url_for(hexo.theme.config.lodding_bg.post);
return htmlContent.replace(/<img(\s*?)src="(.*?)"(.*?)>/gi, (str, p1, p2, p3) => {
if (/data-src/gi.test(str)) {
return str;
}
if (/class="(.*?)"/gi.test(str)){
str = str.replace(/class="(.*?)"/gi, (classStr, p1) => {
return classStr.replace(p1, `${p1} lazyload`);
})
str = str.replace(p2, `${bg}`)
return str.replace(p3, `${p3} data-src="${p2}"`);
}
str = str.replace(p2, `${bg}`)
return str.replace(p3, `${p3} class="lazyload" data-src="${p2}"`);
});
}
var processPost = function(data) {
if (!hexo.theme.config.lazyload.enable) return;
data.content = lazyProcess.call(this, data.content);
return data;
};
hexo.extend.filter.register('after_post_render', processPost);

23
scripts/filters/random-cover.js Normal file
View File

@@ -0,0 +1,23 @@
hexo.extend.filter.register("before_post_render", function(data) {
if (data.cover == false) {
data.randomcover = random_cover();
return data;
}
data.cover = data.cover || random_cover();
return data;
});
var random_cover = function() {
var cover;
var num;
if (!Array.isArray(hexo.theme.config.cover.default_cover)) {
cover = hexo.theme.config.cover.default_cover;
return cover;
} else {
num = Math.floor(
Math.random() * hexo.theme.config.cover.default_cover.length
);
cover = hexo.theme.config.cover.default_cover[num];
return cover;
}
};

6
scripts/gallery-tag.js
View File

@@ -1,6 +0,0 @@
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});

0
scripts/list_archives.js → scripts/helpers/list-archives.js
View File

31
scripts/related_post.js → scripts/helpers/related-post.js
View File

@@ -1,5 +1,3 @@
const moment = require('moment');
hexo.extend.helper.register('related_posts', function (currentPost, allPosts) {
var relatedPosts = [];
currentPost.tags.forEach(function (tag) {
@@ -9,6 +7,7 @@ hexo.extend.helper.register('related_posts', function (currentPost, allPosts) {
title: post.title,
path: post.path,
cover: post.cover,
randomcover: post.randomcover,
weight: 1,
updated: post.updated,
created: post.date
@@ -32,17 +31,9 @@ hexo.extend.helper.register('related_posts', function (currentPost, allPosts) {
const config = hexo.theme.config;
var limit_num = config.related_post.limit || 6
var lang = hexoConfig.language;
var date_type = config.related_post.date_type || 'created'
var headline_lang;
if (lang === 'zh-CN') {
headline_lang = '相关推荐';
} else if (lang === 'zh-TW') {
headline_lang = '相關推薦';
} else {
headline_lang = 'Recommend';
}
var headline_lang = this._p('post.recommend')
relatedPosts = relatedPosts.sort(compare('weight'));
var lazy_src = config.lazyload.enable ? lazy_src = 'data-src' : lazy_src = 'src'
var lazy_class = config.lazyload.enable ? lazy_class = 'lazyload' : lazy_class = ''
@@ -53,15 +44,13 @@ hexo.extend.helper.register('related_posts', function (currentPost, allPosts) {
result += '<div class="relatedPosts_list">'
for (var i = 0; i < Math.min(relatedPosts.length, limit_num); i++) {
var cover = relatedPosts[i].cover
var cover = relatedPosts[i].cover === false ? relatedPosts[i].randomcover : relatedPosts[i].cover
result += '<div class="relatedPosts_item"><a href="' + hexoConfig.root + relatedPosts[i].path + '" title="' + relatedPosts[i].title + '">';
result += '<img class="relatedPosts_cover ' + lazy_class + '"' + lazy_src + '="' + cover + '">';
if (date_type == 'created') {
result += '<div class="relatedPosts_main is-center"><div class="relatedPosts_date"><i class="fa fa-calendar fa-fw" aria-hidden="true"></i>' + ' ' + date(relatedPosts[i].created) + '</div>'
result += '<div class="relatedPosts_main is-center"><div class="relatedPosts_date"><i class="fa fa-calendar fa-fw" aria-hidden="true"></i>' + ' ' + this.date(relatedPosts[i].created,hexoConfig.date_format) + '</div>'
} else {
result += '<div class="relatedPosts_main is-center"><div class="relatedPosts_date"><i class="fa fa-history fa-fw" aria-hidden="true"></i>' + ' ' + date(relatedPosts[i].updated) + '</div>'
result += '<div class="relatedPosts_main is-center"><div class="relatedPosts_date"><i class="fa fa-history fa-fw" aria-hidden="true"></i>' + ' ' + this.date(relatedPosts[i].updated,hexoConfig.date_format) + '</div>'
}
result += '<div class="relatedPosts_title">' + relatedPosts[i].title + '</div>';
result += '</div></a></div>'
@@ -98,10 +87,4 @@ function compare(attr) {
var val2 = b[attr];
return val2 - val1;
}
}
function date(date) {
var config = hexo.theme.config.rootConfig
moment.locale(config.language)
return moment(date).format(config.date_format)
}
}

57
scripts/highlight.js
View File

@@ -1,57 +0,0 @@
'use strict';
hexo.extend.filter.register('after_post_render', data => {
const cheerio = require('cheerio');
const $ = cheerio.load(data.content, {
decodeEntities: false
});
var theme = hexo.theme.config;
if (theme.highlight_shrink === 'none' && !theme.highlight_lang && !theme.highlight_copy) {
return;
}
$('figure.highlight').wrap('<div class="code-area-wrap"></div>')
var $highlight_layout = $('<div class="highlight-tools"></div>')
$('figure').before($highlight_layout)
if (theme.highlight_shrink == true) {
var $code_expand = $('<i class="fa fa-angle-down code-expand code-closed" aria-hidden="true"></i>')
$('.highlight-tools').append($code_expand)
} else if (theme.highlight_shrink === false) {
var $code_expand = $('<i class="fa fa-angle-down code-expand" aria-hidden="true"></i>')
$('.highlight-tools').append($code_expand)
}
if (theme.highlight_lang) {
var $highlight_lang = $('<div class="code_lang"></div>')
$('.highlight-tools').append($highlight_lang)
var lang_name_index;
var lang_name;
$('figure').each(function () {
lang_name_index = lang_name = $(this).attr('class').split(' ')[1];
if (lang_name_index == 'js')
lang_name = 'Javascript'
if (lang_name_index == 'md')
lang_name = 'Markdown'
if (lang_name_index == 'plain')
lang_name = 'Code'
if (lang_name_index == 'py')
lang_name = 'Python'
$(this).prev().find(".code_lang").text(lang_name)
})
}
if (theme.highlight_copy) {
var $copyIcon = $('<i class="fa fa-clipboard" aria-hidden="true"></i>')
var $notice = $('<div class="copy-notice"></div>')
$('.highlight-tools').append($notice)
$('.highlight-tools').append($copyIcon)
}
data.content = $.html();
}, 100);

49
scripts/photo.js
View File

@@ -1,49 +0,0 @@
'use strict'
hexo.extend.filter.register('after_post_render', data => {
const theme = hexo.theme.config;
const cheerio = require('cheerio');
const $ = cheerio.load(data.content, { decodeEntities: false });
const images = $('img').not($('a>img'));
if (theme.fancybox.enable) {
images.each((i, o) => {
var lazyload_src = $(o).attr('src') ? $(o).attr('src') : $(o).attr("data-src")
var alt = $(o).attr('alt')
if (alt !== undefined) {
$(o).attr('title', alt)
}
var $a = $(
'<a href="' +
lazyload_src +
'" data-fancybox="group" data-caption="' +
$(o).attr('alt') +
'" class="fancybox"></a>'
)
$(o).wrap($a)
});
}
if (theme.medium_zoom.enable) {
var imgList = $(".justified-gallery img")
if (imgList.length) {
imgList.each((i, o) => {
var $a = $('<div></div>')
$(o).wrap($a)
})
}
}
if (!theme.medium_zoom.enable && !theme.fancybox.enable) {
var imgList = $(".justified-gallery > p >img")
if (imgList.length) {
imgList.each((i, o) => {
$(o).wrap('<div></div>')
})
}
}
data.content = $.html();
}, 100);

25
scripts/post-lazyload.js
View File

@@ -1,25 +0,0 @@
'use strict';
const url_for = require('hexo-util').url_for.bind(hexo);
hexo.extend.filter.register('after_post_render', data => {
var theme = hexo.theme.config;
var bg = theme.lodding_bg.post;
if (!theme.lazyload.enable) return;
const cheerio = require('cheerio');
const $ = cheerio.load(data.content, {decodeEntities: false});
const images = $('img').not($('.justified-gallery img'));
if (!images.length) return;
images.each((i, o) => {
let src = $(o).attr('src');
$(o).attr('data-src', src).removeAttr('src');
if (bg){
$(o).attr('src',url_for(bg))
}
$(o).addClass('lazyload');
});
data.content = $.html();
}, 100);

18
scripts/random_cover.js
View File

@@ -1,18 +0,0 @@
hexo.extend.filter.register('before_post_render', function(data){
data.cover = data.cover || random_cover()
return data;
});
var random_cover = function () {
var cover;
var num;
if (!Array.isArray(hexo.theme.config.default_cover)) {
cover = hexo.theme.config.default_cover
return cover
} else {
num = Math.floor(Math.random() * (hexo.theme.config.default_cover.length));
cover = hexo.theme.config.default_cover[num];
return cover
}
}

27
scripts/tags/gallery.js Normal file
View File

@@ -0,0 +1,27 @@
const url_for = require('hexo-util').url_for.bind(hexo);
function gallery(args, content) {
return `<div class="justified-gallery">${hexo.render.renderSync({text: content, engine: 'markdown'}).split('\n').join('')}
</div>`;
}
function galleryGroup(args){
const name = args[0]
const desrc = args[1]
const url = url_for(args[2])
const img = url_for(args[3])
return `
<figure class="gallery-group">
<img class="gallery-group-img" src='${img}'>
<figcaption>
<div class="gallery-group-name">${name}</div>
<p>${desrc}</p>
<a href='${url}'></a>
</figcaption>
</figure>
`
}
hexo.extend.tag.register('gallery', gallery, {ends: true});
hexo.extend.tag.register('galleryGroup', galleryGroup);

33
scripts/tags/hide.js Normal file
View File

@@ -0,0 +1,33 @@
/**
* {% hideInline content,display,bg,color %}
* content不能包含當引號，可用 &apos;
*/
function hideInline(args) {
args = args.join(' ').split(',')
let content = args[0].trim()
let display = args[1] || 'Click'
let bg = args[2] ==='' || typeof args[2] ==='undefined' ? '' : `background-color:${args[2]}`
let color = args[3] || '#fff'
return `<span class="hide-inline"><a class="hide-button button--primary button--animated" style="color:${color};${bg}">${display}
</a><span class="hide-content">${content}</span></span>`
}
/**
* {% hideBlock display,bg,color %}
* content
* {% endhideBlock %}
*/
function hideBlock(args,content) {
args = args.join(' ').split(',')
let display = args[0] || 'Click'
let bg = args[1] ==='' || typeof args[2] ==='undefined' ? '' : `background-color:${args[2]}`
let color = args[2] || '#fff'
return `<div class="hide-block"><a class="hide-button button--primary button--animated" style="color:${color};${bg}">${display}
</a><span class="hide-content">${hexo.render.renderSync({text: content, engine: 'markdown'}).split('\n').join('')}</span></div>`
}
hexo.extend.tag.register('hideInline', hideInline);
hexo.extend.tag.register('hideBlock', hideBlock, {ends: true});

7
scripts/tags/mermaid.js Normal file
View File

@@ -0,0 +1,7 @@
function mermaid(args, content) {
return `<div class="mermaid">
${content}
</div>`;
}
hexo.extend.tag.register('mermaid', mermaid, {ends: true});

0
scripts/note.js → scripts/tags/note.js
View File

8
scripts/url_check.js
View File

@@ -1,8 +0,0 @@
hexo.extend.helper.register('url_check', function (p) {
let src = p ;
let reg = /^https?/ig;
return reg.test(src)
})

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

@@ -5,11 +5,12 @@ html
body
position: relative
min-height: 100%
background: $white
background: $body-bg
color: $font-black
font-size: $font-size
font-family: $font-family
line-height: $text-line-height
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
if !hexo-config('copy.enable')
user-select: none
@@ -17,13 +18,6 @@ body
-webkit-user-select: none
-ms-user-select: none
#body-wrap
position: relative
display: flex
flex: 1 auto
flex-direction: column
transition: all .5s
*::-webkit-scrollbar
width: 8px
height: 8px
@@ -59,9 +53,6 @@ h6
code
font-size: inherit !important
#content-outer
flex: 1 auto
*
box-sizing: border-box
@@ -79,8 +70,7 @@ hr
position: relative
margin: 2rem auto
width: calc(100% - 4px)
border: 2px dashed $pale-blue
background: $white
border: 2px dashed lighten($theme-hr-color, 50%)
&:hover
&:before
@@ -91,54 +81,51 @@ hr
top: $hr-icon-top
left: 5%
z-index: 1
color: $light-blue
color: $theme-hr-color
content: $hr-icon
font: normal normal normal 14px / 1 FontAwesome
font-style: normal
font-variant: normal
font-size: 20px
line-height: 1
transition: all 1s ease-in-out
text-rendering: auto
-webkit-font-smoothing: antialiased
if hexo-config('fontawesome_v5') && hexo-config('fontawesome_v5.enable')
font-weight: 600
font-family: 'Font Awesome 5 Free'
else
font-weight: normal
font-family: FontAwesome
iframe
margin: 0 0 1rem
// collapse/expand beautify
details
padding: .3rem
border: 2px solid darken($light-grey, 10%)
summary
color: $theme-color
// set <caption> of <figure> to center-align
// use class="not-code" to avoid conflicts because code also use <figure> tag
.not-code
margin: .5em
padding: .5em
border: thin silver solid
text-align: center
table
display: block
overflow: auto
margin: 0 0 1rem
width: 100%
border-spacing: 0
border-collapse: collapse
empty-cells: show
thead
background: alpha($a-link-color, 10%)
background: alpha($table-thead-bg, 10%)
th,
td
padding: .3rem .6rem
border: 1px solid darken($light-grey, 10%)
vertical-align: top
vertical-align: middle
*::selection
background: $selection
color: $pale-grey
background: $theme-text-selection-color
color: #F7F7F7
// 字體
.full_page #site-title,
.full_page #site-sub-title,
// font
#nav #site_title,
#nav #site_subtitle,
#site-name,
#aside_content .author-info__name,
#aside_content .author-info__description
@@ -170,7 +157,7 @@ table
// button hover
.button--primary
color: $ruby
color: $theme-button-hover-color
.button--animated
transition-duration: 1s
@@ -183,7 +170,7 @@ table
bottom: 0
left: 0
z-index: -1
background: $ruby
background: $theme-button-hover-color
content: ''
transition-timing-function: ease-out
transition-duration: .5s
@@ -196,37 +183,10 @@ table
transition-timing-function: cubic-bezier(.45, 1.64, .47, .66)
transform: scaleX(1)
// third-party
.fireworks
position: fixed
z-index: -1
z-index: 99999
pointer-events: none
img[src=''],
img:not([src])
opacity: 0
.justified-gallery
margin: 1rem 0
img
opacity: 0
.fancybox
width: auto
text-align: inherit
.img-alt
display: none
.medium-zoom-image--opened
z-index: 99999 !important
margin: 0 !important
.medium-zoom-overlay
z-index: 99999 !important
// hexo tag video
.video-container
position: relative
@@ -243,16 +203,51 @@ img:not([src])
width: 100%
height: 100%
.layout_page,
.layout_post,
// tag-hide
.hide-inline,
.hide-block
& > .hide-button
position: relative
z-index: 1
display: inline-block
padding: 0 1rem
background: $tag-hide-bg
text-align: center
cursor: pointer
&:hover
text-decoration: none !important
& > .hide-content
display: none
.hide-inline
& > .hide-button
margin: 0 .3rem
& > .hide-content
margin: 0 .3rem
.hide-block
margin: 0 0 .8rem
.comment_headling
margin-bottom: 10px
font-weight: 700
font-size: 20px
#content-inner,
#footer
animation: main 1s
#nav,
#top-container
animation: header 1s
#nav
animation: nav-effect 1s
#site-title
#page-header
animation: header-effect 1s
#site_title,
#site_subtitle
animation: titlescale 1s
canvas,
@@ -266,13 +261,33 @@ canvas,
.scroll-down-effects
animation: scroll-down-effect 1.5s infinite
if hexo-config('avatar_effect') == true
if hexo-config('avatar.effect') == true
.avatar-img
animation: avatar_turn_around 2s linear infinite
.reward-main
animation: donate_effcet .3s .1s ease both
.tocOpenPc
.sidebar-toc__title
animation: tocsidebarLtoR .5s
.sidebar-toc__progress
animation: tocsidebarLtoR .7s
.sidebar-toc__content
animation: tocsidebarLtoR .9s
.tocOpenMobile
.sidebar-toc__title
animation: tocsidebarRtoL .5s
.sidebar-toc__progress
animation: tocsidebarRtoL .5s
.sidebar-toc__content
animation: tocsidebarRtoL .7s
@keyframes scroll-down-effect
0%
top: 0
@@ -286,7 +301,7 @@ if hexo-config('avatar_effect') == true
top: 0
opacity: .4
@keyframes header
@keyframes nav-effect
0%
opacity: 0
transform: translateY(-50px)
@@ -295,6 +310,18 @@ if hexo-config('avatar_effect') == true
opacity: 1
transform: translateY(0)
@keyframes header-effect
0%
opacity: 0
50%
opacity: 0
transform: translateY(-50px)
100%
opacity: 1
transform: translateY(0)
@keyframes headerNoOpacity
0%
transform: translateY(-50px)
@@ -369,10 +396,23 @@ if hexo-config('avatar_effect') == true
50%
transform: scale(1.2)
@media screen and (max-width: $bg)
i#toggle-sidebar,
#sidebar
display: none
@keyframes sidebarItem
0%
transform: translateX(200px)
body
padding-left: 0 !important
100%
transform: translateX(0)
@keyframes tocsidebarRtoL
0%
transform: translateX(200px)
100%
transform: translateX(0)
@keyframes tocsidebarLtoR
0%
transform: translateX(-200px)
100%
transform: translateX(0)

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

@@ -10,7 +10,6 @@ $code-block
padding: 0
background: $highlight-background
color: $highlight-foreground
font-size: $code-font-size
line-height: $line-height-code-block
if wordWrap
@@ -28,7 +27,7 @@ blockquote
margin: 0 0 1rem
padding: .1rem .8rem
border-left: .2rem solid $blockquote-padding-color
background-color: lighten($blockquote-padding-color, 33)
background-color: $blockquote-background-color
color: $blockquote-color
a
@@ -46,7 +45,7 @@ blockquote
padding: 0 .3em
content: '—'
.article-container
#article-container
pre,
code
font-family: $code-font !important
@@ -56,7 +55,8 @@ blockquote
background: $code-background
color: $code-foreground
word-wrap: break-word
font-size: $code-font-size
word-break: break-word
overflow-wrap: break-word
pre
@extend $code-block
@@ -68,7 +68,7 @@ blockquote
color: $highlight-foreground
text-shadow: none
.highlight
figure.highlight
@extend $code-block
position: relative
border-radius: 1px
@@ -101,6 +101,7 @@ blockquote
table
position: relative
display: table
margin: 0
width: auto
border: none
@@ -111,23 +112,11 @@ blockquote
figcaption
clearfix()
position: absolute
z-index: 1
margin-bottom: 1em
padding: .2rem 0 .2rem .7rem
width: 100%
height: 1.4em
padding: .3rem 0 .1rem .7rem
color: $highlight-foreground
font-size: 1em
line-height: 1em
span
float: left
overflow: hidden
max-width: 100%
text-overflow: ellipsis
white-space: nowrap
a
float: right
padding-right: 10px
@@ -136,15 +125,6 @@ blockquote
&:hover
border-bottom-color: $highlight-foreground
&+table
margin-top: 1.1rem
&:before
margin-top: -2.1rem
&:after
top: -2.1rem
.gutter pre
padding-right: .5rem
padding-left: .5rem
@@ -285,14 +265,12 @@ blockquote
.highlight-tools
position: relative
overflow: hidden
width: 100%
height: 1.4rem
background: darken($highlight-background, 5)
color: $highlight-foreground
font-size: 14px
& + figure
margin: 0 !important
.highlight-close
height: 0 !important

44
source/css/_layout/404.styl Normal file
View File

@@ -0,0 +1,44 @@
if hexo-config('error_404.enable')
#nav.error-no-found
display: flex
flex-direction: column
justify-content: center
height: 100vh
&:before
width: 100%
height: 100%
background-color: alpha($dark-black, .5)
content: ''
#error_info
position: absolute
padding: 0 4rem
width: 100%
letter-spacing: 3px
line-height: 1
#error_title,
#error_subtitle
margin: 0
padding: 0
color: $light-grey
letter-spacing: 5px
font-family: $site-name-font
#error_title
font-size: 10rem
#error_subtitle
font-size: 2rem
@media screen and (max-width: $sm)
#nav.error-no-found
#error_info
padding: 0 2rem
#error_title
font-size: 7rem !important
#error_subtitle
font-size: 1rem !important

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

@@ -1,11 +1,13 @@
#aside_content
width: 25%
.card-widget:not(:first-child)
margin-top: 1rem
.card-widget
overflow: hidden
margin-top: 20px
border-radius: 8px
background: $white
background: $card-bg
box-shadow: 0 4px 8px 6px rgba(7, 17, 27, .06)
transition: all .3s
@@ -15,11 +17,9 @@
.card-info
img
display: inline-block
padding: 5px
width: 120px
height: 120px
width: 110px
height: 110px
border-radius: 70px
vertical-align: top
transition: all .3s
&:hover
@@ -34,21 +34,18 @@
margin-top: -.3rem
.card-info-data
display: flex
padding: .7rem 0
& > .card-info-data-item
flex: 1 1
min-width: 0
display: inline-block
width: 33.3%
a
text-decoration: none
.headline
display: block
overflow: hidden
color: $font-black
text-transform: uppercase
// text-transform: uppercase
text-overflow: ellipsis
white-space: nowrap
font-size: .7rem
@@ -77,8 +74,7 @@
z-index: 1
display: block
background-color: $light-blue
color: $white
text-decoration: none
color: $button-color
text-transform: uppercase
line-height: 1.6rem
@@ -96,7 +92,6 @@
.card-tag-cloud
a
text-decoration: none
word-break: keep-all
&:hover
@@ -111,7 +106,6 @@
& > a
color: $font-black
text-decoration: none
.aside-post-cover
float: left
@@ -134,7 +128,7 @@
.aside-post-title
.aside-post_meta
padding-left: 10px
color: $theme-link-color
color: $theme-meta-color
font-size: .6rem
.aside-post_title
@@ -149,6 +143,10 @@
&:hover
color: $light-blue !important
&.no-aside-cover
.aside-post_title
height: auto
.card-archives ul.archive-list,
.card-categories ul.aside-category-item
margin: 0
@@ -164,19 +162,23 @@
&:hover
padding: .2rem .85rem
background-color: $light-blue
color: #363636
a
display: flex
color: $font-black
text-decoration: none
span
display: inline-block
overflow: hidden
vertical-align: bottom
text-overflow: ellipsis
white-space: nowrap
&:first-child
flex: auto
overflow: hidden
text-overflow: ellipsis
white-space: nowrap
width: 80%
&:last-child
width: 20%
text-align: right
.card-categories
.aside-category-item
@@ -211,6 +213,10 @@
#aside_content
width: 100% !important
#aside_content
.card-widget:first-child
margin-top: 1rem
@media screen and (min-width: 900px)
#aside_content
.card-widget
@@ -219,7 +225,7 @@
else
margin-right: 15px
if hexo-config('aside_mobile') == false
if hexo-config('aside.mobile') == false
@media screen and (max-width: $sm)
#aside_content
display: none

6
source/css/_layout/category.styl
View File

@@ -27,7 +27,7 @@
top: 0
left: 0
background: $light-blue
color: $white
color: $card-bg
cursor: pointer
transition: all .3s ease-out
@@ -48,7 +48,7 @@
li
&:hover
&:before
border-color: $ruby
border-color: $theme-button-hover-color
&:before
$w = .3rem
@@ -58,6 +58,6 @@
height: h = w
border: .5 * w solid $light-blue
border-radius: w
background: $white
background: transparent
content: ''
line-height: h

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

@@ -1,68 +0,0 @@
#disqus_thread
margin-top: 1rem
.comment_headling
margin-bottom: 10px
font-weight: 700
font-size: 20px
// valine
#vcomment
font-size: inherit
input
font-size: .65rem
button
padding: .3rem 1rem
border-color: #fff
background-color: $light-blue
color: #fff
font-size: .7rem
&:hover
background-color: darken($light-blue, 40)
textarea
font-size: .7rem
if hexo-config('valine.bg')
background: url(hexo-config('valine.bg')) 100% 100% no-repeat
.info
display: none
.vimg
border: 0
&:hover
transform: rotate(540deg)
.vcount
font-size: .775rem
.vnum
font-size: 1.1rem
.vsys
font-size: 80%
.vtime
font-size: .65rem
.vcontent
font-size: 100%
.vat
padding: 0 .8rem
border: 1px solid $cyan
border-radius: 5px
color: $cyan
font-size: .7125rem
&:hover
background-color: alpha($cyan, .5)
code,
pre
font-size: 98%

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

@@ -1,11 +1,9 @@
.flink
.flink#article-container
.post-cards
margin: -10px 10px 0
.md-links
overflow: auto
margin: 0 auto
padding: 0
text-align: center
& > .md-links-item
@@ -13,11 +11,9 @@
float: left
overflow: hidden
margin: 20px 7px
padding: 0
width: calc(100% / 3 - 14px)
width: calc(100% / 3 - 15px)
height: 90px
border-radius: 8px
list-style: none
line-height: 17px
transform: perspective(1px) translateZ(0)
@@ -45,15 +41,14 @@
transform: scale(1)
a
color: #333
color: $font-color
text-decoration: none
img
float: left
margin: 11px 10px
padding: 4px
width: 70px
height: 70px
margin: 13px 0 0 10px
width: 65px
height: 65px
border-radius: 35px
transition: all .3s
@@ -74,18 +69,14 @@
white-space: nowrap
font-size: 13px
.comment-word
font-weight: bold
font-size: 1.7em
@media screen and (max-width: 1100px)
.flink
.md-links
.md-links-item
width: calc(50% - 14px) !important
width: calc(50% - 15px) !important
@media screen and (max-width: 600px)
.flink
.md-links
.md-links-item
width: calc(100% - 14px) !important
width: calc(100% - 15px) !important

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

@@ -1,6 +1,5 @@
#footer
position: relative
margin-top: 1rem
background: $light-blue
background-attachment: local
background-position: bottom
@@ -9,10 +8,8 @@
if hexo-config('footer_bg') != false
&:before
position: absolute
top: 0
right: 0
bottom: 0
left: 0
width: 100%
height: 100%
background-color: alpha($dark-black, .5)
content: ''
@@ -24,11 +21,11 @@
a
color: $light-grey
text-decoration: none
cursor: pointer
&:hover
color: $white
color: $theme-color
text-decoration: underline
.footer-separator
margin: 0 .2rem

109
source/css/_layout/gallery.styl Normal file
View File

@@ -0,0 +1,109 @@
figure.gallery-group
position: relative
float: left
overflow: hidden
margin: .3rem .2rem
width: calc(50% - .4rem)
height: 250px
border-radius: 8px
background: $dark-black
-webkit-transform: translate3d(0, 0, 0)
&:hover
img
opacity: .4
transform: translate3d(0, 0, 0)
.gallery-group-name::after
transform: translate3d(0, 0, 0)
p
opacity: 1
transform: translate3d(0, 0, 0)
img
position: relative
margin: 0 !important
max-width: none
width: calc(100% + 20px)
height: 250px
backface-visibility: hidden
opacity: .8
transition: opacity .35s, transform .35s
transform: translate3d(-10px, 0, 0)
object-fit: cover
figcaption
position: absolute
top: 0
left: 0
padding: 1.5rem
width: 100%
height: 100%
color: $gallery-color
text-transform: uppercase
backface-visibility: hidden
& > a
position: absolute
top: 0
right: 0
bottom: 0
left: 0
z-index: 1000
opacity: 0
p
display: -webkit-box
overflow: hidden
margin: 0
padding: .4rem 0 0
letter-spacing: 1px
font-size: .8rem
line-height: 1.5
opacity: 0
transition: opacity .35s, transform .35s
transform: translate3d(100%, 0, 0)
-webkit-line-clamp: 4
-webkit-box-orient: vertical
.gallery-group-name
position: relative
display: -webkit-box
overflow: hidden
margin: 0
padding: .4rem 0
font-weight: bold
font-size: 1.2rem
line-height: 1.5
-webkit-line-clamp: 2
-webkit-box-orient: vertical
&:after
position: absolute
bottom: 0
left: 0
width: 100%
height: 2px
background: $gallery-color
content: ''
transition: transform .35s
transform: translate3d(-100%, 0, 0)
.gallery-group-main
overflow: auto
padding: 0 0 .8rem
.justified-gallery
margin: 0 0 .8rem
img
opacity: 0
.fancybox
width: auto
text-align: inherit
@media screen and (max-width: 600px)
figure.gallery-group
width: calc(100% - .4rem)

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

@@ -1,21 +1,39 @@
#nav
position: relative
margin-bottom: 1rem
width: 100%
background-color: $light-blue
background-attachment: local
background-position: center
background-position: center center
background-size: cover
background-repeat: no-repeat
transition: all .5s
// index
&.full_page
display: flex
align-items: center
height: $index_top_img_height
&.not_index_bg
height: 20rem
#site-info
position: absolute
top: $index_site_info_top
padding: 0 .5rem
width: 100%
#site-social-icons
#site_title,
#site_subtitle,
#scroll_down .scroll-down-effects
color: $light-grey
text-align: center
text-shadow: .1rem .1rem .2rem rgba(0, 0, 0, .15)
line-height: 1.5
#site_title
margin: 0
font-size: 1.3rem
#site_subtitle
font-size: .8rem
#site_social_icons
display: none
margin: 0 auto
width: 15rem
@@ -28,47 +46,83 @@
font-size: .9rem
cursor: pointer
&:hover
color: $white
#site-info
position: absolute
width: 100%
#site-title,
#site-sub-title
color: $light-grey
text-align: center
text-shadow: .1rem .1rem .2rem rgba(0, 0, 0, .15)
line-height: 1.5
#site-title
font-weight: bold
font-size: 1.3rem
#site-sub-title
font-size: .8rem
#page_site-info
position: absolute
top: 10rem
width: 100%
.scroll-down
position: absolute
bottom: 0
width: 100%
height: 42px
text-align: center
font-size: 30px
cursor: pointer
.scroll-down-effects
#scroll_down
position: absolute
color: $white
bottom: 0
width: 100%
cursor: pointer
header
position: relative
.scroll-down-effects
position: relative
width: 100%
font-size: 30px
// page
&.not-index-bg
height: 20rem
#page_site-info
position: absolute
top: 10rem
padding: 0 .5rem
width: 100%
// post
&.post-bg
height: 20rem
&:before
position: absolute
top: 0
left: 0
display: block
width: 100%
height: 100%
background-color: alpha($dark-black, .5)
content: ''
#post-info
position: absolute
bottom: 1.5rem
padding: 0 8%
width: 100%
color: $light-grey
text-align: left
#post-title
margin-bottom: .4rem
font-size: 1.5rem
.posttitle
display: -webkit-box
overflow: hidden
line-height: 1.5
-webkit-line-clamp: 3
-webkit-box-orient: vertical
#post-meta
.word-count,
#busuanzi_value_page_pv,
.comment-count
padding-left: .2rem
.post-meta
&__separator
margin: 0 .3rem
&__icon
margin-right: .2rem
&-pv-cv
display: inline-block
a
color: $light-grey
transition: all .3s ease-out
&:hover
color: $light-blue
text-decoration: underline
#page-header
position: absolute
@@ -79,7 +133,6 @@ header
height: 58px
border: none
font-size: 18px
opacity: 0
transition: all .5s
.toggle-menu
@@ -95,7 +148,6 @@ header
a
color: $light-grey
text-decoration: none
&:hover
color: $white
@@ -109,13 +161,14 @@ header
transition: transform .2s ease-in-out, opacity .2s ease-in-out
&.open-sidebar
.site-page
visibility: hidden
.menus,
#search_button
display: none
a,
#site-name,
.toggle-menu
color: $light-black
color: $font-black
text-shadow: none
&:hover
@@ -129,7 +182,7 @@ header
background-color: $white !important
#site-name
text-shadow: .1rem .1rem .2rem rgba(0, 0, 0, .15)
text-shadow: .1rem .1rem .2rem rgba($dark-black, .15)
font-weight: bold
cursor: pointer
@@ -163,7 +216,7 @@ header
transition: all .3s ease-in-out
&:hover
&::after
&:after
width: 100%
.menus_item_child
@@ -174,7 +227,7 @@ header
padding: 0
width: max-content
background-color: alpha($white, .8)
box-shadow: 0 5px 20px -4px rgba(0, 0, 0, .5)
box-shadow: 0 5px 20px -4px rgba($dark-black, .5)
animation: sub_menus .3s .1s ease both
&:before
@@ -194,7 +247,7 @@ header
background: $theme-color
a
color: #3b3a3a
color: $font-black
text-shadow: none
#search_button
@@ -203,34 +256,50 @@ header
.site-page
position: relative
padding-bottom: .3rem
text-shadow: .05rem .05rem .1rem rgba(0, 0, 0, .3)
text-shadow: .05rem .05rem .1rem rgba($dark-black, .3)
font-size: .7rem
cursor: pointer
@media screen and (min-width: $sm)
#site-title
font-size: 2rem
#nav
#site_title
font-size: 2rem
#site-sub-title
font-size: 1.2rem
#site_subtitle
font-size: 1.2rem
@media screen and (max-width: $sm)
#page-header
padding: 10px .8rem
#nav
#site-social-icons
#site_social_icons
display: block
&.not_index_bg
&.not-index-bg
height: 14rem
#page_site-info
top: 7rem
@media screen and (max-width: $bg)
#page-header
&.fixed
&.open-sidebar
.site-page
visibility: visible
&.post-bg
height: 18rem
& > #post-info
bottom: 1rem
padding: 0 5%
& > #post-title
font-size: 1.2rem
& > #post-meta
font-size: 90%
& > span
display: none
.post-meta-pv-cv
display: block
.post-meta__separator:first-child
display: none

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

@@ -7,23 +7,21 @@
left: 0
z-index: 102
display: none
background: alpha($dark-black, .7)
background: alpha($dark-black, .8)
#mobile-sidebar-menus,
#mobile-sidebar-toc
#mobile-sidebar-menus
position: fixed
top: 0
right: -254px
right: -250px
z-index: 103
display: block
overflow: hidden
overflow-y: scroll
width: 250px
height: 100%
background: $white
box-shadow: 0 0 4px alpha($dark-black, .27)
background: #f6f8fa
transition: all .5s
#mobile-sidebar-menus
& > .mobile_author_icon
padding: 1.3rem 1.5rem 0
text-align: center
@@ -31,33 +29,33 @@
img
display: inline-block
padding: 0
width: 120px
height: 120px
width: 110px
height: 110px
border-radius: 70px
vertical-align: top
transition: all .3s
.mobile_post_data
display: flex
justify-content: center
padding: .6rem .5rem 0
.mobile_data_item
flex: 1
display: inline-block
width: 33.3%
.mobile_data_link
a
text-decoration: none
.mobile_data_link
& > a > div
overflow: hidden
text-overflow: ellipsis
white-space: nowrap
.length_num
color: $dark-black
font-size: .9rem
.length_num
color: $dark-black
font-size: .9rem
.headline
display: block
color: $font-black
text-transform: uppercase
font-size: .7rem
.headline
display: block
color: $font-black
// text-transform: uppercase
font-size: .7rem
hr
margin: 1rem auto
@@ -74,7 +72,6 @@
margin: 0
padding: .3rem 1.5rem
color: $font-black
text-decoration: none
text-overflow: ellipsis
text-shadow: none
white-space: nowrap
@@ -106,25 +103,4 @@
.menus_item_child
margin: 0
list-style: none
#mobile-sidebar-toc
padding: 1rem .5rem 5rem .3rem
ol,
li
margin: 0
padding: 0 0 0 8px
list-style: none
.toc_mobile_headline
text-align: center
font-weight: bold
font-size: 18px
.toc_mobile_items-link
color: $font-color
text-decoration: none
&:hover
color: $light-blue
list-style: none

7
source/css/_layout/note.styl
View File

@@ -57,7 +57,12 @@
top: 13px
left: 15px
font-size: larger
font-family: 'FontAwesome'
if hexo-config('fontawesome_v5') && hexo-config('fontawesome_v5.enable')
font-weight: 600
font-family: 'Font Awesome 5 Free'
else
font-family: 'FontAwesome'
&.default
if ($note-style == 'flat')

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

@@ -2,22 +2,24 @@
display: flex
align-items: flex-start
margin: 0 auto
padding: 0 15px
padding: 2rem 15px
max-width: 1200px
// index
#recent-posts
width: 75%
& > .recent-post-item:not(:first-child)
margin-top: 1rem
& > .recent-post-item
display: flex
flex-direction: row
align-items: center
margin-top: 20px
padding: 0
height: 280px
border-radius: 8px
background: #fff
background: $card-bg
box-shadow: 0 4px 8px 6px rgba(7, 17, 27, .06)
transition: all .3s
@@ -27,20 +29,20 @@
img.post_bg
transform: scale(1.1)
if hexo-config('index_post_cover') == 'both'
if hexo-config('cover.position') == 'both'
.left_radius
border-radius: 8px 0 0 8px
.right_radius
order: 2
border-radius: 0 8px 8px 0
else if hexo-config('index_post_cover') == 'left'
else if hexo-config('cover.position') == 'left'
.left_radius
border-radius: 8px 0 0 8px
.right_radius
border-radius: 8px 0 0 8px
else if hexo-config('index_post_cover') == 'right'
else if hexo-config('cover.position') == 'right'
.left_radius
order: 2
border-radius: 0 8px 8px 0
@@ -53,6 +55,7 @@
overflow: hidden
width: 45%
height: 280px
-webkit-mask-image: -webkit-radial-gradient(white, black)
img.post_bg
display: block
@@ -73,12 +76,14 @@
padding: 0 40px
width: 55%
&.no-cover
width: 100%
& > .article-title
display: -webkit-box
overflow: hidden
margin-bottom: .3rem
color: $black
text-decoration: none
color: $font-black
text-overflow: ellipsis
word-wrap: break-word
font-size: 1.2rem
@@ -90,36 +95,41 @@
&:hover
color: $light-blue !important
& > time
color: $grey
& > .article-meta-wrap
font-size: 95%
& > .article-meta
color: $grey
& > time
color: $theme-meta-color
& > .article-meta
color: $theme-meta-color
.sticky
color: $theme-button-hover-color
color: $sticky-color
i
margin: 0 .2rem 0 .3rem
margin: 0 .2rem 0 0
.article-meta__separator
margin-left: .3rem
.article-meta__separator,
.article-meta__link
margin: 0 .3rem
.fa-angle-right
margin: 0 0 0 .3rem
margin: 0 .3rem
a.article-meta__categories
color: #858585
text-decoration: none
a.article-meta__categories,
a.article-meta__tags
color: $theme-meta-color
&:hover
color: #49b1f5 !important
color: $light-blue !important
text-decoration: underline
& > .content
display: -webkit-box
overflow: hidden
margin-top: .5rem
height: 90px
margin-top: .3rem
height: 85px
word-break: break-word
-webkit-line-clamp: 3
-webkit-box-orient: vertical
@@ -129,12 +139,11 @@
a
display: inline-block
padding: 0 .4rem
text-decoration: none
cursor: pointer
transition: all .3s
&:hover
color: $ruby !important
color: $theme-button-hover-color !important
transform: scale(1.1)
&__title
@@ -144,40 +153,29 @@
&-tags
text-align: center
#tag,
#category,
#archive
padding: 3rem
.tag-cloud,
#page,
.category-content,
.flink
padding: 40px 44px 44px
#page,
.category-content,
#archive,
.tag-cloud,
.flink,
#tag,
#category
margin-top: 20px
width: 75%
.layout_post > #post,
.layout_page > div:first-child:not(.recent-posts)
padding: 50px 40px
border-radius: 8px
background: $white
background: $card-bg
box-shadow: 0 4px 8px 6px rgba(7, 17, 27, .06)
transition: all .3s
&:hover
box-shadow: 0 4px 12px 12px rgba(7, 17, 27, .15)
.layout_page
& > div:first-child:not(.recent-posts)
width: 75%
.article-sort
margin-left: .5rem
padding-left: 1rem
border-left: 2px solid $pale-blue
border-left: 2px solid lighten($light-blue, 20)
&-title
position: relative
margin-left: .5rem
padding-bottom: 1.2rem
padding-left: 1rem
font-size: 1.2rem
@@ -185,7 +183,7 @@
&:hover
&:before
border-color: $ruby
border-color: $theme-button-hover-color
&:before
position: absolute
@@ -196,7 +194,7 @@
height: h = w
border: .5 * w solid $light-blue
border-radius: w
background: $white
background: $card-bg
content: ''
line-height: h
transition: all .2s ease-in-out
@@ -208,17 +206,19 @@
z-index: 0
width: .1rem
height: 1.3rem
background: $pale-blue
background: lighten($light-blue, 20)
content: ''
&-item
position: relative
margin: 0 0 1rem .5rem
width: 100%
height: 80px
transition: all .2s ease-in-out
&:hover
&:before
border-color: $ruby
border-color: $theme-button-hover-color
&:before
$w = .3rem
@@ -229,12 +229,22 @@
height: h = w
border: .5 * w solid $light-blue
border-radius: w
background: $white
background: $card-bg
content: ''
line-height: h
transition: all .2s ease-in-out
&.no-article-cover
display: flex
flex-direction: column
justify-content: center
.article-sort-post
padding: 0
width: 100%
&.year
height: auto
font-size: 1rem
&:hover
@@ -243,17 +253,15 @@
&:before
top: .7rem
border-color: $ruby
border-color: $theme-button-hover-color
&__time
padding-left: .4rem
color: $a-link-color
font-size: .7rem
&__title
display: -webkit-box
overflow: hidden
height: 60px
color: $font-black
font-size: .75rem
transition: all .3s
@@ -276,23 +284,21 @@
transform: scale(1.1)
&__post
text-decoration: none
cursor: pointer
color: $theme-meta-color
&:hover
color: $a-link-color
color: $theme-meta-color
&-img
display: inline-block
float: left
overflow: hidden
width: 80px
height: 80px
&-post
position: absolute
top: 0
display: inline-block
margin-left: 1rem
padding: 0 1rem
width: calc(100% - 80px)
.category-lists
padding: 1rem 0 1.5rem
@@ -304,12 +310,11 @@
.category-list
a
color: $font-black
text-decoration: none
cursor: pointer
.category-list-count
margin-left: .4rem
color: $a-link-color
color: $theme-meta-color
&:before
content: '('
@@ -317,19 +322,19 @@
&:after
content: ')'
// 隱藏aside
.hide-aside
max-width: 1000px
& > div
width: 100% !important
@media screen and (max-width: $sm)
.layout_page
padding: 0 5px !important
padding: 1rem 5px !important
#page,
.category-content,
#archive,
.tag-cloud,
.flink,
#tag,
#category
margin: 0
padding: 1.8rem 1.3rem
& > div:first-child:not(.recent-posts)
padding: 1.8rem .7rem
.category-lists
padding: 0
@@ -347,17 +352,17 @@
.recent-post-info
order: 2 !important
padding: 30px 25px 18px !important
padding: 1rem 1rem 1.5rem
width: 100%
&.no-cover
padding: 1.5rem 1rem
.article-title
font-size: 1rem
.article-meta.tags
display: none
&:first-child
margin: 0
.content
height: auto
@media screen and (min-width: 900px)
if hexo-config('aside.position') == 'left'
@@ -366,17 +371,11 @@
.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
.layout_page
& > div:first-child:not(.recent-posts)
width: 100% !important

46
source/css/_layout/pagination.styl
View File

@@ -6,9 +6,6 @@
.pagination
text-align: center
.space
color: $a-link-color
.page-number
display: inline-block
margin: 0 .2rem
@@ -19,71 +16,56 @@
cursor: pointer
&.current
background: $cyan
color: $white
background: $theme-paginator-color
color: $button-color
cursor: default
img.prev_cover,
img.next_cover
position: absolute
top: 0
left: 0
padding: 0
width: 100%
height: 100%
background-size: cover
opacity: .4
transition: all .6s
pointer-events: none
object-fit: cover
.pagination-info
position: absolute
top: 50%
padding: 1rem 2rem
width: 100%
transform: translate(0, -50%)
.prev_info,
.next_info
position: absolute
bottom: 50px
z-index: 100
display: block
overflow: hidden
width: 70%
color: $white
color: $button-color
text-overflow: ellipsis
white-space: nowrap
font-weight: 400
font-weight: 500
.next_info
right: 40px
text-align: right
.next-post
.pagination-info
text-align: right
.pull-full
width: 100% !important
.prev-post .label,
.next-post .label
position: absolute
top: 50px
z-index: 100
display: block
color: alpha($white, .9)
text-transform: uppercase
font-size: 90%
.next-post .label
right: 40px
.prev-post,
.next-post
float: left
width: 50%
a
position: relative
display: block
float: left
overflow: hidden
padding: 55px 40px
width: 100%
height: 150px
text-align: left
&:hover
img.prev_cover,

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

@@ -1,81 +1,18 @@
if hexo-config('post_beautify.enable')
headStyle(fontsize)
padding-left: unit(fontsize + .3, 'rem')
#article-container
if hexo-config('beautify.enable')
headStyle(fontsize)
padding-left: unit(fontsize + .4, 'rem')
code
font-size: unit(fontsize, 'rem')
code
font-size: unit(fontsize, 'rem')
&:before
top: calc(50% - unit(fontsize / 2 - .05, 'rem'))
font-size: unit(fontsize, 'rem')
&:before
margin-left: unit((-(fontsize + .2)), 'rem')
font-size: unit(fontsize, 'rem')
&:hover
padding-left: unit(fontsize + .2, 'rem')
&:hover
padding-left: unit(fontsize + .6, 'rem')
#top-container
position: relative
margin-bottom: 1rem
height: 19rem
background-color: $light-blue
background-attachment: local
background-position: center
background-size: cover
&:before
position: absolute
top: 0
left: 0
display: block
width: 100%
height: 100%
background-color: alpha($dark-black, .5)
content: ''
a
color: $light-grey
text-decoration: none
transition: all .3s ease-out
&:hover
text-decoration: underline
& > #post-info
position: absolute
bottom: 1.5rem
padding: 0 8%
width: 100%
color: $light-grey
text-align: left
#post-title
margin-bottom: .4rem
font-size: 1.5rem
.posttitle
display: -webkit-box
overflow: hidden
line-height: 1.5
-webkit-line-clamp: 3
-webkit-box-orient: vertical
#post-meta
.word-count,
#busuanzi_value_page_pv,
.comment-count
padding-left: .2rem
.post-meta
&__separator
margin: 0 .3rem
&__icon
margin-right: .2rem
&-pv-cv
display: inline-block
#post-content
if hexo-config('post_beautify.enable')
h1,
h2,
h3,
@@ -88,16 +25,23 @@ if hexo-config('post_beautify.enable')
&:before
position: absolute
top: calc(50% - .35rem)
left: 0
color: $title-prefix-icon-color
content: $title-prefix-icon
font: normal normal normal 14px / 1 FontAwesome
font-size: .8rem
font-style: normal
font-variant: normal
line-height: 1
transition: all .2s ease-out
text-rendering: auto
-webkit-font-smoothing: antialiased
if hexo-config('fontawesome_v5') && hexo-config('fontawesome_v5.enable')
font-weight: 600
font-family: 'Font Awesome 5 Free'
else
font-weight: normal
font-family: FontAwesome
&:hover
padding-left: 1.1rem
&:before
color: $light-blue
@@ -147,7 +91,7 @@ if hexo-config('post_beautify.enable')
top: 0
left: 0
background: $light-blue
color: $white
color: $card-bg
cursor: pointer
transition: all .3s ease-out
@@ -168,7 +112,7 @@ if hexo-config('post_beautify.enable')
> li
&:hover
&:before
border-color: $ruby
border-color: $theme-button-hover-color
&:before
$w = .3rem
@@ -178,7 +122,7 @@ if hexo-config('post_beautify.enable')
height: h = w
border: .5 * w solid $light-blue
border-radius: w
background: $white
background: transparent
content: ''
line-height: h
else
@@ -201,14 +145,13 @@ if hexo-config('post_beautify.enable')
a
color: $a-link-color
text-decoration: none
word-wrap: break-word
transition: all .2s
overflow-wrap: break-word
&:hover
color: $light-blue
text-decoration: none
&#site-name
text-decoration: none
a.fancybox
outline: none
@@ -219,7 +162,6 @@ a.fancybox
display: inline-block
width: 100%
text-align: center
text-decoration: none
p
margin: 0 0 .8rem
@@ -240,14 +182,14 @@ img
transition: all .3s
transform: rotate(0)
& + .code_lang
& + .code-lang
left: 30px
&.code-closed
transition: all .3s
transform: rotate(-90deg) !important
.code_lang
.code-lang
position: absolute
left: 15px
z-index: 1
@@ -279,10 +221,6 @@ img
&:hover
color: darken($highlight-aqua, 20%)
@media screen and (min-width: $md)
.layout_post
width: $content-large-width
.katex-wrap
overflow: auto
@@ -291,21 +229,14 @@ img
display: none
.layout_post
margin: 40px auto
padding: 50px
margin: 0 auto
padding: 2rem 15px
max-width: 1000px
border-radius: 8px
background: #fff
box-shadow: 0 4px 8px 6px rgba(7, 17, 27, .06)
transition: all .3s
&:hover
box-shadow: 0 4px 12px 12px rgba(7, 17, 27, .15)
img
display: block
& >.tag_share
.tag_share
.post-meta
&__tag-list
display: inline-block
@@ -317,16 +248,14 @@ img
width: fit-content
border: 1px solid $light-blue
border-radius: .6rem
background: $white
color: $light-blue
text-decoration: none
font-size: 12px
cursor: pointer
transition: all .2s ease-in-out
&:hover
background: $light-blue
color: $white
color: $button-color
.post_share
display: inline-block
@@ -344,7 +273,7 @@ img
font-size: 15px
line-height: 25px
& > .post-copyright
.post-copyright
position: relative
margin: 2rem 0 .5rem
padding: .5rem .8rem
@@ -383,47 +312,29 @@ img
padding-left: .3rem
a
text-decoration: underline
word-break: break-word
#post
a
color: $light-blue
text-decoration: none
&:hover
text-decoration: none
&:hover
text-decoration: underline
#article-container
a
color: $theme-link-color
img
margin: .8rem auto
&:hover
text-decoration: underline
img
margin: 0 auto .8rem
@media screen and (max-width: 1024px)
.layout_post
margin: 0 15px
width: auto
@media screen and (max-width: $sm)
.layout_post
margin: 0 5px
padding: 1.8rem 1rem
padding: 1rem 5px
#top-container
height: 18rem
& > #post-info
bottom: 1rem
padding: 0 5%
& > #post-title
font-size: 1.2rem
& > #post-meta
font-size: 90%
& > span
display: none
.post-meta-pv-cv
display: block
.post-meta__separator:first-child
display: none
& > #post
padding: 1.8rem .7rem

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

@@ -1,93 +0,0 @@
if hexo-config('readmode') && hexo-config('readmode.enable')
.read-mode
padding: 0 !important
background: $pale-yellow
#page-header
#site-name,
.site-page
color: $font-black
text-shadow: none
.menus_item_child
background-color: darken($pale-yellow, 3) !important
& > li
&:hover
background-color: darken($pale-yellow, 10) !important
#top-container
height: 14rem
background-color: $pale-yellow
background-image: none !important
a
color: $font-black
&:before
opacity: 0
& > #post-info
padding: 0
color: $font-black
text-align: center
#page-header
&.fixed
background: alpha(darken($pale-yellow, 5), .5)
box-shadow: none
&.open-sidebar
.site-page
visibility: visible
.layout_post
background: $pale-yellow
box-shadow: none
&:hover
box-shadow: none
.article-container
pre,
.highlight:not(.js-file-line-container)
background: darken($pale-yellow, 5)
.highlight
display: block !important
blockquote
border-left: .2rem solid #d6dbdf
background-color: rgba(102, 128, 153, .05)
#rightside
#darkmode
display: none
& > canvas
display: none !important
.code-area-wrap > .highlight-tools,
#sidebar,
#toggle-sidebar,
#footer,
.layout_post > div,
.layout_post > hr,
.layout_post > nav
display: none
hr
border: 2px dashed #d6dbdf
background: transparent
&:before
color: darken(#d6dbdf, 10)
&::-webkit-scrollbar-thumb
background: darken($pale-yellow, 10)
*::-webkit-scrollbar-thumb
background: darken($pale-yellow, 10)
#web_bg
background: none

113
source/css/_layout/relatedposts.styl
View File

@@ -1,74 +1,61 @@
.relatedPosts
margin: 0 auto
margin-top: 1rem
padding: 0
width: 100%
.relatedPosts_item
position: relative
float: left
overflow: hidden
margin: 5px
width: calc(100% / 3 - 10px)
height: 200px
background: $dark-black
.relatedPosts_headline
margin-bottom: 5px
font-weight: 700
font-size: 20px
&:hover
.relatedPosts_cover
opacity: .8
transform: scale(1.1)
a
text-decoration: none
.relatedPosts_cover
position: absolute
display: block
margin: 0
padding: 0
width: 100%
height: 100%
border: 0
opacity: .4
transition: all .6s
object-fit: cover
.relatedPosts_main
position: relative
display: flex
flex-direction: column
justify-content: center
margin: 0
padding: 0 1rem
height: 100%
color: $white
.relatedPosts_date
display: block
color: alpha($white, .9)
font-size: 90%
.relatedPosts_title
display: -webkit-box
.relatedPosts_item
position: relative
float: left
overflow: hidden
max-height: 60px
-webkit-line-clamp: 2
-webkit-box-orient: vertical
margin: 5px
width: calc(100% / 3 - 10px)
height: 200px
background: $dark-black
.relatedPosts_headline
margin-bottom: 5px
font-weight: 700
font-size: 20px
&:hover
.relatedPosts_cover
opacity: .8
transform: scale(1.1)
.clear_both
clear: both
.relatedPosts_cover
width: 100%
height: 100%
opacity: .4
transition: all .6s
object-fit: cover
.relatedPosts_main
position: absolute
top: 50%
padding: 0 1rem
width: 100%
color: $white
transform: translate(0, -50%)
.relatedPosts_date
color: $light-grey
font-size: 90%
.relatedPosts_title
display: -webkit-box
overflow: hidden
-webkit-line-clamp: 2
-webkit-box-orient: vertical
.clear_both
clear: both
@media screen and (max-width: 768px)
.relatedPosts_item
margin: 2px
width: calc(100% / 2 - 4px)
height: 150px
.relatedPosts
.relatedPosts_item
margin: 2px
width: calc(100% / 2 - 4px)
height: 150px
@media screen and (max-width: 480px)
.relatedPosts_item
width: calc(100% - 4px)
.relatedPosts
.relatedPosts_item
width: calc(100% - 4px)

8
source/css/_layout/reward.styl
View File

@@ -9,7 +9,7 @@
display: inline-block
width: 100px
background: $light-blue
color: $white
color: $button-color
text-align: center
line-height: 36px
cursor: pointer
@@ -34,7 +34,7 @@
padding: 20px 10px 8px
width: 320px
border-radius: 4px
background: #f5f5f5
background: $reward-pop-up-bg
&:before
position: absolute
@@ -52,7 +52,7 @@
margin: 0 auto
width: 0
height: 0
border-top: 13px solid #f5f5f5
border-top: 13px solid $reward-pop-up-bg
border-right: 13px solid transparent
border-left: 13px solid transparent
content: ''
@@ -70,5 +70,5 @@
.post-qr-code__desc
margin: -5px 0
color: #858585
color: $reward-pop-up-color
text-align: center

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

@@ -24,15 +24,14 @@
width: 30px
height: 30px
background-color: $light-blue
color: $white
color: $button-color
text-align: center
text-decoration: none
font-size: 16px
line-height: 29px
cursor: pointer
&:hover
background-color: $ruby
background-color: $theme-button-hover-color
#rightside_config
i

Some files were not shown because too many files have changed in this diff Show More