mirror of
https://github.com/jerryc127/hexo-theme-butterfly.git
synced 2026-04-16 19:40:55 +08:00
1. Feature: 可關閉圖片懶加載
2. Feature: 增加頁面排版,可選擇把右邊欄放在左邊 3. Feature: 增加 Note (Bootstrap Callout) (移植於next主題) 4. Feature: 手機上能夠查看TOC 5. Feature: 增加直達評論按鈕 6. Fix: 修復post頁在寬度1024px下的顯示bug 7. Fix: 修復代碼框部分語言沒有顯示正確的代碼語言 8. Fix: 修復設置裏把Disqus註釋掉無法運行的bug
This commit is contained in:
@@ -90,3 +90,9 @@ if theme.busuanzi.site_uv || theme.busuanzi.site_pv || theme.busuanzi.page_pv
|
||||
|
||||
if theme.instantpage.enable
|
||||
script(src="https://cdn.jsdelivr.net/npm/instant.page@1.2.2/instantpage.min.js" type="module")
|
||||
|
||||
if theme.lazyload.enable
|
||||
script(src=url_for(theme.lazyload.script))
|
||||
script.
|
||||
const observer = lozad(); // lazy loads elements with default selector as '.lozad'
|
||||
observer.observe();
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
if theme.disqus.enable
|
||||
if theme.disqus && theme.disqus.enable
|
||||
#disqus_thread
|
||||
script.
|
||||
var unused = null;
|
||||
|
||||
@@ -1,35 +1,35 @@
|
||||
if theme.disqus.enable
|
||||
if theme.disqus && theme.disqus.enable
|
||||
hr
|
||||
#post-comment
|
||||
.comment_headling
|
||||
i.fa.fa-comments.fa-fw(aria-hidden="true")
|
||||
span= _p('comment')
|
||||
span= ' ' + _p('comment')
|
||||
include ./disqus.pug
|
||||
else if theme.laibili && theme.laibili.enable
|
||||
hr
|
||||
#post-comment
|
||||
.comment_headling
|
||||
i.fa.fa-comments.fa-fw(aria-hidden="true")
|
||||
span= _p('comment')
|
||||
span= ' ' + _p('comment')
|
||||
include ./laibili.pug
|
||||
else if theme.gitment && theme.gitment.enable
|
||||
hr
|
||||
#post-comment
|
||||
.comment_headling
|
||||
i.fa.fa-comments.fa-fw(aria-hidden="true")
|
||||
span= _p('comment')
|
||||
span= ' ' + _p('comment')
|
||||
include ./gitment.pug
|
||||
else if theme.gitalk && theme.gitalk.enable
|
||||
hr
|
||||
#post-comment
|
||||
.comment_headling
|
||||
i.fa.fa-comments.fa-fw(aria-hidden="true")
|
||||
span= _p('comment')
|
||||
span= ' ' + _p('comment')
|
||||
include ./gitalk.pug
|
||||
else if theme.valine && theme.valine.enable
|
||||
hr
|
||||
#post-comment
|
||||
.comment_headling
|
||||
i.fa.fa-comments.fa-fw(aria-hidden="true")
|
||||
span= _p('comment')
|
||||
span= ' ' + _p('comment')
|
||||
include ./valine.pug
|
||||
@@ -9,7 +9,7 @@
|
||||
|
||||
span.pull-right.menus
|
||||
.mobile_author_icon
|
||||
img.lozad(data-src=theme.avatar || url_for('/img/avatar.png') onerror=`onerror=null;src='${theme.lodding_bg.flink}'`)
|
||||
img.lozad(src=theme.avatar || url_for('/img/avatar.png') onerror=`onerror=null;src='${theme.lodding_bg.flink}'`)
|
||||
.mobile_author-info__description= config.description
|
||||
hr
|
||||
.menus_item
|
||||
|
||||
@@ -66,14 +66,12 @@ html(lang=config.language)
|
||||
div!= body
|
||||
else
|
||||
block content
|
||||
//- - var top_img = page.top_img || theme.post_meta.top_img || theme.top_img || config.top_img || true
|
||||
//- - var bg_img = top_img !== true ? `background-image: url(${top_img})` : ''
|
||||
//- - var footer_bg_class= bg_img ? 'footer-bg' : ''
|
||||
//- footer(style=bg_img class=footer_bg_class)
|
||||
footer
|
||||
include ./footer.pug
|
||||
i.fa.fa-arrow-up#go-up(aria-hidden="true")
|
||||
include ./rightside.pug
|
||||
if (is_post())
|
||||
include ./post-bottom.pug
|
||||
each item in theme.cdn.js
|
||||
if item !== undefined
|
||||
script(src=url_for(item))
|
||||
|
||||
@@ -16,7 +16,11 @@ else
|
||||
.prev-post.pull-left
|
||||
- var pagination_cover = page.prev.cover || random_cover()
|
||||
a(href=url_for(page.prev.path))
|
||||
img.prev_cover.lozad(data-src=`${pagination_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'` )
|
||||
if theme.lazyload.enable
|
||||
img.prev_cover.lozad(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
|
||||
@@ -24,19 +28,23 @@ else
|
||||
.prev-post.pull-full
|
||||
- var pagination_cover = page.prev.cover || random_cover()
|
||||
a(href=url_for(page.prev.path))
|
||||
img.prev_cover.lozad(data-src=`${pagination_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'`)
|
||||
if theme.lazyload.enable
|
||||
img.prev_cover.lozad(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
|
||||
|
||||
|
||||
|
||||
if(page.next)
|
||||
if(page.prev)
|
||||
.next-post.pull-right
|
||||
- var pagination_cover = page.next.cover || random_cover()
|
||||
a(href=url_for(page.next.path))
|
||||
img.next_cover.lozad(data-src=`${pagination_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'`)
|
||||
if theme.lazyload.enable
|
||||
img.next_cover.lozad(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
|
||||
@@ -44,7 +52,10 @@ else
|
||||
.next-post.pull-full
|
||||
- var pagination_cover = page.next.cover || random_cover()
|
||||
a(href=url_for(page.next.path))
|
||||
img.next_cover.lozad(data-src=`${pagination_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'`)
|
||||
if theme.lazyload.enable
|
||||
img.next_cover.lozad(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
|
||||
|
||||
8
layout/includes/post-bottom.pug
Normal file
8
layout/includes/post-bottom.pug
Normal file
@@ -0,0 +1,8 @@
|
||||
#post_bottom
|
||||
#post_bottom_items
|
||||
a#to_comment(href="#post-comment")
|
||||
i.scroll_to_comment.fa.fa-comments
|
||||
i#mobile_toc.fa.fa-list
|
||||
#toc_mobile
|
||||
.toc_mobile_headline= _p('sidebar.catalog')
|
||||
!=toc(page.content,{"class":"toc_mobile_items"})
|
||||
@@ -7,19 +7,30 @@ each article , index in page.posts.data
|
||||
- var post_cover = article.cover
|
||||
- var default_post_cover = random_cover()
|
||||
if (post_cover)
|
||||
img.post_bg.lozad(data-src=`${post_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'`)
|
||||
if theme.lazyload.enable
|
||||
img.post_bg.lozad(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
|
||||
img.post_bg.lozad(data-src=`${default_post_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'`)
|
||||
if theme.lazyload.enable
|
||||
img.post_bg.lozad(data-src=`${default_post_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'`)
|
||||
else
|
||||
img.post_bg(src=`${default_post_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'`)
|
||||
else
|
||||
.post_cover.is_right
|
||||
a(href=url_for(link) title=article.title || _p('no_title'))
|
||||
- var post_cover = article.cover
|
||||
- var default_post_cover = random_cover()
|
||||
if (post_cover)
|
||||
img.post_bg.lozad(data-src=`${post_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'`)
|
||||
if theme.lazyload.enable
|
||||
img.post_bg.lozad(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
|
||||
img.post_bg.lozad(data-src=`${default_post_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'`)
|
||||
|
||||
if theme.lazyload.enable
|
||||
img.post_bg.lozad(data-src=`${default_post_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'`)
|
||||
else
|
||||
img.post_bg(src=`${default_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 (article.top)
|
||||
|
||||
@@ -6,60 +6,6 @@
|
||||
ul.reward-all
|
||||
each item in theme.reward.QR_code
|
||||
li.reward-item
|
||||
img.lozad.post-qr-code__img(data-src=(item.itemlist||item).img)
|
||||
img.lozad.post-qr-code__img(src=(item.itemlist||item).img)
|
||||
.post-qr-code__desc=(item.itemlist||item).text
|
||||
|
||||
|
||||
|
||||
//- donate-share样式1
|
||||
//- .post-reward-share
|
||||
//- .post-reward
|
||||
//- a.reward-buttom
|
||||
//- i.fa.fa-qrcode
|
||||
//- = ' ' + _p('donate')
|
||||
//- .reward-main
|
||||
//- ul.reward-all
|
||||
//- each item in theme.QR_code
|
||||
//- li.reward-item
|
||||
//- img.lozad.post-qr-code__img(data-src=(item.itemlist||item).img)
|
||||
//- .post-qr-code__desc=(item.itemlist||item).text
|
||||
|
||||
//- .post-share
|
||||
//- include share/index.pug
|
||||
//- a.share-buttom
|
||||
//- i.fa.fa-share-alt
|
||||
//- = ' ' + _p('share')
|
||||
|
||||
//- donate-share样式1
|
||||
//- #social
|
||||
//- .social-main
|
||||
//- span.social-donate
|
||||
//- a#social-donate
|
||||
//- i.fa.fa-qrcode
|
||||
//- = _p('donate')
|
||||
|
||||
|
||||
//- .circle
|
||||
//- .circle-empty
|
||||
//- span
|
||||
//- span.circle_item
|
||||
//- a(style="cursor:pointer")
|
||||
|
||||
//- .social-sharebutton
|
||||
//- span.share-s
|
||||
//- a(href="javascript:void(0)" id="share-s" title=_p('share'))
|
||||
//- i.fa.fa-share-alt
|
||||
//- = _p('share')
|
||||
//- include share/index.pug
|
||||
|
||||
|
||||
//- if (theme.QR_code)
|
||||
//- if (theme.QR_code.length > 0)
|
||||
//- .post-qr-code
|
||||
//- each item in theme.QR_code
|
||||
//- .post-qr-code-item
|
||||
//- img.lozad.post-qr-code__img(data-src=(item.itemlist||item).img)
|
||||
//- .post-qr-code__desc=(item.itemlist||item).text
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
.card-content
|
||||
.post_data
|
||||
.data-item.text-center
|
||||
img.lozad(data-src=theme.avatar || url_for('/img/avatar.png') onerror=`onerror=null;src='${theme.lodding_bg.flink}'`)
|
||||
img.lozad(src=theme.avatar || url_for('/img/avatar.png') onerror=`onerror=null;src='${theme.lodding_bg.flink}'`)
|
||||
p.author-info__name.text-center= config.author
|
||||
p.author-info__description.text-center= config.description
|
||||
|
||||
|
||||
@@ -12,9 +12,15 @@
|
||||
- var default_post_cover = random_cover()
|
||||
.aside_post_cover
|
||||
if (post_cover)
|
||||
img.aside_post_bg.lozad(data-src=`${post_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'` title=article.title || _p('no_title'))
|
||||
if theme.lazyload.enable
|
||||
img.aside_post_bg.lozad(data-src=`${post_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'` title=article.title || _p('no_title'))
|
||||
else
|
||||
img.aside_post_bg(src=`${post_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'` title=article.title || _p('no_title'))
|
||||
else
|
||||
img.aside_post_bg.lozad(data-src=`${default_post_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'` title=article.title || _p('no_title'))
|
||||
if theme.lazyload.enable
|
||||
img.aside_post_bg.lozad(data-src=`${default_post_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'` title=article.title || _p('no_title'))
|
||||
else
|
||||
img.aside_post_bg(src=`${default_post_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'` title=article.title || _p('no_title'))
|
||||
div#aside_title
|
||||
.aside_post_title(href=url_for(link) title=article.title || _p('no_title'))= article.title || _p('no_title')
|
||||
if (theme.post_meta.date_type)
|
||||
|
||||
Reference in New Issue
Block a user