mirror of
https://github.com/jerryc127/hexo-theme-butterfly.git
synced 2025-09-15 12:58:48 +08:00
321091befb
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
288 lines
6.3 KiB
Stylus
288 lines
6.3 KiB
Stylus
.note
|
|
$note-icons = hexo-config('note.icons')
|
|
$note-style = hexo-config('note.style')
|
|
position: relative
|
|
margin: 0 0 1rem
|
|
padding: 15px
|
|
|
|
if ($note-style == 'simple')
|
|
border: 1px solid $light-grey
|
|
border-left-width: 5px
|
|
|
|
if ($note-style == 'modern')
|
|
border: 1px solid transparent
|
|
background-color: $whitesmoke
|
|
|
|
if ($note-style == 'flat')
|
|
border: initial
|
|
border-left: 5px solid $light-grey
|
|
background-color: lighten($light-grey, 65%)
|
|
|
|
if hexo-config('note.border_radius') is a 'unit'
|
|
border-radius: unit(hexo-config('note.border_radius'), px)
|
|
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6
|
|
if $note-icons
|
|
margin-top: 3px
|
|
else
|
|
margin-top: 0
|
|
|
|
margin-bottom: 0
|
|
padding-top: 0 !important
|
|
border-bottom: initial
|
|
|
|
p,
|
|
ul,
|
|
ol,
|
|
table,
|
|
pre,
|
|
blockquote,
|
|
img
|
|
&:first-child
|
|
margin-top: 0 !important
|
|
|
|
&:last-child
|
|
margin-bottom: 0 !important
|
|
|
|
if $note-icons
|
|
&:not(.no-icon)
|
|
padding-left: 45px
|
|
|
|
&::before
|
|
position: absolute
|
|
top: 13px
|
|
left: 15px
|
|
font-size: larger
|
|
|
|
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')
|
|
background-color: $note-default-bg
|
|
|
|
if ($note-style == 'modern')
|
|
border-color: $note-modern-default-border
|
|
background-color: $note-modern-default-bg
|
|
color: $note-modern-default-text
|
|
|
|
a,
|
|
span.exturl
|
|
&:not(.btn)
|
|
border-bottom: 1px solid $note-modern-default-text
|
|
color: $note-modern-default-text
|
|
|
|
&:hover
|
|
border-bottom: 1px solid $note-modern-default-hover
|
|
color: $note-modern-default-hover
|
|
|
|
if ($note-style != 'modern')
|
|
border-left-color: $note-default-border
|
|
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6
|
|
color: $note-default-text
|
|
|
|
if $note-icons
|
|
&:not(.no-icon)
|
|
&::before
|
|
content: $note-default-icon
|
|
|
|
if ($note-style != 'modern')
|
|
color: $note-default-text
|
|
|
|
&.primary
|
|
if ($note-style == 'flat')
|
|
background-color: $note-primary-bg
|
|
|
|
if ($note-style == 'modern')
|
|
border-color: $note-modern-primary-border
|
|
background-color: $note-modern-primary-bg
|
|
color: $note-modern-primary-text
|
|
|
|
a,
|
|
span.exturl
|
|
&:not(.btn)
|
|
border-bottom: 1px solid $note-modern-primary-text
|
|
color: $note-modern-primary-text
|
|
|
|
&:hover
|
|
border-bottom: 1px solid $note-modern-primary-hover
|
|
color: $note-modern-primary-hover
|
|
|
|
if ($note-style != 'modern')
|
|
border-left-color: $note-primary-border
|
|
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6
|
|
color: $note-primary-text
|
|
|
|
if $note-icons
|
|
&:not(.no-icon)
|
|
&::before
|
|
content: $note-primary-icon
|
|
|
|
if ($note-style != 'modern')
|
|
color: $note-primary-text
|
|
|
|
&.info
|
|
if ($note-style == 'flat')
|
|
background-color: $note-info-bg
|
|
|
|
if ($note-style == 'modern')
|
|
border-color: $note-modern-info-border
|
|
background-color: $note-modern-info-bg
|
|
color: $note-modern-info-text
|
|
|
|
a,
|
|
span.exturl
|
|
&:not(.btn)
|
|
border-bottom: 1px solid $note-modern-info-text
|
|
color: $note-modern-info-text
|
|
|
|
&:hover
|
|
border-bottom: 1px solid $note-modern-info-hover
|
|
color: $note-modern-info-hover
|
|
|
|
if ($note-style != 'modern')
|
|
border-left-color: $note-info-border
|
|
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6
|
|
color: $note-info-text
|
|
|
|
if $note-icons
|
|
&:not(.no-icon)
|
|
&::before
|
|
content: $note-info-icon
|
|
|
|
if ($note-style != 'modern')
|
|
color: $note-info-text
|
|
|
|
&.success
|
|
if ($note-style == 'flat')
|
|
background-color: $note-success-bg
|
|
|
|
if ($note-style == 'modern')
|
|
border-color: $note-modern-success-border
|
|
background-color: $note-modern-success-bg
|
|
color: $note-modern-success-text
|
|
|
|
a,
|
|
span.exturl
|
|
&:not(.btn)
|
|
border-bottom: 1px solid $note-modern-success-text
|
|
color: $note-modern-success-text
|
|
|
|
&:hover
|
|
border-bottom: 1px solid $note-modern-success-hover
|
|
color: $note-modern-success-hover
|
|
|
|
if ($note-style != 'modern')
|
|
border-left-color: $note-success-border
|
|
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6
|
|
color: $note-success-text
|
|
|
|
if $note-icons
|
|
&:not(.no-icon)
|
|
&::before
|
|
content: $note-success-icon
|
|
|
|
if ($note-style != 'modern')
|
|
color: $note-success-text
|
|
|
|
&.warning
|
|
if ($note-style == 'flat')
|
|
background-color: $note-warning-bg
|
|
|
|
if ($note-style == 'modern')
|
|
border-color: $note-modern-warning-border
|
|
background-color: $note-modern-warning-bg
|
|
color: $note-modern-warning-text
|
|
|
|
a,
|
|
span.exturl
|
|
&:not(.btn)
|
|
border-bottom: 1px solid $note-modern-warning-text
|
|
color: $note-modern-warning-text
|
|
|
|
&:hover
|
|
border-bottom: 1px solid $note-modern-warning-hover
|
|
color: $note-modern-warning-hover
|
|
|
|
if ($note-style != 'modern')
|
|
border-left-color: $note-warning-border
|
|
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6
|
|
color: $note-warning-text
|
|
|
|
if $note-icons
|
|
&:not(.no-icon)
|
|
&::before
|
|
content: $note-warning-icon
|
|
|
|
if ($note-style != 'modern')
|
|
color: $note-warning-text
|
|
|
|
&.danger
|
|
if ($note-style == 'flat')
|
|
background-color: $note-danger-bg
|
|
|
|
if ($note-style == 'modern')
|
|
border-color: $note-modern-danger-border
|
|
background-color: $note-modern-danger-bg
|
|
color: $note-modern-danger-text
|
|
|
|
a,
|
|
span.exturl
|
|
&:not(.btn)
|
|
border-bottom: 1px solid $note-modern-danger-text
|
|
color: $note-modern-danger-text
|
|
|
|
&:hover
|
|
border-bottom: 1px solid $note-modern-danger-hover
|
|
color: $note-modern-danger-hover
|
|
|
|
if ($note-style != 'modern')
|
|
border-left-color: $note-danger-border
|
|
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6
|
|
color: $note-danger-text
|
|
|
|
if $note-icons
|
|
&:not(.no-icon)
|
|
&::before
|
|
content: $note-danger-icon
|
|
|
|
if ($note-style != 'modern')
|
|
color: $note-danger-text
|