mirror of
https://github.com/jerryc127/hexo-theme-butterfly.git
synced 2025-09-15 12:58:48 +08:00
7e729cff79
fix: 自建頁面圖片沒有 blur 效果 improvement: 優化 404 頁面 UI improvement: lazyload 默認佔位圖改為透明圖片 improvement: 優化 lazyload blur 出現特效 improvement: 優化 css
41 lines
1.2 KiB
JavaScript
41 lines
1.2 KiB
JavaScript
/**
|
|
* timeline
|
|
* by Jerry
|
|
*/
|
|
|
|
'use strict'
|
|
|
|
function timeLineFn (args, content) {
|
|
const tlBlock = /<!--\s*timeline (.*?)\s*-->\n([\w\W\s\S]*?)<!--\s*endtimeline\s*-->/g
|
|
|
|
let result = ''
|
|
if (args.length) {
|
|
args = hexo.render.renderSync({ text: args.join(' '), engine: 'markdown' })
|
|
result += `<div class='timeline-item headline'><div class='timeline-item-title'><div class='item-circle'>${args}</div></div></div>`
|
|
}
|
|
|
|
const matches = []
|
|
let match
|
|
|
|
while ((match = tlBlock.exec(content)) !== null) {
|
|
matches.push(match[1])
|
|
matches.push(match[2])
|
|
}
|
|
|
|
console.log(matches)
|
|
|
|
for (let i = 0; i < matches.length; i += 2) {
|
|
const tlChildTitle = hexo.render.renderSync({ text: matches[i], engine: 'markdown' })
|
|
const tlChildContent = hexo.render.renderSync({ text: matches[i + 1], engine: 'markdown' })
|
|
|
|
const tlTitleHtml = `<div class='timeline-item-title'><div class='item-circle'>${tlChildTitle}</div></div>`
|
|
const tlContentHtml = `<div class='timeline-item-content'>${tlChildContent}</div>`
|
|
|
|
result += `<div class='timeline-item'>${tlTitleHtml + tlContentHtml}</div>`
|
|
}
|
|
|
|
return `<div class="timeline">${result}</div>`
|
|
}
|
|
|
|
hexo.extend.tag.register('timeline', timeLineFn, { ends: true })
|