halo-theme-dream
Version:
梦之城，童话梦境，动漫类型博客主题。
389 lines (379 loc) • 12 kB
JavaScript
class Emoji {
constructor(name, fileName) {
this.name = name
this.fileName = fileName
}
}
const emojiData = [
new Emoji('呵呵', 'hehe'),
new Emoji('哈哈', 'haha'),
new Emoji('吐舌', 'tushe'),
new Emoji('啊', 'a'),
new Emoji('酷', 'ku'),
new Emoji('怒', 'nu'),
new Emoji('开心', 'kaixin'),
new Emoji('汗', 'han'),
new Emoji('泪', 'lei'),
new Emoji('黑线', 'heixian'),
new Emoji('鄙视', 'bishi'),
new Emoji('不高兴', 'bugaoxing'),
new Emoji('真棒', 'zhenbang'),
new Emoji('钱', 'qian'),
new Emoji('疑问', 'yiwen'),
new Emoji('阴险', 'yingxiang'),
new Emoji('吐', 'tu'),
new Emoji('咦', 'yi'),
new Emoji('委屈', 'weiqu'),
new Emoji('花心', 'huaxin'),
new Emoji('呼~', 'hu'),
new Emoji('笑眼', 'xiaoyan'),
new Emoji('冷', 'len'),
new Emoji('太开心', 'taikaixin'),
new Emoji('滑稽', 'huaji'),
new Emoji('勉强', 'mianqiang'),
new Emoji('狂汗', 'kuanhan'),
new Emoji('乖', 'guai'),
new Emoji('睡觉', 'shuijiao'),
new Emoji('惊哭', 'jingku'),
new Emoji('生气', 'shengqi'),
new Emoji('惊讶', 'jingya'),
new Emoji('喷', 'pen'),
new Emoji('突然兴奋', 'turanxingfen'),
new Emoji('挖鼻', 'wabi'),
new Emoji('摊手', 'tanshou'),
new Emoji('捂嘴笑', 'wuzuixiao'),
new Emoji('喝酒', 'hejiu'),
new Emoji('犀利', 'xili'),
new Emoji('懒得理', 'landeli'),
new Emoji('炸药', 'zhayao'),
new Emoji('吃瓜', 'chigua'),
new Emoji('小乖', 'xiaoguai'),
new Emoji('你懂的', 'nidongde'),
new Emoji('嘿嘿嘿', 'heiheihei'),
new Emoji('欢呼', 'huanhu'),
new Emoji('笑尿', 'xiaoniao'),
new Emoji('酸爽', 'suanshuang'),
new Emoji('紧张', 'jinzhang'),
new Emoji('暗中观察', 'anzhongguancha'),
new Emoji('小红脸', 'xiaohonglian'),
new Emoji('呀咩爹', 'yamiedie'),
new Emoji('微微一笑', 'weiweiyixiao'),
new Emoji('what', 'what'),
new Emoji('托腮', 'tuosai'),
new Emoji('噗', 'pu'),
new Emoji('困成狗', 'kunchenggou'),
new Emoji('柯基暗中观察', 'kejianzhongguancha'),
new Emoji('菜狗', 'caigou'),
new Emoji('老虎', 'laohu'),
new Emoji('嗷呜', 'aowu'),
new Emoji('奥特曼', 'aoteman'),
new Emoji('黑头高兴', 'heitougaoxing'),
new Emoji('黑头瞪眼', 'heitoudengyan'),
new Emoji('望远镜', 'wangyuanjing'),
new Emoji('不听', 'butin'),
new Emoji('干饭', 'ganfan'),
new Emoji('大拇指', 'damuzhi'),
new Emoji('胜利', 'shengli'),
new Emoji('haha', 'haha2'),
new Emoji('OK', 'ok'),
new Emoji('红领巾', 'honglingjin'),
new Emoji('爱心', 'aixin'),
new Emoji('心碎', 'xinsui'),
new Emoji('玫瑰', 'meigui'),
new Emoji('礼物', 'liwu'),
new Emoji('烟花', 'yanhua'),
new Emoji('彩虹', 'caihong'),
new Emoji('太阳', 'taiyang'),
new Emoji('星星月亮', 'xingxingyueliang'),
new Emoji('蛋糕', 'dangao'),
new Emoji('茶杯', 'chabei'),
new Emoji('香蕉', 'xiangjiao'),
new Emoji('便便', 'bianbian'),
new Emoji('药丸', 'yaowan'),
new Emoji('钱币', 'qianbi'),
new Emoji('蜡烛', 'lazhu'),
new Emoji('沙发', 'shafa'),
new Emoji('音乐', 'yinyue'),
new Emoji('灯泡', 'dengpao'),
new Emoji('手纸', 'shouzhi')
]
const Utils = {
/**
* 是否移动设备
*/
isMobile() {
if (
navigator.userAgent.match(/Android/i) ||
navigator.userAgent.match(/webOS/i) ||
navigator.userAgent.match(/iPhone/i) ||
navigator.userAgent.match(/iPad/i) ||
navigator.userAgent.match(/iPod/i) ||
navigator.userAgent.match(/BlackBerry/i) ||
navigator.userAgent.match(/Windows Phone/i)
)
return true
return false
},
/**
* 有缓存的方式加载js
*/
cachedScript(url, callback) {
return $.ajax(jQuery.extend({
url: url,
type: 'get',
dataType: 'script',
cache: true,
success: callback
}, $.isPlainObject(url) && url))
},
/**
* 时间格式化
* @param {*} time
*/
formatDate(date, fmt = 'yyyy-MM-dd') {
date = new Date(date)
if (/(y+)/.test(fmt)) {
fmt = fmt.replace(
RegExp.$1,
(date.getFullYear() + '').substr(4 - RegExp.$1.length)
)
}
let o = {
'M+': date.getMonth() + 1,
'd+': date.getDate(),
'h+': date.getHours(),
'm+': date.getMinutes(),
's+': date.getSeconds(),
}
for (let k in o) {
if (new RegExp(`(${k})`).test(fmt)) {
let str = o[k] + ''
fmt = fmt.replace(
RegExp.$1,
RegExp.$1.length === 1 ? str : str.padStart(2, '0')
)
}
}
return fmt
},
/* 获取URL中带的链接参数
* @param search 链接后缀
* @return {{}} 对象
*/
getUrlParams() {
var search = location.search
// 判断是否为字符串类型
if (typeof search !== 'string') {
search = search.toString()
}
var paramsSplit = search.replace(/^[^\?]*\?/i, '').split(/&/)
var params = {}
// 数据为空
if (paramsSplit.length < 1) {
return params
}
if (Array.isArray(paramsSplit)) {
paramsSplit.forEach(function (item) {
// 数据为空, 退出方法
if (!item) {
return false
}
var itemSplit = item.split(/=/)
// 判断字符串中是否有多个=
if (itemSplit.length >= 2) {
// 是
var key = itemSplit.splice(0, 1)
params[key] = itemSplit.join('=')
}
})
}
return params
},
/* 随机颜色 */
randomColor(factor) {
const colors = ['#F8D800', '#0396FF', '#EA5455', '#7367F0', '#32CCBC', '#F6416C', '#28C76F', '#9F44D3', '#F55555', '#736EFE', '#E96D71', '#DE4313', '#D939CD', '#4C83FF', '#F072B6', '#C346C2', '#5961F9', '#FD6585', '#465EFB', '#FFC600', '#FA742B', '#5151E5', '#BB4E75', '#FF52E5', '#49C628', '#00EAFF', '#F067B4', '#F067B4', '#ff9a9e', '#00f2fe', '#4facfe', '#f093fb', '#6fa3ef', '#bc99c4', '#46c47c', '#f9bb3c', '#e8583d', '#f68e5f']
return colors[factor % colors.length]
},
/* 请求封装 */
request({
url = '',
method = 'GET',
data,
headers = {},
timeout = 10000,
returnRaw = false,
}) {
return new Promise((resolve, reject) => {
method = method.toUpperCase()
$.ajax({
url,
type: method,
headers: {
'API-Authorization': DreamConfig.access_key || 'dream',
...headers,
},
async: true,
dataType: 'json',
timeout,
data,
success(res) {
if (returnRaw) {
resolve(res)
} else {
if (res.status === 200) {
resolve(res.data || '')
} else {
reject(res)
}
}
},
error(err) {
const errMsg = err
? err.responseJSON
? err.responseJSON.message
: '请求失败'
: '请求失败'
Qmsg.error(errMsg)
reject(errMsg)
},
})
})
},
/**
* 初始化喜欢按钮
* @param buttonSelect 喜欢按钮的选择器
* @param type 喜欢的类型
*/
initLikeButton(buttonSelect, type) {
const name = encrypt('agree-' + type)
let agrees = localStorage.getItem(name)
agrees = agrees ? JSON.parse(decrypt(agrees)) : []
$(buttonSelect).each(function () {
let $this = $(this)
let id = $this.attr('data-id')
// 已经喜欢过了
agrees.includes(id) && $this.removeClass('like')
})
},
/**
* 初始化喜欢按钮点击事件
*/
initLikeEvent(buttonSelect, type, likeNumFunc) {
let name = encrypt('agree-' + type)
$('body').on('click', buttonSelect, function (e) {
e.stopPropagation()
let $this = $(this)
let id = $this.attr('data-id')
Utils.request({
url: '/api/content/' + type + '/' + id + '/likes',
method: 'POST',
})
.then((_res) => {
let agrees = localStorage.getItem(name)
agrees = agrees ? JSON.parse(decrypt(agrees)) : []
let likes = +($this.attr('data-likes') || 0) + 1
agrees.push(id)
$this.removeClass('like')
const val = encrypt(JSON.stringify(agrees))
localStorage.setItem(name, val)
// $this.off('click');
likeNumFunc($this).html(likes)
Qmsg.success('点赞成功')
})
})
},
/* 百度自动推送 */
baiduPush() {
let bp = document.createElement('script')
let curProtocol = window.location.protocol.split(':')[0]
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'
} else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js'
}
$(`script[src="${bp.src}"]`).remove()
let s = document.getElementsByTagName('script')[0]
s.parentNode.insertBefore(bp, s)
},
toutiaoPush() {
let el = document.createElement('script')
el.src = 'https://lf1-cdn-tos.bytegoofy.com/goofy/ttzz/push.js?0fbcfbb1ed642c21419d5be02d56ade7d6ee5372ca221d12ba35df110760b2a830632485602430134f60bc55ca391050b680e2741bf7233a8f1da9902314a3fa'
el.id = 'ttzz'
$(`script[src="${el.src}"]`).remove()
let s = document.getElementsByTagName('script')[0]
s.parentNode.insertBefore(el, s)
},
/* sleep */
sleep(ms = 250) {
return new Promise((resolve) => setTimeout(resolve, ms))
},
/* 折叠代码块或者日志块 */
foldBlock($container) {
const oldHeight = $container.height()
if ($container.is('.fold')) {
$container.removeClass('fold').addClass('unfold')
} else {
const oldScrollTop = document.documentElement.scrollTop || document.body.scrollTop || window.pageYOffset
$container.addClass('fold').removeClass('unfold')
// 跳转位置，保证折叠后没有过大的位置偏移
$('body,html').scrollTop(oldScrollTop - oldHeight + $container.height())
}
},
/**
* 删除元素的 class，可根据前缀来删除
* @param {*} el 需要删除的 dom 元素
* @param {*} prefix 需要删除的 class，可以仅为前缀
*/
removeClassByPrefix(el, prefix) {
const classes = el.className.split(' ').filter(function (c) {
return c.lastIndexOf(prefix, 0) !== 0
})
el.className = classes.join(' ').trim()
},
/**
* 滚动到指定控件
* @param element 需要被跳转到的控件
* @param time 跳转时间
* @param headingsOffset 控件距离页面顶部的距离
* @param callback 跳转完成后执行的函数
*/
animateScroll(element, time, headingsOffset, callback) {
let rect = element.getBoundingClientRect()
let currentY = window.scrollY
let targetY = currentY + rect.top - headingsOffset
let speed = (targetY - currentY) / time
let offset = currentY > targetY ? -1 : 1
let requestId
function step() {
currentY += speed
if (currentY * offset < targetY * offset) {
window.scrollTo(0, currentY)
requestId = window.requestAnimationFrame(step)
} else {
window.scrollTo(0, targetY)
window.cancelAnimationFrame(requestId)
callback && callback()
}
}
requestId = window.requestAnimationFrame(step)
},
/**
* 表情替换
* @param html
* @returns {*}
*/
renderedEmojiHtml(html) {
for (let emoji of emojiData) {
let name = emoji.name
let img = `<img class="dream-emoji" src="/themes/dream/source/lib/halo-comment@1.1.6/assets/emoji/${emoji.fileName}.png" alt="${name}"/>`
html = html.replace(new RegExp(`\\[/${name}\\]`, 'gm'), img)
}
return html.replace(/\!\[[^\]]*\]\([^)]*\)/g, '[图片内容]')
.replace(/```\w*\n[^`]*\n```/g, '[代码块内容]')
.replace(/`([^`]*)`/g, '$1')
.replace(/\[([^\]]*)\]\([^)]*\)/g, '$1')
.replace(/^#+\s+([^\n]*)/gm, '$1')
.replace('\n', ' ')
}
}
window.Utils = Utils