-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcontent.json
More file actions
1 lines (1 loc) · 95.8 KB
/
content.json
File metadata and controls
1 lines (1 loc) · 95.8 KB
1
{"meta":{"title":"我的知识分享","subtitle":"旅立ちの風吹吧！","description":"一个学习和分享的博客，欢迎来玩！","author":"Moelody","url":"https://www.moelody.com","root":"/"},"pages":[{"title":"","date":"2021-03-24T13:34:27.418Z","updated":"2021-03-24T13:34:27.418Z","comments":true,"path":"vercel.json","permalink":"https://www.moelody.com/vercel.json","excerpt":"","text":"{\"version\":2,\"routes\":[{\"handle\":\"filesystem\"},{\"src\":\"/(.*)\",\"status\":404,\"dest\":\"/404.html\"}]}"},{"title":"animated 动画库","date":"2020-07-06T06:53:36.000Z","updated":"2021-03-24T13:34:27.411Z","comments":true,"path":"animated/index.html","permalink":"https://www.moelody.com/animated/","excerpt":"","text":"fontawesome 图标库 引入来源 font-awesome-animation On DOM load On hover On parent hover faa-wrench animated faa-wrench animated-hover faa-wrench faa-ring animated faa-ring animated-hover faa-ring faa-horizontal animated faa-horizontal animated-hover faa-horizontal faa-vertical animated faa-vertical animated-hover faa-vertical faa-flash animated faa-flash animated-hover faa-flash faa-bounce animated faa-bounce animated-hover faa-bounce faa-spin animated faa-spin animated-hover faa-spin faa-float animated faa-float animated-hover faa-float faa-pulse animated faa-pulse animated-hover faa-pulse faa-shake animated faa-shake animated-hover faa-shake faa-tada animated faa-tada animated-hover faa-tada faa-passing animated faa-passing animated-hover faa-passing faa-passing-reverse animated faa-passing-reverse animated-hover faa-passing-reverse faa-burst animated faa-burst animated-hover faa-burst faa-falling animated faa-falling animated-hover faa-falling faa-rising animated faa-rising animated-hover faa-rising butterfly 自带 .dib { display: inline-block } .dib-box { font-size: 0 } @media (-webkit-min-device-pixel-ratio:0) { .dib-box { letter-spacing: -5px } } .dib-box .dib { vertical-align: top; font-size: 12px; letter-spacing: normal; word-spacing: normal; line-height: inherit } .dib-box .justify, .justify { font-size: 0; line-height: inherit } .icon_lists { width: 100%** !important**; overflow: hidden } .icon_lists li { width: 120px; margin-bottom: 10px; margin-right: 20px; text-align: center; list-style: none** !important**; cursor: default } .icon_lists li .code-name { line-height: 1.2 } .icon_lists .icon { display: block; height: 100px; line-height: 100px; font-size: 42px; margin: 10px auto; color: #333; -webkit-transition: font-size .25s linear, width .25s linear; -moz-transition: font-size .25s linear, width .25s linear; transition: font-size .25s linear, width .25s linear } .icon_lists .icon:hover { font-size: 100px } .icon_lists .svg-icon { width: 1em; vertical-align: -.15em; fill: currentColor; overflow: hidden } .icon_lists li .code-name, .icon_lists li .name { color: #666 } announ_animation animation: announ_animation .8s linear infinite"},{"title":"Gallery","date":"2020-06-29T17:06:51.000Z","updated":"2021-03-24T13:34:27.407Z","comments":false,"path":"Gallery/index.html","permalink":"https://www.moelody.com/Gallery/","excerpt":"","text":"壁纸 收藏的一些壁纸"},{"title":"关于我","date":"2020-04-30T08:10:27.000Z","updated":"2021-03-24T13:34:27.411Z","comments":false,"path":"about/index.html","permalink":"https://www.moelody.com/about/","excerpt":"","text":"Never put off till tomorrow what you can do today. —— Thomas Jefferson 1234567Name: MoelodyAge: 23Gender: maleAddress: KUN MINGGithub: https://github.com/moelodyHomePage: https://moelody.com/Blog: https://wwww.moelody.com/ 文章统计图 if(typeof(echarts)=='undefined'){ location.href='/about/'; }"},{"title":"butterfly 主题背景更换","date":"2020-07-08T10:09:20.000Z","updated":"2021-03-24T13:34:27.411Z","comments":true,"path":"background/index.html","permalink":"https://www.moelody.com/background/","excerpt":"","text":"@keyframes gradientBG{0%{background-position: 0% 50%;}50%{background-position: 100% 50%;}100% {background-position: 0% 50%;}}#rightside{display:none;} 这个页面是用来测试渐变背景的效果，以及不同透明度的效果。如果你有能力可以直接看 css 样式。否则请返回Hexo 博客之 butterfly 主题优化更换背景复制代码。 阅读体验及个标签样式请自己进行调整。 透明度调节 透明度0透明度0.1透明度0.2透明度0.3透明度0.4透明度0.5透明度0.6透明度0.7透明度0.8透明度0.9透明度1 背景调节 渐变类 粉蓝色有图片 粉蓝色无图片 美美哒渐变 博主同款 动态渐变 紫蓝色渐变 渐变加图片类 紫蓝色渐变 图片类 必应壁纸 随机二次元图 随机二次元背景图 var article_container=document.getElementById(\"demo_style\"),opt=document.getElementById(\"opt\");article_container.addEventListener(\"click\",function(e){var t=e.target;\"DIV\"===t.nodeName&&\"bg_test\"===t.className&&(web_bg.style.background=t.style.background,web_bg.style.animation=t.style.animation),saveToLocal.set(\"bg\",t.style.background,2),saveToLocal.set(\"animation\",t.style.animation,2),saveToLocal.set(\"type\",t.getAttribute(\"data-type\"),2)}),opt.addEventListener(\"click\",function(e){var t=e.target;if(\"A\"===t.nodeName){var a=t.getAttribute(\"data-opacity\");if(a){saveToLocal.set(\"opacity\",a,2);var n=\"--light_bg_color: rgb(255, 255, 255,\"+a+\");\",i=\"--dark_bg_color: rgba(18,18,18,\"+a+\");\";document.getElementById(\"content-inner\").setAttribute(\"style\",n+i)}}e.preventDefault()});"},{"title":"demo","date":"2020-06-28T13:32:37.000Z","updated":"2021-03-24T13:34:27.412Z","comments":true,"path":"demo/index.html","permalink":"https://www.moelody.com/demo/","excerpt":"","text":"Page Front-matter 123456789101112131415---title:date:updated:type:comments:description:keywords:top_img:mathjax:katex:aside:aplayer：highlight_shrink：--- 左对齐 右对齐 居中对齐 单元格 单元格 单元格 单元格 单元格 单元格 写法 解释 title 【必需】页面标题 date 【必需】页面创建日期 type 【必需】标籤、分类和友情链接三个页面需要配置 updated 【可选】页面更新日期 description 【可选】页面描述 keywords 【可选】页面关键字 comments 【可选】显示页面评论模块(默认 true) top_img 【可选】页面顶部图片 mathjax 【可选】显示 mathjax(当设置 mathjax 的 per_page: false 时，才需要配置，默认 false) katex 【可选】显示 katex(当设置 katex 的 per_page: false 时，才需要配置，默认 false) aside 【可选】显示侧边栏 (默认 true) aplayer 【可选】在需要的页面加载 aplayer 的 js 和 css,请参考文章下面的音乐 配置 highlight_shrink 【可选】配置代码框是否展开(true/false)(默认为设置中 highlight_shrink 的配置)"},{"title":"分类","date":"2020-06-28T13:31:26.000Z","updated":"2021-03-24T13:34:27.412Z","comments":false,"path":"categories/index.html","permalink":"https://www.moelody.com/categories/","excerpt":"","text":""},{"title":"Iconfont 图标库","date":"2020-07-06T06:53:36.000Z","updated":"2021-03-24T13:34:27.412Z","comments":true,"path":"iconfont/index.html","permalink":"https://www.moelody.com/iconfont/","excerpt":"","text":".dib { display: inline-block } .dib-box { font-size: 0 } @media (-webkit-min-device-pixel-ratio:0) { .dib-box { letter-spacing: -5px } } .dib-box .dib { vertical-align: top; font-size: 12px; letter-spacing: normal; word-spacing: normal; line-height: inherit } .dib-box .justify, .justify { font-size: 0; line-height: inherit } .icon_lists { width: 100%** !important**; overflow: hidden } .icon_lists li { width: 100px; margin-bottom: 10px; margin-right: 20px; text-align: center; list-style: none** !important**; cursor: default } .icon_lists li .code-name { line-height: 1.2 } .icon_lists .icon { display: block; height: 100px; line-height: 100px; font-size: 42px; margin: 10px auto; color: #333; -webkit-transition: font-size .25s linear, width .25s linear; -moz-transition: font-size .25s linear, width .25s linear; transition: font-size .25s linear, width .25s linear } .icon_lists .icon:hover { font-size: 100px } .icon_lists .svg-icon { width: 1em; vertical-align: -.15em; fill: currentColor; overflow: hidden } .icon_lists li .code-name, .icon_lists li .name { color: #666 } 引用 小康的 Iconfont 图标库 图标库 支付宝支付 .icon-zhifubaozhifu 支付宝支付 .icon-zhifubaozhifu1 钉钉 .icon-dingding2 知乎 .icon-zu4630 爱心 .icon-aixin 半收藏 .icon-banshoucang 保存 .icon-baocun 半爱心 .icon-banaixin 盾牌 .icon-dunpai 购物带 .icon-gouwudai 复制 .icon-fuzhi 点赞 .icon-dianzan 更多 .icon-gengduo 更多 2 .icon-gengduo2 拒绝查看 .icon-jujuechakan 垃圾篓 .icon-lajilou 购物带 2 .icon-gouwudai2 观察 .icon-guancha 链接 .icon-lianjie 个人中心 .icon-gerenzhongxin 剪刀 .icon-jiandao 收藏 .icon-shoucang 控制中心 .icon-kongzhizhongxin 铃声 .icon-lingsheng 闪电排序 .icon-shandianpaixu 闪电 .icon-shandian 开锁 .icon-kaisuo 搜索 .icon-sousuo1 刷新 .icon-shuaxin 锁 .icon-suo 眼睛 .icon-yanjing 编辑 .icon-bianji 相机 .icon-xiangji 书签 .icon-shuqian 设置 .icon-shezhi 资料 .icon-ziliao 展开 .icon-zhankai 收缩 .icon-shousuo 鼠标箭头 .icon-shubiaojiantou hot .icon-hot 链接 ing .icon-lianjieing 图片 .icon-tupian 展开 2 .icon-zhankai2 标记 .icon-biaoji 定位 2 .icon-dingwei2 定位方向 .icon-dingweifangxiang 定位方向 2 .icon-dingweifangxiang2 具体位置 .icon-jutiweizhi 定位 .icon-dingwei 指南针 .icon-zhinanzhen 正在定位 .icon-zhengzaidingwei 标记 .icon-biaoji1 出卡 .icon-chuka 倒序 .icon-daoxu 购物车 .icon-gouwuche 购物袋 .icon-gouwudai1 购物袋 2 .icon-gouwudai21 饼图 .icon-bingtu 多媒体 .icon-duomeiti 标签卡 .icon-biaoqianka 盒子 .icon-hezi 排序 .icon-paixu 卡包 .icon-kabao 计算器 .icon-jisuanqi 拒绝条形码 .icon-jujuetiaoxingma 盒子 2 .icon-hezi2 礼盒 .icon-lihe 排序 2 .icon-paixu2 条形码 .icon-tiaoxingma 钱包 .icon-qianbao 票据 .icon-piaoju 钱包 2 .icon-qianbao2 扫码 .icon-saoma 相机 4 .icon-xiangji4 样式 .icon-yangshi 筛选 2 .icon-shaixuan2 折扣标记 .icon-zhekoubiaoji 推车 .icon-tuiche 银行卡 .icon-yinhangka 相机 3 .icon-xiangji3 柱状图 3 .icon-zhuzhuangtu3 折扣标记 2 .icon-zhekoubiaoji2 柱状图 .icon-zhuzhuangtu 柱状图 2 .icon-zhuzhuangtu2 折线图下降 .icon-zhexiantuxiajiang 折线图上升 .icon-zhexiantushangsheng 购物篮 .icon-gouwulan 手提袋 .icon-shoutidai 豆瓣 .icon-douban 知乎 .icon-zhihu github .icon-github 知乎 .icon-zhihu1 时钟 .icon-clock_fill 微信支付 .icon-weixinzhifu github .icon-github1 知乎 .icon-zhihu2 豆瓣 .icon-douban1 微信 .icon-weixin1 钉钉 .icon-dingding 钉钉 .icon-dingding1 github .icon-github2 知乎 .icon-matuwang-zhihufangxingdianji 知乎 .icon-zhihu3 github .icon-github3 github black .icon-githubblack 知乎 .icon-zhihu4 QQ .icon-QQ2 qq .icon-qq1 邮箱 .icon-email-copy 邮箱 .icon-youxiang RSS .icon-RSS QQ .icon-QQ qq .icon-qq QQ .icon-QQ1 QQ .icon-kefulei_huabanfuben icon_new_recruit .icon-icon_new_recruit icon_little_taget .icon-icon_little_taget icon_more .icon-icon_more icon_left .icon-icon_left icon_next_arrow .icon-icon_next_arrow icon_notice .icon-icon_notice icon_nomemo .icon-icon_nomemo icon_newgroup .icon-icon_newgroup icon_namecard .icon-icon_namecard icon_phone .icon-icon_phone icon_qq .icon-icon_qq icon_photo .icon-icon_photo icon_medal .icon-icon_medal icon_redpacket .icon-icon_redpacket icon_patriarch .icon-icon_patriarch icon_roundclose .icon-icon_roundclose icon_im_keyboard .icon-icon_im_keyboard icon_roundreduce .icon-icon_roundreduce icon_railway .icon-icon_railway icon_QRcode .icon-icon_QRcode icon_savememo .icon-icon_savememo icon_roundadd .icon-icon_roundadd icon_refresh .icon-icon_refresh icon_search .icon-icon_search icon_scan .icon-icon_scan icon_send .icon-icon_send icon_principal .icon-icon_principal icon_service .icon-icon_service icon_scan_namecard .icon-icon_scan_namecard icon_secret .icon-icon_secret icon_share .icon-icon_share icon_signin_line .icon-icon_signin_line icon_sms .icon-icon_sms icon_sketch .icon-icon_sketch icon_setting .icon-icon_setting icon_signal .icon-icon_signal icon_skin .icon-icon_skin icon_star .icon-icon_star icon_subordinate .icon-icon_subordinate icon_task .icon-icon_task icon_statistics .icon-icon_statistics icon_threeline_fill .icon-icon_threeline_fill icon_study .icon-icon_study icon_voice .icon-icon_voice icon_square .icon-icon_square icon_wechat .icon-icon_wechat icon_sport .icon-icon_sport icon_work .icon-icon_work icon_warn .icon-icon_warn icon_workmore .icon-icon_workmore icon_safety .icon-icon_safety icon_workset .icon-icon_workset icon_voipphone .icon-icon_voipphone icon_shield .icon-icon_shield icon_shakehands .icon-icon_shakehands icon_video .icon-icon_video icon_task_done .icon-icon_task_done icon_meeting .icon-icon_meeting icon_synergy .icon-icon_synergy icon_workfile_line .icon-icon_workfile_line icon_approval_fill .icon-icon_approval_fill icon_addresslist_fil .icon-icon_addresslist_fil icon_cmail .icon-icon_cmail icon_collect_fill .icon-icon_collect_fill icon_boss_fill .icon-icon_boss_fill icon_addressbook_fil .icon-icon_addressbook_fil icon_bizcall_fill .icon-icon_bizcall_fill icon_calendar_fill .icon-icon_calendar_fill icon_cspace_fill .icon-icon_cspace_fill icon_delete_fill .icon-icon_delete_fill icon_doc_fill .icon-icon_doc_fill icon_camera_fill .icon-icon_camera_fill icon_copyto .icon-icon_copyto icon_dingtalk .icon-icon_dingtalk icon_Eapp .icon-icon_Eapp icon_ding_ding_fill .icon-icon_ding_ding_fill icon_file_fill .icon-icon_file_fill icon_dmail_fill .icon-icon_dmail_fill icon_conf_video_fill .icon-icon_conf_video_fill icon_gather_fill .icon-icon_gather_fill icon_Inbox .icon-icon_Inbox icon_coinpurse .icon-icon_coinpurse icon_certification_f .icon-icon_certification_f icon_exchange_fill .icon-icon_exchange_fill icon_inform_fill .icon-icon_inform_fill icon_discovery_fill .icon-icon_discovery_fill icon_likegood_fill .icon-icon_likegood_fill icon_gps_fill .icon-icon_gps_fill icon_dingtab .icon-icon_dingtab icon_invite_fill .icon-icon_invite_fill icon_launch_page_fil .icon-icon_launch_page_fil icon_homepage_fill .icon-icon_homepage_fill icon_gift_fill .icon-icon_gift_fill icon_medal_fill .icon-icon_medal_fill icon_journal_fill .icon-icon_journal_fill icon_memo .icon-icon_memo icon_live_fill .icon-icon_live_fill icon_message_fill .icon-icon_message_fill icon_meeting_fill .icon-icon_meeting_fill icon_newapplication_ .icon-icon_newapplication_ icon_people_fill .icon-icon_people_fill icon_photo_fill .icon-icon_photo_fill icon_new_recruit_fil .icon-icon_new_recruit_fil icon_phone_fill .icon-icon_phone_fill icon_ping .icon-icon_ping icon_qq_fill .icon-icon_qq_fill icon_report_fill .icon-icon_report_fill icon_roundreduce_fil .icon-icon_roundreduce_fil icon_namecard_fill .icon-icon_namecard_fill icon_safety_fill .icon-icon_safety_fill icon_redpacket_fill .icon-icon_redpacket_fill icon_replieslist .icon-icon_replieslist icon_roundadd_fill .icon-icon_roundadd_fill icon_service_fill .icon-icon_service_fill icon_newgroup_fill .icon-icon_newgroup_fill icon_study_fill .icon-icon_study_fill icon_star_fill .icon-icon_star_fill icon_signal_fill .icon-icon_signal_fill icon_task_checkbox_d .icon-icon_task_checkbox_d icon_setting_fill .icon-icon_setting_fill icon_signin .icon-icon_signin icon_skin_fill .icon-icon_skin_fill icon_shakehands_fill .icon-icon_shakehands_fill icon_sketch_fill .icon-icon_sketch_fill icon_work_fill .icon-icon_work_fill icon_statistics_fill .icon-icon_statistics_fill icon_video_fill .icon-icon_video_fill icon_trashcan .icon-icon_trashcan icon_synergy_fill 2 .icon-icon_synergy_fill icon_warn_fill .icon-icon_warn_fill icon_roundclose_fill .icon-icon_roundclose_fill 博客园 .icon-bokeyuan 简书 .icon-jianshu1 CSDN .icon-csdn 简书 .icon-jianshu csdn .icon-csdn1 icon_add .icon-icon_add icon_addmessage .icon-icon_addmessage icon_addresslist .icon-icon_addresslist icon_affiliations_li .icon-icon_affiliations_li icon_addperson .icon-icon_addperson icon_boss .icon-icon_boss icon_alipay_line .icon-icon_alipay_line icon_addressbook .icon-icon_addressbook icon_at .icon-icon_at icon_airplay .icon-icon_airplay icon_calendar .icon-icon_calendar icon_attestation .icon-icon_attestation icon_camera .icon-icon_camera icon_certificate_fil .icon-icon_certificate_fil icon_coinpurse_line .icon-icon_coinpurse_line icon_collect .icon-icon_collect icon_compile .icon-icon_compile icon_details .icon-icon_details icon_circle_line .icon-icon_circle_line icon_cloud_history .icon-icon_cloud_history icon_community_line .icon-icon_community_line icon_discovery .icon-icon_discovery icon_delete .icon-icon_delete icon_dispose .icon-icon_dispose icon_doc .icon-icon_doc icon_cspace .icon-icon_cspace icon_exchange .icon-icon_exchange icon_ding .icon-icon_ding icon_down .icon-icon_down icon_dingtalk_line .icon-icon_dingtalk_line icon_gift .icon-icon_gift icon_glass .icon-icon_glass icon_file .icon-icon_file icon_GPS .icon-icon_GPS icon_hardware_fill .icon-icon_hardware_fill icon_HRM .icon-icon_HRM icon_im_more .icon-icon_im_more icon_Eapp_line .icon-icon_Eapp_line icon_group .icon-icon_group icon_horn .icon-icon_horn icon_im_face .icon-icon_im_face icon_homepage .icon-icon_homepage icon_invite .icon-icon_invite icon_launch_page .icon-icon_launch_page icon_likegood .icon-icon_likegood icon_index_line .icon-icon_index_line icon_live .icon-icon_live icon_link .icon-icon_link icon_im_voice .icon-icon_im_voice icon_mobilephone .icon-icon_mobilephone icon_dmail .icon-icon_dmail icon_message .icon-icon_message bilibili .icon-bilibili bilibili .icon-bilibili1 微信 .icon-sousuo 微信 .icon-weixin"},{"title":"友情链接","date":"2020-06-28T13:44:51.000Z","updated":"2022-01-15T15:29:11.886Z","comments":true,"path":"link/index.html","permalink":"https://www.moelody.com/link/","excerpt":"","text":"申请友链格式 注意：本人看到留言后会第一时间检查您的网站是否添加了本站链接，如果没有那么您的留言会被站长忽略，不给予回复。 申请友链必填项友链选填项友链须知这四个字段是申请友联时所必须填写的。如果需要个性化，请参考选填项 1234name: 名称link: 地址avatar: 头像descr: 描述 默认效果展示 nullnull 以下为选填项 1234567width: 0px (代表边框的大小border-width)color: "linear-gradient(45deg,blue,red)" 代表色style: "solid" 边框的形状time: 1s 动画时长rotate: 0degcustom: "link_custom" 动画样式rotate: -180deg 各字段解释 width 字段 代表边框的大小，0 代表不显示。默认为（0px，也就是不显示） color 字段 代表色的颜色，也是鼠标悬停后的颜色、字体颜色。默认为淡蓝色（#49b1f5） 可以使用的颜色格式：rgb、rgba、hsl、hsla、16 进制颜色以及关键字颜色等 也可以设置渐变色，但是渐变色会导致边框颜色及字体颜色为默认色无法更改。 style 字段 边框的形状也就是 border-style 的取值，默认为实线（solid） time 字段 动画时长设定，默认为 0s，也就是不添加动画。 rotate 字段 填写角度代表鼠标悬停时头像旋转的角度，默认为 0deg，不旋转。 custom 字段 此字段留下来的目的时为了后期添加更多的特效。默认值 link_custom link_custom 为呼吸灯效果 flash 为边框闪现效果 如果你有好的样式或想法欢迎留言哦！ 更多效果请参考下边测试效果栏的链接。推荐在开发者工具中调试一个自己喜欢的配色留言哦。 渐变配色参考网址： https://gradient.shapefactory.co/ https://webkul.github.io/coolhue/ https://uigradients.com/ 如果你使用渐变配色请在 color 字段写入你的 css 值例如 linear-gradient(45deg,blue,red) 只填写颜色那么默认使用线性渐变 0 度旋转进行设置 小站是 🍤学习 or 🍥博客站 至少一篇原创，没有原创的内容📔📕📗📘📙📓的话很快就会死掉的呢 申请友联请务必能在你的友联处看到本站链接。 网站要有维护，定期或不定期均可 如果内容含有广告会酌情处理。 含有违反中国法律内容的一律不通过。 网站被 QQ、微信标红的一律不通过。 资源站、视频站等一切非博客类网站一律不通过。 3 个月以上没有新文章、网站打不开、取消本站链接本站将直接移除你的链接。 新站请过段时间再来申请。 我的信息 1234567name: 醉殇伊舫 #博客名称link: https://www.moelody.com/ #博客avatar: https://cdn.jsdelivr.net/gh/moelody/cdn/blog/avatar.jpg #头像链接descr: 日暮梦中梦，方知我是我。 #简短的介绍自己的博客或座右铭#以下内容如果存在的情况下width: 1px (代表边框的大小border-width)color: "#56a8ff""},{"title":"留言板","date":"2020-06-29T06:00:55.000Z","updated":"2021-03-24T13:34:27.417Z","comments":true,"path":"messageboard/index.html","permalink":"https://www.moelody.com/messageboard/","excerpt":"","text":"有什麽想説的？ 有什麽想问的？ 有什麽想吐槽的？ 可以在下面留言…"},{"title":"那些年，听过的音乐","date":"2020-06-28T14:14:50.000Z","updated":"2021-03-24T13:34:27.417Z","comments":true,"path":"musics/index.html","permalink":"https://www.moelody.com/musics/","excerpt":"","text":"那些年头听过的 OP 那些年头听过的 ED"},{"title":"标签","date":"2020-06-28T16:29:44.000Z","updated":"2021-03-24T13:34:27.418Z","comments":false,"path":"tags/index.html","permalink":"https://www.moelody.com/tags/","excerpt":"","text":""},{"title":"壁纸","date":"2020-06-29T17:06:51.000Z","updated":"2021-03-24T13:34:27.408Z","comments":false,"path":"Gallery/wallpaper/index.html","permalink":"https://www.moelody.com/Gallery/wallpaper/","excerpt":"","text":"随便弄一些 [] 后续可能还会有"},{"title":"分享","date":"2020-08-07T12:00:00.000Z","updated":"2021-03-24T13:34:27.417Z","comments":true,"path":"share/index.html","permalink":"https://www.moelody.com/share/","excerpt":"","text":"一些翻译 Feedbro Feedbro 中文语言环境配置文件（个人汉化） 使用方法：在 Settings 中 User interface language 里 Import Locale 填写复制链接 复制链接： 1https://gist.githubusercontent.com/moelody/3159316ce726fc629fae15278bbce429/raw/aac8c27a5e4cd9a1d44113c182c9cd1f58c54879/feedbro-locale-zh_CN.json"},{"title":"","date":"2021-03-24T13:34:27.416Z","updated":"2021-03-24T13:34:27.416Z","comments":true,"path":"img/pwa/manifest.json","permalink":"https://www.moelody.com/img/pwa/manifest.json","excerpt":"","text":"{\"name\":\"Moelody's Blog\",\"short_name\":\"醉殇伊舫\",\"theme_color\":\"#505050\",\"background_color\":\"#ffffff\",\"display\":\"standalone\",\"Scope\":\"/\",\"start_url\":\"/\",\"icons\":[{\"src\":\"36.png\",\"sizes\":\"36x36\",\"type\":\"image/png\"},{\"src\":\"48.png\",\"sizes\":\"48x48\",\"type\":\"image/png\"},{\"src\":\"72.png\",\"sizes\":\"72x72\",\"type\":\"image/png\"},{\"src\":\"96.png\",\"sizes\":\"96x96\",\"type\":\"image/png\"},{\"src\":\"144.png\",\"sizes\":\"144x144\",\"type\":\"image/png\"},{\"src\":\"192.png\",\"sizes\":\"192x192\",\"type\":\"image/png\"},{\"src\":\"512.png\",\"sizes\":\"512x512\",\"type\":\"image/png\"}],\"splash_pages\":null}"}],"posts":[{"title":"CellFX说明文档","slug":"AE/脚本/CellFX","date":"2024-05-11T02:57:57.000Z","updated":"2024-05-29T17:30:24.983Z","comments":true,"path":"posts/be1992ca/","link":"","permalink":"https://www.moelody.com/posts/be1992ca/","excerpt":"","text":"P_CellFX 说明 模板模块 0. 顶部模块 TK版本 增量保存工程tk版本 打开工程自动显示工程tk版本 时长： 设置工程时长 打开工程自动显示工程时长 导入模板工程 基础模板路径 导入背景文件 基础背景路径 中英文切换 布局样式切换 全部、基础、树状带预览、树状、树状平铺 统一数据库时显示 设置切换 右键菜单 设置模板和背景下拉菜单显示的路径数量 ---------------树状样式下-------------- 显示/隐藏顶栏加载模块 1. 预览区&&按钮模块 预览区 预览选中文件 左键点击：打开预览图片 按钮模块 加载：加载素材文件夹 适应：设置合成大小为适应所有图层的大小 预合成：预合成00_set中所有cell图层 渲染：使用命令行渲染渲染队列中的第一个项目 相机： 默认：创建平面相机 Ctrl：设置最终合成大小 项目： 默认：设置工程项目适应最终合成大小 Ctrl：设置最终合成大小 2. 文件夹模块 文件夹列表 双击重命名模块 右键菜单 文件栏宽度 添加文件夹 删除文件夹 批量添加选中文件夹中的所有文件夹 文件夹工具栏 添加文件夹 删除文件夹 模块顺序调整 3. 文件模块 导航栏 后退 前进 刷新 收藏 等同于添加文件夹 打开 打开文件夹 当前文件夹地址 搜索 过滤当前文件夹文件 文件列表 双击 空白处：返回上一文件夹 执行所选文件功能 文件夹 进入文件夹内 .aet 执行模板 .aep/.aepx 导入工程, 并将保存时所选图层的所在合成放入当前所选图层上或当前合成 .ffx 应用预设 .expr 应用表达式 右键菜单 打开所选工程文件（选中工程文件可见） 重命名所选文件 显示/隐藏文件夹 显示/隐藏文件工具栏 覆盖所选文件（不可恢复） 移动所选文件（包含预设及其预览图） 删除所选文件（不可恢复） ---------------树状3平铺样式下-------------- 鼠标悬停预览 右键菜单 文件显示大小宽度 文件显示大小高度 文件显示间距 文件工具栏 文件备注 保存工程时同时复制素材至同目录下的(Footage)文件夹中 保存所选图层为独立工程，未选中时默认选中所有图层 保存所选属性为预设 保存所选表达式为后缀为.expr的文本 收集当前工程所有素材至(Footage)文件夹中 是否保存多张图片为预览动图 更新所选文件的预览图片（勾选是否保存多张图片为预览动图时，也更新动图） 覆盖所选文件（不可恢复） 移动所选文件（包含预设及其预览图） 删除所选文件（不可恢复） CellFX设置 常规 后缀设置 预览图尺寸设置 名称 设置各文件夹名称 行为 设置某些动作后的额外动作 选择 语言选择 其他 使用统一数据库，将使用本地设置和保存，不勾选时使用保存在当前AE版本中的设置 ---------------树状3平铺样式下-------------- 保存多张图片的数量 同时播放所有文件的预览动图 缩小平铺文件大小 扩大平铺文件大小","categories":[{"name":"AE","slug":"AE","permalink":"https://www.moelody.com/categories/AE/"},{"name":"脚本","slug":"AE/脚本","permalink":"https://www.moelody.com/categories/AE/%E8%84%9A%E6%9C%AC/"}],"tags":[{"name":"自研","slug":"自研","permalink":"https://www.moelody.com/tags/%E8%87%AA%E7%A0%94/"},{"name":"CellFX","slug":"CellFX","permalink":"https://www.moelody.com/tags/CellFX/"}]},{"title":"外置AE快速搜索启动插件QALap","slug":"AE/插件/QALap","date":"2021-06-01T01:41:58.000Z","updated":"2022-01-15T14:09:42.174Z","comments":true,"path":"posts/9c50ad86/","link":"","permalink":"https://www.moelody.com/posts/9c50ad86/","excerpt":"","text":"下载地址 下载Quicker 复制QALap，粘贴到Quicker面板上这里可以右键复制链接地址来复制 使用方法 打开想要使用的Ae版本。 右击QALap图标选择信息<全局快捷键，为动作绑定全局快捷键。 触发快捷键在弹出窗口里设置脚本、表达式、工程文件路径，留空则默认为空。 耐心等待一会（首次运行会构建程序），会弹出一个黑色搜索框，支持英文、英文驼峰、中文拼音、拼音首字母搜索，输入想要运行的脚本、表达式或工程名。通过小键盘上下箭头或鼠标选择，按回车或鼠标点击即可运行。 如需修改设置的路径，可右键QALap图标点击配置来重新设置路径。 相关特性 与文件名同名的PNG文件会作为该文件的图标显示在搜索框里，效果同大家常用的脚本管理器。 表达式可以在Ae没运行时使用，当电脑有运行Snipaste时会直接调用Snipaste把表达式作为图片贴出，否则则会请求Carbon-API来获取相应的代码贴图。 界面参考AK大神的FXConsole并将脚本、表达式和工程文件用红色、蓝色、粉色以作区分。","categories":[{"name":"AE","slug":"AE","permalink":"https://www.moelody.com/categories/AE/"},{"name":"插件","slug":"AE/插件","permalink":"https://www.moelody.com/categories/AE/%E6%8F%92%E4%BB%B6/"}],"tags":[{"name":"自研","slug":"自研","permalink":"https://www.moelody.com/tags/%E8%87%AA%E7%A0%94/"},{"name":"QALap","slug":"QALap","permalink":"https://www.moelody.com/tags/QALap/"}]},{"title":"高级资源管理器Directory Opus的DIY","slug":"软件/Directory Opus/opus","date":"2020-10-14T11:37:21.000Z","updated":"2022-01-14T04:54:25.948Z","comments":true,"path":"posts/ec931d23/","link":"","permalink":"https://www.moelody.com/posts/ec931d23/","excerpt":"","text":"安装Opus（群内限定） 安装主程序null 解压破解文件覆盖原文件null 申请许可证 打开程序安装证书null PS:如显示过N天过期属于正常现象，到期后仍可继续使用 配置样式 导入主题 导入主题文件null 并应用主题后null 如需更改样式，可到设置中显示配置中自行更改null 工具栏配置 在工具栏处右键，自定义导入博主的工具栏配置null 启用后能看到三处横向工具栏，为博主常用。第三行工具栏的磁盘快捷访问等等，各位可自行尝试配置，后面我详细讲讲null 工具栏详细配置（暂留，以后写） 更改文件夹图标 使用7tsp对文件夹图标进行修改，使用博主推荐搭配的简易扁平Pure黑色版或是到美化网下载自己喜欢的图标包(注意图标包支持的工具可能会有所不同)，点击Start等待完成后重启即可null 其次因为权限原因，会发现快速访问的图标没有更改，点击链接根据教程修改权限后重新打开程序后即可，必要时可重启null 文件树美化","categories":[{"name":"软件","slug":"软件","permalink":"https://www.moelody.com/categories/%E8%BD%AF%E4%BB%B6/"},{"name":"Directory Opus","slug":"软件/Directory-Opus","permalink":"https://www.moelody.com/categories/%E8%BD%AF%E4%BB%B6/Directory-Opus/"}],"tags":[{"name":"opus","slug":"opus","permalink":"https://www.moelody.com/tags/opus/"},{"name":"explorer","slug":"explorer","permalink":"https://www.moelody.com/tags/explorer/"}]},{"title":"Hexo butterfly主题魔改记录","slug":"博客/Hexo/butterfly","date":"2020-08-31T14:21:47.000Z","updated":"2020-09-01T06:00:00.000Z","comments":true,"path":"posts/bb9a879a/","link":"","permalink":"https://www.moelody.com/posts/bb9a879a/","excerpt":"","text":"参考文章 HCLonely MuJin 初辰 涉及页面模板 Pixiv 日榜 使用的是超能小紫提供的服务：https://cloud.mokeyjay.com/pixiv，也可以自行搭建，搭建方式请看这里->传送门 在themes\\Butterfly\\layout\\includes\\widget文件夹新建card_pixiv.pug文件，文件内容如下：123456.card-widget.card-pixiv .card-content .item-headline i.fas.fa-image(aria-hidden="true") span= _p('aside.card_pixiv') iframe(src="https://cloud.mokeyjay.com/pixiv" frameborder="0" style="width:99%;height:380px;margin:0;") 编辑themes\\Butterfly\\layout\\includes\\widget\\index.pug文件，在你想要显示的位置引入上面的文件，具体参考你使用的版本 编辑butterfly.yml文件，在card_webinfo下面添加一行card_pixiv: true 编辑themes\\Butterfly\\languages\\zh-CN.yml文件 (请根据你的网站语言选择)，找到card_announcement: 公告, 在下面添加一行card_pixiv: Pixiv日榜Top50(后面的文本可自定义) 文章日历 安装hexo-generator-calendar插件 1yarn add hexo-generator-calendar 在主题配置的inject中引入 1234head: - <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/moelody/cdn@latest/css/butterfly/src/calendar.min.css">bottom: - <script data-pjax src="https://cdn.jsdelivr.net/gh/moelody/cdn@latest/js/calendar.min.js"></script> 在themes\\Butterfly\\layout\\includes\\widget文件夹新建card_calendar.pug文件，文件内容如下： 1234567.card-widget.card-calendar .card-content .item-headline i.far.fa-calendar-alt(aria-hidden="true") span= _p('aside.card_calendar') div.widget-wrap div#calendar.widget 编辑themes\\Butterfly\\layout\\includes\\widget\\index.pug文件，在你想要显示的位置引入上面的文件，具体参考你使用的版本 编辑butterfly.yml文件，在card_webinfo下面添加一行card_calendar: true 编辑themes\\Butterfly\\languages\\zh-CN.yml文件 (请根据你的网站语言选择)，找到card_announcement:公告, 在下面添加一行card_calendar: 文章日历(后面的文本可自定义) 投票系统 前往widgetpack注册账号 登陆后在点击左侧侧边栏Rating->Install, 你会看到代码有wpac_init.push({widget: 'Rating', id: *****});，记住id 在博客根目录themes/Butterfly/layout/includes/post/目录内新建文件 rate.pug, 内容如下： 123456789101112131415161718# wpac-ratingscript. wpac_init = window.wpac_init || []; wpac_init.push({widget: 'Rating', id: #{config.rate.id}}); (function() { if ('WIDGETPACK_LOADED' in window) return; WIDGETPACK_LOADED = true; var mc = document.createElement('script'); mc.type = 'text/javascript'; mc.async = true; mc.src = '//embed.widgetpack.com/widget.js'; var s = document.getElementsByTagName['script'](0); s.parentNode.insertBefore(mc, s.nextSibling); })();style. #wpac-rating { margin-top: 20px; text-align: center; } 编辑博客根目录themes/Butterfly/layout/post.pug文件，在theme.reward.enable下方添加：（根据自己的版本灵活变更） 12if page.rating include includes/post/rate.pug 在 hexo 根目录配置文件内添加上复制好的id： 12rate: id: xxx 在文章顶部加上rating: false即可为指定文章关闭投票 引入类 文章统计图表 安装插件 1yarn add hexo-charts 在关于页面中引入 123456789101112<script> if(typeof(echarts)=='undefined'){ location.href='/about/'; }</script><div id="posts-chart"></div><!-- "data-length"为显示标签个数(从多到少)，默认为10 --><div id="tags-chart" data-length="10"></div><div id="categories-chart"></div> 页脚跳动的心 在主题配置的inject中引入 js 12bottom: - <script data-pjax src="https://cdn.jsdelivr.net/gh/moelody/cdn@latest/js/heartbeat.min.js"></script> 在页脚养鱼 在主题配置的inject中引入 js 12bottom: - <script data-pjax src="https://cdn.jsdelivr.net/gh/moelody/cdn@latest/js/butterfly/src/fish.min.js"></script> valine 评论添加博主等标签 修改themes/Butterfly/layout/includes/comments/valine.pug 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748- let emojiMaps = '""'if site.data.valine - emojiMaps = JSON.stringify(site.data.valine)- let links = []if site.data.link each i in site.data.link each item in i.link_list - links.push(item.link)script. function loadValine () { function initValine () { window.valine = new Valine({ el: '#vcomment', appId: '#{theme.valine.appId}', appKey: '#{theme.valine.appKey}', placeholder: '#{theme.valine.placeholder}', avatar: '#{theme.valine.avatar}', meta: '#{theme.valine.guest_info }'.split(','), pageSize: '#{theme.valine.pageSize}', lang: '#{theme.valine.lang}', recordIP: #{theme.valine.recordIP}, serverURLs: '#{theme.valine.serverURLs}', emojiCDN: '#{theme.valine.emojiCDN}', emojiMaps: !{emojiMaps}, enableQQ: #{theme.valine.enableQQ}, path: window.location.pathname, verify: #{theme.valine.verify}, master: '#{ theme.valine.master }'.split(',').concat('#{ config.url }'), friends: '#{ theme.valine.friends }'.split(',').concat('#{ links }'.split(',')), tagMeta: '#{ theme.valine.tagMeta }'.split(','), metaPlaceholder: !{JSON.stringify(theme.valine.metaPlaceholder)} }); if ('#{theme.valine.requiredFields}') { valine.config.requiredFields= '#{theme.valine.requiredFields}'.split(',') } } if (typeof Valine === 'function') initValine() else $.getScript('!{url_for(theme.CDN.valine)}', initValine) } if ('!{theme.comments.use[0]}' === 'Valine' || !!{theme.comments.lazyload}) { if (!{theme.comments.lazyload}) btf.loadComment(document.querySelector('#vcomment'),loadValine) else setTimeout(() => loadValine(), 0) } else { function loadOtherComment () { loadValine() } } 修改主题valine配置，添加如下配置项 12345678verify: false # 评论时是否需要验证，需 jQuery 支持master: www.moelody.com # 修改为自己的，多写几个也行，配置了根目录配置url的也可以不写friends: # 小伙伴的网址，link.yml中配置了友链的也可不写tagMeta: 博主,小伙伴,访客 # 自定义标签metaPlaceholder: # 输入框的背景文字 nick: 昵称/QQ 号 mail: 邮箱(必填) link: 网址(https://) 修改主题CDN配置，将valine链接改为https://cdn.jsdelivr.net/gh/moelody/cdn@latest/js/others/valine.min.js 在主题配置的inject中引入 css 12head - <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/moelody/cdn@latest/css/valine.min.css"> 添加卡通人物（看板娘） 安装hexo-helper-live2d插件 1yarn add hexo-helper-live2d 修改根目录配置，添加如下配置 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172# Live2D看板娘live2d: enable: true pluginRootPath: live2dw/ # 插件在站点上的根目录(相对路径) pluginJsPath: lib/ # 脚本文件相对与插件根目录路径 pluginModelPath: assets/ # 模型文件相对与插件根目录路径 # scriptFrom: local # 默认 # scriptFrom: https://cdn.jsdelivr.net/npm/live2d-widget@3.x/lib/L2Dwidget.min.js # 原L2Dwidget配置 scriptFrom: https://cdn.jsdelivr.net/gh/moelody/live2d-widget.js@latest/lib/L2Dwidget.min.js # 博主修改过的L2Dwidget配置 tagMode: false # 标签模式, 是否仅替换 live2d tag标签而非插入到所有页面中 debug: false # 调试, 是否在控制台输出日志 model: use: https://cdn.jsdelivr.net/gh/moelody/live2d-models@latest/fairy/air_attack/index.json # 单个模型 scale: 1 # 模型与canvas的缩放 # 新增配置 homePath: # 如果以下已配置或只使用单个模型，则可留空；否则需要配置。例如：https://cdn.jsdelivr.net/gh/moelody/live2d-models@latest/ tipPath: https://cdn.jsdelivr.net/gh/moelody/live2d-models@latest/model_tips_butterfly.json # 看板娘触发，如homePath已配置可留空默认读取路径下model_tips.json listPath: https://cdn.jsdelivr.net/gh/moelody/live2d-models@latest/model_list_fairy.json # 看板娘列表，配置后覆盖单个模型，不配置此项请务必配置单个模型 display: superSample: 2 # 模型超采样等级 width: 200 # canvas的长度 height: 200 # canvas的高度 position: right # 模型位置 hOffset: 30 # 水平偏移 vOffset: 0 # 垂直偏移 mobile: show: false # 是否在移动设备上显示 scale: 0.8 # 移动设备上的缩放 # name: # canvas: 'live2dcanvas' # canvas元素的ID # div: 'live2d-widget' # div元素的ID # react: # opacity: 1 # 模型透明度 # dev: # border: false # 在canvas周围显示边界 dialog: enable: true # script: ## 新增项如下为css自定义 ## 默认配置 # bottom: 90% # 对话框距离模型底部比例 # hOffset: 20 # 对话框水平偏移量，根据工具栏position方向 # border: 1px solid rgba(224, 186, 140, .62) # 对话框边框 # borderDark: 1px solid rgba(6, 6, 6, .3) # 对话框边框（夜见模式 data-theme=dark ） # background: rgba(236, 217, 188, .5) # 对话框背景 # backgroundDark: rgba(18, 18, 18,.7) # 对话框背景（夜见模式 data-theme=dark ） ## 博主的配置 border: 1px solid rgb(255, 255, 255, .5) borderDark: 1px solid rgba(6, 6, 6, .3) background: var(--card-bg,#fff) backgroundDark: var(--card-bg,#121212) # 新增小工具栏 tool: enable: true ## 如下为css自定义 ## 默认配置 # position: left # 工具栏位置，影响对话框hOffset # top: 10% # 工具栏距离对话框顶部比例 # hOffset: 20 # 工具栏相对模型的水平偏移量 # color: '#7b8c9d' # 工具栏图标颜色 # colorHover: '#0684bd' # 鼠标悬浮工具栏图标颜色 ## 博主的配置 color: var(--light-grey) colorHover: '#0684bd' ## 小工具栏配置 # hitokoto: # 一言api # enable: true # param: # 一言api参数 # plane: true # 小飞机游戏 # camera: true # 模型照相 # model: true # 模型切换（存在模型列表时有效） # texture: true # 模型皮肤切换（模型配置有多贴图时有效） 单个模型配置要点（model/index.json） 12345678910111213141516{ "type": "Live2D Model Setting", "name": "air_attack", // 多个模型文件随机加载一个 "model": [ "model.moc", "model2.moc", "model3.moc" ], // 多个贴图（即模型皮肤）配置 "textures": [ "textures.1024/texture_00.png", "textures.1024/texture_01.png", "textures.1024/texture_02.png" ]} 多模型列表配置（model_list.json） 1234567891011121314151617181920212223242526{ // 根目录下模型路径 "models": [ "fairy/air_attack", "fairy/airborne", "fairy/armor", "fairy/command", "fairy/fighting", "fairy/fortress", "fairy/golden", "fairy/shield", "fairy/target" ], // 模型加载后显示的信息 "messages": [ "轰炸姬登场~（嗨）", "我是空降姬哦~（吖）", "盾牌姬在这~~（含羞）", "这里是指挥姬，收到请回话~！（笑）", "干嘛！有事吗？（▼㉨▼メ）", "堡垒施工中~~（呼）", "看啥~！（嘿嘿）", "啦啦~啦啦~啦~", "目标已瞄准，准备滑稽（欸）~" ]} 触发文件配置（model_tips.json） 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104{ // 默认触发控件 "waifu": { "console_open_msg": ["哈哈，你打开了控制台，是想要看看我的秘密吗？"], "copy_message": ["你都复制了些什么呀，转载要记得加上出处哦"], "visible_message": ["哇，你终于回来了～"], "screenshot_message": ["照好了嘛，是不是很可爱呢？"], "hidden_message": ["愿你有一天能与重要的人重逢。"], "load_textures_message": ["我还没有其他衣服呢!", "我的新衣服好看嘛?"], "load_model_message": ["请多指教，ご主人様！"], "idle_message": ["好久不见，日子过得好快呢……", "大坏蛋！你都多久没理人家了呀，嘤嘤嘤～", "嗨～快来逗我玩吧！", "拿小拳拳锤你胸口！", "记得把小家加入 Adblock 白名单哦！"], "hour_tips": { "t5-7": ["早上好！一日之计在于晨，美好的一天就要开始了"], "t7-11": ["上午好！工作顺利嘛，不要久坐，多起来走动走动哦！"], "t11-14": ["中午了，工作了一个上午，现在是午餐时间！"], "t14-17": ["午后很容易犯困呢，今天的运动目标完成了吗？"], "t17-19": ["傍晚了！窗外夕阳的景色很美丽呢，最美不过夕阳红~"], "t19-21": ["晚上好，今天过得怎么样？"], "t21-23": ["已经这么晚了呀，早点休息吧，晚安~"], "t23-5": ["你是夜猫子呀？这么晚还不睡觉，明天起的来嘛"], "default": ["嗨~ 快来逗我玩吧！"] }, "referrer_message": { "localhost": ["欢迎阅读<span style=\\"color:#0099cc;\\">『", "』</span>", " - "], "baidu": ["Hello! 来自 百度搜索 的朋友<br>你是搜索 <span style=\\"color:#0099cc;\\">", "</span> 找到的我吗？"], "so": ["Hello! 来自 360搜索 的朋友<br>你是搜索 <span style=\\"color:#0099cc;\\">", "</span> 找到的我吗？"], "google": ["Hello! 来自 谷歌搜索 的朋友<br>欢迎阅读<span style=\\"color:#0099cc;\\">『", "』</span>", " - "], "default": ["Hello! 来自 <span style=\\"color:#0099cc;\\">", "</span> 的朋友"], "none": ["欢迎阅读<span style=\\"color:#0099cc;\\">『", "』</span>", " - "] } }, // 鼠标悬浮配置 selector为css选择器，text随机显示数组里的一条信息 "mouseover": [{ "selector": "#live2d-widget #live2dcanvas", "text": ["干嘛呢你，快把手拿开～～", "鼠…鼠标放错地方了！", "你要干嘛呀？", "喵喵喵？", "怕怕(ノ≧∇≦)ノ", "非礼呀！救命！", "这样的话，只能使用武力了！", "我要生气了哦", "不要动手动脚的！", "真…真的是不知羞耻！", "Hentai！"] }, { "selector": "#live2d-widget-tool .fa-comment", "text": ["猜猜我要说些什么？", "我从青蛙王子那里听到了不少人生经验。"] }, { "selector": "#live2d-widget-tool .fa-paper-plane", "text": ["要不要来玩飞机大战？", "这个按钮上写着「不要点击」。", "怎么，你想来和我玩个游戏？", "听说这样可以蹦迪！"] }, { "selector": "#live2d-widget-tool .fa-user-circle", "text": ["你是不是不爱人家了呀，呜呜呜～", "要见见我的姐姐嘛？", "想要看我妹妹嘛？", "要切换看板娘吗？"] }, { "selector": "#live2d-widget-tool .fa-street-view", "text": ["喜欢换装 PLAY 吗？", "这次要扮演什么呢？", "变装！", "让我们看看接下来会发生什么！"] }, { "selector": "#live2d-widget-tool .fa-camera-retro", "text": ["你要给我拍照呀？一二三～茄子～", "要不，我们来合影吧！", "保持微笑就好了～"] }, { "selector": "#live2d-widget-tool .fa-info-circle", "text": ["想要知道更多关于我的事么？", "这里记录着我搬家的历史呢。", "你想深入了解我什么呢？"] }, { "selector": "#live2d-widget-tool .fa-times", "text": ["到了要说再见的时候了吗？", "呜呜 QAQ 后会有期……", "不要抛弃我呀……", "我们，还能再见面吗……", "哼，你会后悔的！"] }], // 鼠标点击配置 selector为css选择器，text随机显示数组里的一条信息 "click": [{ "selector": "#live2d-widget #live2dcanvas", "text": ["是…是不小心碰到了吧…", "萝莉控是什么呀？", "你看到我的小熊了吗？", "再摸的话我可要报警了！⌇●﹏●⌇", "110 吗，这里有个变态一直在摸我(ó﹏ò｡)", "不要摸我了，我会告诉老婆来打你的！", "干嘛动我呀！小心我咬你！", "别摸我，有什么好摸的！"] }, { "selector": "#veditor", "text": ["要吐槽些什么呢？", "一定要认真填写喵～", "有什么想说的吗？"] }], // 时间触发控件 date日期，text随机显示数组里的一条信息 "seasons": [{ "date": "01/01", "text": ["<span style=\\"color:#0099cc;\\">元旦</span>了呢，新的一年又开始了，今年是{year}年~"] }, { "date": "02/14", "text": ["又是一年<span style=\\"color:#0099cc;\\">情人节</span>，{year}年找到对象了嘛~"] }, { "date": "03/08", "text": ["今天是<span style=\\"color:#0099cc;\\">妇女节</span>！"] }, { "date": "03/12", "text": ["今天是<span style=\\"color:#0099cc;\\">植树节</span>，要保护环境呀"] }, { "date": "04/01", "text": ["悄悄告诉你一个秘密~<span style=\\"background-color:#34495e;\\">今天是愚人节，不要被骗了哦~</span>"] }, { "date": "05/01", "text": ["今天是<span style=\\"color:#0099cc;\\">五一劳动节</span>，计划好假期去哪里了吗~"] }, { "date": "06/01", "text": ["<span style=\\"color:#0099cc;\\">儿童节</span>了呢，快活的时光总是短暂，要是永远长不大该多好啊…"] }, { "date": "09/03", "text": ["<span style=\\"color:#0099cc;\\">中国人民抗日战争胜利纪念日</span>，铭记历史、缅怀先烈、珍爱和平、开创未来。"] }, { "date": "09/10", "text": ["<span style=\\"color:#0099cc;\\">教师节</span>，在学校要给老师问声好呀~"] }, { "date": "10/01", "text": ["<span style=\\"color:#0099cc;\\">国庆节</span>，新中国已经成立69年了呢"] }, { "date": "11/05-11/12", "text": ["今年的<span style=\\"color:#0099cc;\\">双十一</span>是和谁一起过的呢~"] }, { "date": "12/20-12/31", "text": ["这几天是<span style=\\"color:#0099cc;\\">圣诞节</span>，主人肯定又去剁手买买买了~"] }]}","categories":[{"name":"博客","slug":"博客","permalink":"https://www.moelody.com/categories/%E5%8D%9A%E5%AE%A2/"},{"name":"Hexo","slug":"博客/Hexo","permalink":"https://www.moelody.com/categories/%E5%8D%9A%E5%AE%A2/Hexo/"}],"tags":[{"name":"hexo","slug":"hexo","permalink":"https://www.moelody.com/tags/hexo/"},{"name":"butterfly","slug":"butterfly","permalink":"https://www.moelody.com/tags/butterfly/"},{"name":"魔改","slug":"魔改","permalink":"https://www.moelody.com/tags/%E9%AD%94%E6%94%B9/"}]},{"title":"Windows下常用的命令","slug":"笔记/terminal/terminal","date":"2020-07-17T12:17:18.000Z","updated":"2022-01-14T04:59:02.156Z","comments":true,"path":"posts/d78f4fea/","link":"","permalink":"https://www.moelody.com/posts/d78f4fea/","excerpt":"","text":"查询类 查看某个命令所在的路径 12where ffmpegwhere yarn","categories":[{"name":"笔记","slug":"笔记","permalink":"https://www.moelody.com/categories/%E7%AC%94%E8%AE%B0/"},{"name":"常用","slug":"笔记/常用","permalink":"https://www.moelody.com/categories/%E7%AC%94%E8%AE%B0/%E5%B8%B8%E7%94%A8/"}],"tags":[{"name":"terminal","slug":"terminal","permalink":"https://www.moelody.com/tags/terminal/"},{"name":"cmd","slug":"cmd","permalink":"https://www.moelody.com/tags/cmd/"}]},{"title":"Windows下利用bat和ffmpeg批量处理图片","slug":"笔记/ffmpeg/ffmpeg","date":"2020-07-17T10:21:00.000Z","updated":"2022-01-14T04:54:01.561Z","comments":true,"path":"posts/4f62ec51/","link":"","permalink":"https://www.moelody.com/posts/4f62ec51/","excerpt":"","text":"bat 和 cmd 命令的语法差异 在 cmd 命令中利用 ffmpeg 将一系列图片转换为一个视频文件的代码通常是这样的： 1ffmpeg -i path1/foo-%03d.jpg remux.mp4 为了进行更丰富的操作，则通常需要将命令写入一个 bat 文件中，但是 bat 和 cmd 命令的语法有一点小差异 如下，即在通配符%03d.jpg 前加了个% 123ffmpeg -i path1/foo-%%03d.jpg remux.mp4ffmpeg -i path2/foo-%%03d.jpg remux.mp4ffmpeg -i path3/foo-%%03d.jpg remux.mp4 这是因为bat相比于直接在cmd中输入命令，%会有一个转义的功能，所以需要多加一个% ffmpeg 批量转换图片为指定格式 本文将提到以下几种指定格式的转换 gif webm mp4 REM为注释内容，其中转换为webm命令中 将视频比特率设置为0很重要。如果未指定视频比特率，则默认为较低值，这会导致使用 “约束质量” 模式，会使画质降低。 另外，如果要真无损，那么使用-lossless 1或-crf 0选项，在文件大小上会增加一倍多。因为转码过程中，不仅会添加有损视频编码中的正常错误，而且还会在格式尝试保留旧的内容。 123456789101112131415161718192021@echo offset /p ext=请输入输出文件扩展名(mp4/gif/webm/...):del config.txt >nul 2>nuldel palette.png >nul 2>nulREM 批量获取图片文件并存入文件中，duration为图片之间的间隔时间for /r . %%a in (*.png,*.jpg) do ( echo file ^'%%~nxa^' >> config.txt echo duration 0.12 >> config.txt)REM -framerate帧率可以不指定REM -vf图片滤镜REM -b:v视频比特率REM -CRF恒定质量模式，从 0（最佳质量）到 63（最小文件大小）if %ext%==gif (ffmpeg -f concat -i config.txt -vf palettegen palette.pngffmpeg -f concat -i config.txt -i palette.png -lavfi paletteuse -framerate 30 remux.%ext% -y) else if %ext%==webm (ffmpeg -f concat -i config.txt -b:v 0 -crf 18 -framerate 30 remux.%ext% -y) else (ffmpeg -f concat -i config.txt -crf 18 -framerate 30 remux.%ext% -y)","categories":[{"name":"笔记","slug":"笔记","permalink":"https://www.moelody.com/categories/%E7%AC%94%E8%AE%B0/"},{"name":"ffmpeg","slug":"笔记/ffmpeg","permalink":"https://www.moelody.com/categories/%E7%AC%94%E8%AE%B0/ffmpeg/"}],"tags":[{"name":"ffmpeg","slug":"ffmpeg","permalink":"https://www.moelody.com/tags/ffmpeg/"},{"name":"bat","slug":"bat","permalink":"https://www.moelody.com/tags/bat/"},{"name":"webm","slug":"webm","permalink":"https://www.moelody.com/tags/webm/"},{"name":"gif","slug":"gif","permalink":"https://www.moelody.com/tags/gif/"},{"name":"mp4","slug":"mp4","permalink":"https://www.moelody.com/tags/mp4/"}]},{"title":"buttonsv","slug":"博客/Hexo/BUTTONSV","date":"2020-07-08T13:05:34.000Z","updated":"2022-01-14T04:53:05.963Z","comments":true,"path":"posts/492571b8/","link":"","permalink":"https://www.moelody.com/posts/492571b8/","excerpt":"","text":"BUTTONSV 按钮食用说明书 形状与尺寸 按钮的颜色分为 白底 tiny 蓝底 primary 绿底 action 橙底 highlight 红底 caution 紫底 royal 常用样式 1<a style="color:#666" href="#" class="button button-tiny">Go</a> Go 1<a style="color:#666" href="#" class="button button-rounded button-tiny">Go</a> Go 1<a style="color:#666" href="#" class="button button-pill button-tiny">Go</a> Go 1<a style="color: #FFF;" href="#" class="button button-primary button-small">Go</a> Go 1<a style="color: #FFF;" href="#" class="button button-primary button-rounded button-small">Go</a> Go 1<a style="color: #FFF;" href="#" class="button button-primary button-pill button-small">Go</a> Go 1<a style="color: #FFF;" href="#" class="button button-highlight button-large">Go</a> Go 1<a style="color: #FFF;" href="#" class="button button-highlight button-rounded button-large">Go</a> Go 1<a style="color: #FFF;" href="#" class="button button-highlight button-pill button-large">Go</a> Go 1<a style="color: #FFF;" href="#" class="button button-caution button-jumbo">Go</a> Go 1<a style="color: #FFF;" href="#" class="button button-caution button-rounded button-jumbo">Go</a> Go 1<a style="color: #FFF;" href="#" class="button button-caution button-pill button-jumbo">Go</a> Go 1<a style="color: #FFF;" href="#" class="button button-royal button-giant">Go</a> Go 1<a style="color: #FFF;" href="#" class="button button-royal button-rounded button-giant">Go</a> Go 1<a style="color: #FFF;" href="#" class="button button-royal button-pill button-giant">Go</a> Go 不常用 123<button class="button button-square button-tiny"> <i class="fa fa-plus"></i></button> 123<button class="button button-box button-tiny"> <i class="fa fa-plus"></i></button> 123<button class="button button-circle button-tiny"> <i class="fa fa-plus"></i></button> 123<button class="button button-primary button-square button-small"> <i class="fa fa-plus"></i></button> 123<button class="button button-primary button-box button-small"> <i class="fa fa-plus"></i></button> 123<button class="button button-primary button-circle button-small"> <i class="fa fa-plus"></i></button> 123<button class="button button-action button-square"> <i class="fa fa-plus"></i></button> 123<button class="button button-action button-box"> <i class="fa fa-plus"></i></button> 123<button class="button button-action button-circle"> <i class="fa fa-plus"></i></button> 123<button class="button button-highlight button-square button-large"> <i class="fa fa-plus"></i></button> 123<button class="button button-highlight button-box button-large"> <i class="fa fa-plus"></i></button> 123<button class="button button-highlight button-circle button-large"> <i class="fa fa-plus"></i></button> 123<button class="button button-caution button-square button-jumbo"> <i class="fa fa-plus"></i></button> 123<button class="button button-caution button-box button-jumbo"> <i class="fa fa-plus"></i></button> 123<button class="button button-caution button-circle button-jumbo"> <i class="fa fa-plus"></i></button> 123<button class="button button-royal button-square button-giant"> <i class="fa fa-plus"></i></button> 123<button class="button button-royal button-box button-giant"> <i class="fa fa-plus"></i></button> 123<button class="button button-royal button-circle button-giant"> <i class="fa fa-plus"></i></button> 带边框和不带边框的按钮 123<button class="button button-large button-plain button-border button-circle"> <i class="fa fa-reply"></i></button> 123<button class="button button-large button-plain button-border button-box"> <i class="fa fa-star"></i></button> 123<button class="button button-large button-plain button-border button-square"> <i class="fa fa-trash-o"></i></button> 123<button style="color:red" class="button button-large button-plain button-borderless" style="color:red"> <i class="fa fa-tag">test</i></button> test 3D 按钮 123<button class="button button-3d button-box button-jumbo"> <i class="fa fa-thumbs-up"></i></button> 1<a style="color: #FFF;" href="#" class="button button-3d button-primary button-rounded">Check out the new site!</a> Check out the new site! 1<a style="color: #FFF;" href="#" class="button button-3d button-action button-pill">Visit Us!</a> Visit Us! 123<button class="button button-3d button-action button-circle button-jumbo"> <i class="fa fa-thumbs-up"></i></button> 12<a style="color: #FFF;" href="#" class="button button-3d button-caution"> <i class="fa fa-camera"></i> Go</a> Go 1<a style="color: #FFF;" href="#" class="button button-3d button-royal">Say Hi!</a> Say Hi! 1<a style="color: #FFF;" href="#" class="button button-raised button-primary button-pill">Visit Us!</a> Visit Us! 123<button class="button button-raised button-action button-circle button-jumbo"> <i class="fa fa-thumbs-up"></i></button> 12<a style="color: #FFF;" href="#" class="button button-raised button-caution"> <i class="fa fa-camera"></i> Go</a> Go 1<a style="color: #FFF;" href="#" class="button button-raised button-royal">Say Hi!</a> Say Hi! 1<a style="color: #FFF;" href="#" class="button button-raised button-pill button-inverse">Say Hi!</a> Say Hi! 光晕效果 1<a style="color: #FFF;" href="#" class="button button-glow button-rounded button-raised button-primary">Go</a> Go 1<a style="color: #1B9AF7;" href="#" class="button button-glow button-border button-rounded button-primary">Go</a> Go 123<button class="button button-glow button-circle button-action button-jumbo"> <i class="fa fa-thumbs-up"></i></button> 1<a style="color: #FFF;" href="#" class="button button-glow button-rounded button-highlight">Go</a> Go 1<a style="color: #FFF;" href="#" class="button button-glow button-rounded button-caution">Go</a> Go 1<a style="color: #FFF;" href="#" class="button button-glow button-rounded button-royal">Go</a> Go 各种文字样式 1<a style="color: #FFF;" href="#" class="button button-uppercase button-primary">uppercase</a> uppercase 1<a style="color: #FFF;" href="#" class="button button-lowercase button-primary ">lowercase</a> lowercase 1<a style="color: #FFF;" href="#" class="button button-capitalize button-primary">capitalize</a> capitalize 1<a style="color: #FFF;" href="#" class="button button-small-caps button-primary">small caps</a> small caps","categories":[{"name":"博客","slug":"博客","permalink":"https://www.moelody.com/categories/%E5%8D%9A%E5%AE%A2/"},{"name":"Hexo","slug":"博客/Hexo","permalink":"https://www.moelody.com/categories/%E5%8D%9A%E5%AE%A2/Hexo/"}],"tags":[{"name":"hexo","slug":"hexo","permalink":"https://www.moelody.com/tags/hexo/"},{"name":"butterfly","slug":"butterfly","permalink":"https://www.moelody.com/tags/butterfly/"},{"name":"button","slug":"button","permalink":"https://www.moelody.com/tags/button/"}]},{"title":"Tags","slug":"博客/Hexo/tags","date":"2020-06-26T09:21:54.000Z","updated":"2022-01-14T04:58:31.726Z","comments":true,"path":"posts/cf8e3b18/","link":"","permalink":"https://www.moelody.com/posts/cf8e3b18/","excerpt":"","text":"Note (Bootstrap Callout) 用法 12345678{% note [class] [no-icon] %}Any content (support inline tags too.io).{% endnote %}[class] : default | primary | success | info | warning | danger.[no-icon] : Disable icon in note.All parameters are optional. 例如： 1234567891011121314151617181920212223{% note default %}default 提示块标籤{% endnote %}{% note primary no-icon %}primary 提示块标籤{% endnote %}{% note success %}success 提示块标籤{% endnote %}{% note info %}info 提示块标籤{% endnote %}{% note warning %}warning 提示块标籤{% endnote %}{% note danger %}danger 提示块标籤{% endnote %} style: flat default 提示块标籤 primary 提示块标籤 success 提示块标籤 info 提示块标籤 warning 提示块标籤 danger 提示块标籤 自定义图标（阿里图标）及颜色 1234567/* default */<div class="note icon custom iconfont icon-weixin" style="background: #f7f7f7;border-left-color: #777;"> <p>default</p></div> default Gallery 相册图库 用法 123<div class="gallery-group-main">{% galleryGroup name description link img-url %}</div> 例如 123<div class="gallery-group-main">{% galleryGroup '壁纸' '收藏的一些壁纸' '/Gallery/wallpaper' https://i.loli.net/2019/11/10/T7Mu8Aod3egmC4Q.png %}</div> 壁纸 收藏的一些壁纸 Gallery 相册 用法 123{% gallery %}markdown 图片格式{% endgallery %} 例如 12345678910{% gallery %}nullnullnullnullnullnullnullnull{% endgallery %} [] Tabs 用法 123456789101112131415161718192021{% tabs Unique name, [index] %}<!-- tab [Tab caption] [@icon] -->Any content (support inline tags too).<!-- endtab -->{% endtabs %}Unique name : Unique name of tabs block tag without comma. Will be used in #id's as prefix for each tab with their index numbers. If there are whitespaces in name, for generate #id all whitespaces will replaced by dashes. Only for current url of post/page must be unique![index] : Index number of active tab. If not specified, first tab (1) will be selected. If index is -1, no tab will be selected. It's will be something like spoiler. Optional parameter.[Tab caption] : Caption of current tab. If not caption specified, unique name with tab index suffix will be used as caption of tab. If not caption specified, but specified icon, caption will empty. Optional parameter.[@icon] : FontAwesome icon name (full-name, look like 'fas fa-font') Can be specified with or without space; e.g. 'Tab caption @icon' similar to 'Tab caption@icon'. Optional parameter. Demo 1 - 预设选择第一个【默认】 12345678910111213{% tabs test1 %}<!-- tab -->**This is Tab 1.**<!-- endtab --><!-- tab -->**This is Tab 2.**<!-- endtab --><!-- tab -->**This is Tab 3.**<!-- endtab -->{% endtabs %} test1 1test1 2test1 3This is Tab 1.This is Tab 2.This is Tab 3. Demo 2 - 预设选择 tabs 12345678910111213{% tabs test2, 3 %}<!-- tab -->**This is Tab 1.**<!-- endtab --><!-- tab -->**This is Tab 2.**<!-- endtab --><!-- tab -->**This is Tab 3.**<!-- endtab -->{% endtabs %} test2 1test2 2test2 3This is Tab 1.This is Tab 2.This is Tab 3. Demo 3 - 没有预设值 12345678910111213{% tabs test3, -1 %}<!-- tab -->**This is Tab 1.**<!-- endtab --><!-- tab -->**This is Tab 2.**<!-- endtab --><!-- tab -->**This is Tab 3.**<!-- endtab -->{% endtabs %} test3 1test3 2test3 3This is Tab 1.This is Tab 2.This is Tab 3. Demo 4 - 自定义 Tab 名 + 只有 icon + icon 和 Tab 名 12345678910111213{% tabs test4 %}<!-- tab 第一个Tab -->**tab名字为第一个Tab**<!-- endtab --><!-- tab @fab fa-apple-pay -->**只有图标 没有Tab名字**<!-- endtab --><!-- tab 炸弹@fas fa-bomb -->**名字+icon**<!-- endtab -->{% endtabs %} 第一个Tab炸弹tab 名字为第一个 Tab只有图标 没有 Tab 名字名字+icon Tag-hide InlineBlockToggleinline在文本里面添加按钮隐藏内容，只限文字 ( content 不能包含英文逗号，可用&sbquo;) 1{% hideInline content,display,bg,color %} content: 文本内容 display: 按钮显示的文字(可选) bg: 按钮的背景颜色(可选) color: 按钮文字的颜色(可选)Demo 12哪个英文字母最酷？ {% hideInline 因为西装裤(C装酷),查看答案,#FF7242,#fff %}门里站着一个人? {% hideInline 闪 %} 哪个英文字母最酷？ 查看答案 因为西装裤(C装酷) 门里站着一个人? Click 闪block独立的 block 隐藏内容，可以隐藏很多内容，包括图片，代码块等等 (display 不能包含英文逗号，可用&sbquo;) 123{% hideBlock display,bg,color %}content{% endhideBlock %} content: 文本内容 display: 按钮显示的文字(可选) bg: 按钮的背景颜色(可选) color: 按钮文字的颜色(可选)Demo 1234查看答案{% hideBlock 查看答案 %}傻子，怎么可能有答案{% endhideBlock %} 查看答案 傻子，怎么可能有答案 2.3.0 以上支持 如果你需要展示的内容太多，可以把它隐藏在收缩框里，需要时再把它展开。 (display 不能包含英文逗号，可用`‚`) Demo 12345678910{% hideToggle Butterfly安装方法 %}在你的博客根目录里git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/Butterfly如果想要安装比较新的dev分支，可以git clone -b dev https://github.com/jerryc127/hexo-theme-butterfly.git themes/Butterfly{% endhideToggle %} Butterfly安装方法在你的博客根目录里 git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/Butterfly 如果想要安装比较新的 dev 分支，可以 git clone -b dev https://github.com/jerryc127/hexo-theme-butterfly.git themes/Butterfly mermaid 用法 123{% mermaid %}内容{% endmermaid %} 例如 12345678{% mermaid %}pie title Key elements in Product X "Calcium" : 42.96 "Potassium" : 50.05 "Magnesium" : 10.01 "Iron" : 5{% endmermaid %} pie title Key elements in Product X "Calcium" : 42.96 "Potassium" : 50.05 "Magnesium" : 10.01 "Iron" : 5 Button 3.0 以上适用 使用方法 12345678910111213141516{% btn [url],[text],[icon],[color] [style] [layout] [position] [size] %}[url] : 链接[text] : 按钮文字[icon] : [可选] 图标[color] : [可选] 按钮背景顔色(默认style时） 按钮字体和边框顔色(outline时) default/blue/pink/red/purple/orange/green[style] : [可选] 按钮样式 默认实心 outline/留空[layout] : [可选] 按钮佈局 默认为line block/留空[position] : [可选] 按钮位置 前提是设置了layout为block 默认为左边 center/right/留空[size] : [可选] 按钮大小 larger/留空 Demo 12345This is my website, click the button {% btn 'http://www.jerryc.me',JerryC %}This is my website, click the button {% btn 'http://www.jerryc.me',JerryC,far fa-hand-point-right %}This is my website, click the button {% btn 'http://www.jerryc.me',JerryC,,outline %}This is my website, click the button {% btn 'http://www.jerryc.me',JerryC,far fa-hand-point-right,outline %}This is my website, click the button {% btn 'http://www.jerryc.me',JerryC,far fa-hand-point-right,larger %} This is my website, click the button JerryC This is my website, click the button JerryC This is my website, click the button JerryC This is my website, click the button JerryC This is my website, click the button JerryC 123{% btn 'http://www.jerryc.me',JerryC,far fa-hand-point-right,block %}{% btn 'http://www.jerryc.me',JerryC,far fa-hand-point-right,block center larger %}{% btn 'http://www.jerryc.me',JerryC,far fa-hand-point-right,block right outline larger %} JerryC JerryC JerryC 1234567{% btn 'http://www.jerryc.me',JerryC,far fa-hand-point-right,larger %}{% btn 'http://www.jerryc.me',JerryC,far fa-hand-point-right,blue larger %}{% btn 'http://www.jerryc.me',JerryC,far fa-hand-point-right,pink larger %}{% btn 'http://www.jerryc.me',JerryC,far fa-hand-point-right,red larger %}{% btn 'http://www.jerryc.me',JerryC,far fa-hand-point-right,purple larger %}{% btn 'http://www.jerryc.me',JerryC,far fa-hand-point-right,orange larger %}{% btn 'http://www.jerryc.me',JerryC,far fa-hand-point-right,green larger %} JerryC JerryC JerryC JerryC JerryC JerryC JerryC 123456789<div class="btn-center">{% btn 'http://www.jerryc.me',JerryC,far fa-hand-point-right,outline larger %}{% btn 'http://www.jerryc.me',JerryC,far fa-hand-point-right,outline blue larger %}{% btn 'http://www.jerryc.me',JerryC,far fa-hand-point-right,outline pink larger %}{% btn 'http://www.jerryc.me',JerryC,far fa-hand-point-right,outline red larger %}{% btn 'http://www.jerryc.me',JerryC,far fa-hand-point-right,outline purple larger %}{% btn 'http://www.jerryc.me',JerryC,far fa-hand-point-right,outline orange larger %}{% btn 'http://www.jerryc.me',JerryC,far fa-hand-point-right,outline green larger %}</div> JerryC JerryC JerryC JerryC JerryC JerryC JerryC ## 扩展样式 ### 另一种风格的 note 和小 tag 标签 绿色 红色 黄色 灰色 蓝色 红色小标签 绿色小标签 蓝色小标签 黄色小标签 灰色小标签 小标签参数说明：`你的文字` 写法如下 123456789101112/* note语法示例 */<p class='div-border green'>绿色</p><p class='div-border red'>红色</p><p class='div-border yellow'>黄色</p><p class='div-border grey'>灰色</p><p class='div-border blue'>蓝色</p>/* 小tag标签语法示例 */<span class="inline-tag red">红色小标签</span><span class="inline-tag green">绿色小标签</span><span class="inline-tag blue">蓝色小标签</span><span class="inline-tag yellow">黄色小标签</span><span class="inline-tag grey">灰色小标签</span> 以上代码的效果可以看本段开头处的效果（不写颜色默认为灰色）。当然了你也可以设置某个边框加粗。例如 `绿色` ### 渐变 note 1234<div class='tip' ><p>默认情况<p></div><div class='tip success'><p>success<p></div><div class='tip error'><p>error<p></div><div class='tip warning'><p>warning<p></div> 默认情况 success error warning ### volantis 主题的 note 标签 123456789101112131415161718<div class="snote red"><p>默认 red</p></div><div class="snote quote"><p>quote</p></div><div class="snote info"><p>info</p></div><div class="snote done"><p>done</p></div><div class="snote success"><p>success</p></div><div class="snote danger"><p>danger</p></div><div class="snote error"><p>error</p></div><div class="snote radiation"><p>radiation</p></div><div class="snote bug"><p>bug</p></div><div class="snote idea yellow"><p>idea-yellow</p></div><div class="snote link blue"><p>link- blue</p></div><div class="snote paperclip"><p>paperclip</p></div><div class="snote todo"><p>todo</p></div><div class="snote msg cyan"><p>msg cyan</p></div><div class="snote guide"><p>guide</p></div><div class="snote download"><p>download</p></div><div class="snote up"><p>up</p></div><div class="snote undo"><p>undo</p></div> 默认 red quote info done success danger error radiation bug idea-yellow link- blue paperclip todo msg cyan guide download up undo ### Checkbox & Radio 1{% checkbox 样式参数（可选）, 文本（支持简单md） %} 参数列表： ~ 颜色 `red, yellow, green, cyan, blue` ~ 样式 `plus, minus, times` ~ 选中状态 `checked` tag 标签格式 1234567891011121314151617{% checkbox 纯文本测试 %}{% checkbox checked, 支持简单的 [markdown](https://guides.github.com/features/mastering-markdown/) 语法 %}{% checkbox red, 支持自定义颜色 %}{% checkbox green checked, 绿色 + 默认选中 %}{% checkbox yellow checked, 黄色 + 默认选中 %}{% checkbox cyan checked, 青色 + 默认选中 %}{% checkbox blue checked, 蓝色 + 默认选中 %}{% checkbox plus green checked, 增加 %}{% checkbox minus yellow checked, 减少 %}{% checkbox times red checked, 叉 %}{% radio 纯文本测试 %}{% radio checked, 支持简单的 [markdown](https://guides.github.com/features/mastering-markdown/) 语法 %}{% radio red, 支持自定义颜色 %}{% radio green, 绿色 %}{% radio yellow, 黄色 %}{% radio cyan, 青色 %}{% radio blue, 蓝色 %} 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102<div class="checkbox"> <input type="checkbox" /> <p>纯文本测试</p></div><div class="checkbox checked"> <input type="checkbox" checked /> <p> 支持简单的 <a href="https://guides.github.com/features/mastering-markdown/" target="_blank" rel="noopener" >markdown</a > 语法 </p></div><div class="checkbox red"> <input type="checkbox" /> <p>支持自定义颜色</p></div><div class="checkbox green checked"> <input type="checkbox" checked /> <p>绿色 + 默认选中</p></div><div class="checkbox yellow checked"> <input type="checkbox" checked /> <p>黄色 + 默认选中</p></div><div class="checkbox cyan checked"> <input type="checkbox" checked /> <p>青色 + 默认选中</p></div><div class="checkbox blue checked"> <input type="checkbox" checked /> <p>蓝色 + 默认选中</p></div><div class="checkbox plus green checked"> <input type="checkbox" checked /> <p>增加</p></div><div class="checkbox minus yellow checked"> <input type="checkbox" checked /> <p>减少</p></div><div class="checkbox times red checked"> <input type="checkbox" checked /> <p>叉</p></div><div class="checkbox"> <input type="radio" /> <p>纯文本测试</p></div><div class="checkbox checked"> <input type="radio" checked /> <p> 支持简单的 <a href="https://guides.github.com/features/mastering-markdown/" target="_blank" rel="noopener" >markdown</a > 语法 </p></div><div class="checkbox red"> <input type="radio" /> <p>支持自定义颜色</p></div><div class="checkbox green"> <input type="radio" /> <p>绿色</p></div><div class="checkbox yellow"> <input type="radio" /> <p>黄色</p></div><div class="checkbox cyan"> <input type="radio" /> <p>青色</p></div><div class="checkbox blue"> <input type="radio" /> <p>蓝色</p></div> 纯文本测试 支持简单的 markdown 语法 支持自定义颜色 绿色 + 默认选中 黄色 + 默认选中 青色 + 默认选中 蓝色 + 默认选中 增加 减少 叉 纯文本测试 支持简单的 markdown 语法 支持自定义颜色 绿色 黄色 青色 蓝色 ### 富文本按钮 1234{% btns 样式参数 %}{% cell 标题, 链接, 图片或者图标 %}{% cell 标题, 链接, 图片或者图标 %}{% endbtns %} - 圆角样式 `rounded, circle` - 布局方式 默认为自动宽度，适合视野内只有一两个的情况。 | 参数 | 含义 | | :----: | :--------------------------------------: | | wide | 宽一点的按钮 | | fill | 填充布局，自动铺满至少一行，多了会换行。 | | center | 居中，按钮之间是固定间距。 | | around | 居中分散 | | grid2 | 等宽最多 2 列，屏幕变窄会适当减少列数。 | | grid3 | 等宽最多 3 列，屏幕变窄会适当减少列数。 | | grid4 | 等宽最多 4 列，屏幕变窄会适当减少列数。 | | grid5 | 等宽最多 5 列，屏幕变窄会适当减少列数。 | - 增加文字样式 可以在容器内增加`标题`和`描述文字` 123456789101112131415161718192021222324252627{% btns circle grid5 %}{% cell Dreamy.TZK, https://www.antmoe.com, https://cdn.jsdelivr.net/gh/sviptzk/HexoStaticFile@latest/avatar.jpg %}{% cell Dreamy.TZK, https://www.antmoe.com, https://cdn.jsdelivr.net/gh/sviptzk/HexoStaticFile@latest/avatar.jpg %}{% cell Dreamy.TZK, https://www.antmoe.com, https://cdn.jsdelivr.net/gh/sviptzk/HexoStaticFile@latest/avatar.jpg %}{% cell Dreamy.TZK, https://www.antmoe.com, https://cdn.jsdelivr.net/gh/sviptzk/HexoStaticFile@latest/avatar.jpg %}{% cell Dreamy.TZK, https://www.antmoe.com, https://cdn.jsdelivr.net/gh/sviptzk/HexoStaticFile@latest/avatar.jpg %}{% endbtns %}{% btns rounded grid5 %}{% cell 下载源码, /, fa fa-download %}{% cell 查看文档, /, fa fa-book %}{% endbtns %}{% btns circle center grid5 %}<a href='https://apps.apple.com/cn/app/heart-mate-pro-hrm-utility/id1463348922?ls=1'><i class='fa fa-apple'></i><b>心率管家</b>{% p red, 专业版 %}<img src='https://cdn.jsdelivr.net/gh/xaoxuu/cdn-assets/qrcode/heartmate_pro.png'></a><a href='https://apps.apple.com/cn/app/heart-mate-lite-hrm-utility/id1475747930?ls=1'><i class='fa fa-apple'></i><b>心率管家</b>{% p green, 免费版 %}<img src='https://cdn.jsdelivr.net/gh/xaoxuu/cdn-assets/qrcode/heartmate_lite.png'></a>{% endbtns %} Dreamy.TZK Dreamy.TZK Dreamy.TZK Dreamy.TZK Dreamy.TZK 下载源码 查看文档 心率管家 专业版 心率管家 免费版 Folding 123{% folding 参数（可选）, 标题 %}null{% endfolding %} 标题 null 参数位置可以填写颜色和状态，多个参数用空格隔开。 颜色 blue, cyan, green, yellow, red 状态 状态填写open代表默认打开。 123456789101112131415161718192021222324252627282930313233343536{% folding 查看图片测试 %}null{% endfolding %}{% folding cyan open, 查看默认打开的折叠框 %}这是一个默认打开的折叠框。{% endfolding %}{% folding green, 查看代码测试 %}{% endfolding %}{% folding yellow, 查看列表测试 %}- haha- hehe{% endfolding %}{% folding red, 查看嵌套测试 %}{% folding blue, 查看嵌套测试2 %}{% folding 查看嵌套测试3 %}hahaha <span><img src='https://cdn.jsdelivr.net/gh/xaoxuu/cdn-assets/emoji/tieba/%E6%BB%91%E7%A8%BD.png' style='height:24px'></span>{% endfolding %}{% endfolding %}{% endfolding %} 查看图片测试 null 查看默认打开的折叠框 这是一个默认打开的折叠框。 查看代码测试 查看列表测试 hahahehe 查看嵌套测试 查看嵌套测试2 查看嵌套测试3 hahaha Fancybox 1234{% fancybox 参数, 列数 %}nullnull{% endfancybox %} nullnull 对齐方向 left, center, right 缩放 stretch 列数 逗号后面直接写列数，支持 2 ～ 8 列。设定列列数之后就是「多行多图」布局，此时图片默认左对齐。为了避免图片大小不一，建议搭配stretch来时图片放大填充。 单张图片 12345678910111213141516<div class="gallery "> <p> <div class="fancybox"> <img src="https://cdn.jsdelivr.net/gh/xaoxuu/cdn-wallpaper/abstract/41F215B9-261F-48B4-80B5-4E86E165259E.jpeg" alt="图片描述"> <span class="image-caption"> 图片描述 </span> </div> </p></div><!-- TAG写法（不建议）{% fancybox %}null{% endfancybox %}--> 图片描述 一行多个图片（不换行） 123456789101112131415161718192021222324252627<div class="gallery "> <p> <div class="fancybox"> <img src="https://cdn.jsdelivr.net/gh/xaoxuu/cdn-wallpaper/abstract/B18FCBB3-67FD-48CC-B4F3-457BA145F17A.jpeg" alt="图片描述"> <span class="image-caption">图片描述</span> </div><br> <div class="fancybox"> <img src="https://cdn.jsdelivr.net/gh/xaoxuu/cdn-wallpaper/abstract/B18FCBB3-67FD-48CC-B4F3-457BA145F17A.jpeg" alt="图片描述"> <span class="image-caption">图片描述</span> </div><br> <div class="fancybox"> <img src="https://cdn.jsdelivr.net/gh/xaoxuu/cdn-wallpaper/abstract/B18FCBB3-67FD-48CC-B4F3-457BA145F17A.jpeg" alt="图片描述"> <span class="image-caption">图片描述</span> </div> </p></div><!-- TAG写法 不推荐{% fancybox %}nullnullnull{% endfancybox %}--> 图片描述 图片描述 图片描述 多行多个图片（每行 2 ～ 8 个图片） 12345678910{% fancybox stretch, 4 %}nullnullnullnullnullnullnullnull{% endfancybox %} nullnullnullnullnullnullnullnull 文章内音乐 Aplayer 123456789101112131415161718192021222324252627{% aplayerlist %}{ "narrow": false,// （可选）播放器袖珍风格 "autoplay": true,// （可选) 自动播放，移动端浏览器暂时不支持此功能 "mode": "random",// （可选）曲目循环类型，有 'random'（随机播放）, 'single' (单曲播放), 'circulation' (循环播放), 'order' (列表播放)， 默认：'circulation' "showlrc": 3,// （可选）歌词显示配置项，可选项有：1,2,3 "mutex": true,// （可选）该选项开启时，如果同页面有其他 aplayer 播放，该播放器会暂停 "theme": "#e6d0b2",// （可选）播放器风格色彩设置，默认：#b7daff "preload": "metadata",// （可选）音乐文件预载入模式，可选项： 'none' 'metadata' 'auto', 默认: 'auto' "listmaxheight": "513px",// (可选) 该播放列表的最大长度 "music": [ { "title": "CoCo", "author": "Jeff Williams", "url": "caffeine.mp3", "pic": "caffeine.jpeg", "lrc": "caffeine.txt" }, { "title": "アイロニ", "author": "鹿乃", "url": "irony.mp3", "pic": "irony.jpg" } ]}{% endaplayerlist %} 简单示例 1{% meting "60198" "netease" "playlist" %} 进阶示例 1{% meting "60198" "netease" "playlist" "autoplay" "mutex:false" "listmaxheight:340px" "preload:none" "theme:#ad7a86"%} Audio 1234567<audio controls="" preload="" __idm_id__="269361153"> <source src="http://music.163.com/song/media/outer/url?id=574566207.mp3" type="audio/mp3" /> Your browser does not support the audio tag.</audio> Your browser does not support the audio tag.","categories":[{"name":"博客","slug":"博客","permalink":"https://www.moelody.com/categories/%E5%8D%9A%E5%AE%A2/"},{"name":"Hexo","slug":"博客/Hexo","permalink":"https://www.moelody.com/categories/%E5%8D%9A%E5%AE%A2/Hexo/"}],"tags":[{"name":"hexo","slug":"hexo","permalink":"https://www.moelody.com/tags/hexo/"},{"name":"butterfly","slug":"butterfly","permalink":"https://www.moelody.com/tags/butterfly/"},{"name":"tags","slug":"tags","permalink":"https://www.moelody.com/tags/tags/"}]},{"title":"Front-matter","slug":"博客/Hexo/post-front-matter","date":"2020-06-25T13:27:16.000Z","updated":"2022-01-14T04:57:13.329Z","comments":false,"path":"posts/31e4c77c/","link":"","permalink":"https://www.moelody.com/posts/31e4c77c/","excerpt":"","text":"Post Front-matter 123456789101112131415161718192021222324---title:date:updated:tags:categories:keywords:description:top_img:comments：cover:toc:toc_number:auto_open:copyright:copyright_author:copyright_author_href:copyright_url:copyright_info:mathjax:katex:aplayer：highlight_shrink：--- 左对齐 右对齐 居中对齐 单元格 单元格 单元格 单元格 单元格 单元格 写法 解释 title 【必需】文章标题 date 【必需】文章创建日期 updated 【可选】文章更新日期 tags 【可选】文章标籤 categories 【可选】文章分类 keywords 【可选】文章关键字 description 【可选】文章描述 top_img 【可选】文章顶部图片 cover 【可选】文章缩略图(如果没有设置 top_img,文章页顶部将显示缩略图，可设为 false/图片地址/留空) comments 【可选】显示文章评论模块(默认 true) toc 【可选】显示文章 TOC(默认为设置中 toc 的 enable 配置) toc_number 【可选】显示 toc_number(默认为设置中 toc 的 number 配置) auto_open 【可选】是否自动打开 TOC(默认为设置中 toc 的 auto_open 配置) copyright 【可选】显示文章版权模块(默认为设置中 post_copyright 的 enable 配置) copyright_author 【可选】文章版权模块的文章作者 copyright_author_href 【可选】文章版权模块的文章作者链接 copyright_url 【可选】文章版权模块的文章连结链接 copyright_info 【可选】文章版权模块的版权声明文字 mathjax 【可选】显示 mathjax(当设置 mathjax 的 per_page: false 时，才需要配置，默认 false) katex 【可选】显示 katex(当设置 katex 的 per_page: false 时，才需要配置，默认 false) aplayer 【可选】在需要的页面加载 aplayer 的 js 和 css,请参考文章下面的音乐 配置 highlight_shrink 【可选】配置代码框是否展开(true/false)(默认为设置中 highlight_shrink 的配置)","categories":[{"name":"博客","slug":"博客","permalink":"https://www.moelody.com/categories/%E5%8D%9A%E5%AE%A2/"},{"name":"Hexo","slug":"博客/Hexo","permalink":"https://www.moelody.com/categories/%E5%8D%9A%E5%AE%A2/Hexo/"}],"tags":[{"name":"hexo","slug":"hexo","permalink":"https://www.moelody.com/tags/hexo/"},{"name":"butterfly","slug":"butterfly","permalink":"https://www.moelody.com/tags/butterfly/"},{"name":"front-matter","slug":"front-matter","permalink":"https://www.moelody.com/tags/front-matter/"}]}],"categories":[{"name":"AE","slug":"AE","permalink":"https://www.moelody.com/categories/AE/"},{"name":"脚本","slug":"AE/脚本","permalink":"https://www.moelody.com/categories/AE/%E8%84%9A%E6%9C%AC/"},{"name":"插件","slug":"AE/插件","permalink":"https://www.moelody.com/categories/AE/%E6%8F%92%E4%BB%B6/"},{"name":"软件","slug":"软件","permalink":"https://www.moelody.com/categories/%E8%BD%AF%E4%BB%B6/"},{"name":"Directory Opus","slug":"软件/Directory-Opus","permalink":"https://www.moelody.com/categories/%E8%BD%AF%E4%BB%B6/Directory-Opus/"},{"name":"博客","slug":"博客","permalink":"https://www.moelody.com/categories/%E5%8D%9A%E5%AE%A2/"},{"name":"Hexo","slug":"博客/Hexo","permalink":"https://www.moelody.com/categories/%E5%8D%9A%E5%AE%A2/Hexo/"},{"name":"笔记","slug":"笔记","permalink":"https://www.moelody.com/categories/%E7%AC%94%E8%AE%B0/"},{"name":"常用","slug":"笔记/常用","permalink":"https://www.moelody.com/categories/%E7%AC%94%E8%AE%B0/%E5%B8%B8%E7%94%A8/"},{"name":"ffmpeg","slug":"笔记/ffmpeg","permalink":"https://www.moelody.com/categories/%E7%AC%94%E8%AE%B0/ffmpeg/"}],"tags":[{"name":"自研","slug":"自研","permalink":"https://www.moelody.com/tags/%E8%87%AA%E7%A0%94/"},{"name":"CellFX","slug":"CellFX","permalink":"https://www.moelody.com/tags/CellFX/"},{"name":"QALap","slug":"QALap","permalink":"https://www.moelody.com/tags/QALap/"},{"name":"opus","slug":"opus","permalink":"https://www.moelody.com/tags/opus/"},{"name":"explorer","slug":"explorer","permalink":"https://www.moelody.com/tags/explorer/"},{"name":"hexo","slug":"hexo","permalink":"https://www.moelody.com/tags/hexo/"},{"name":"butterfly","slug":"butterfly","permalink":"https://www.moelody.com/tags/butterfly/"},{"name":"魔改","slug":"魔改","permalink":"https://www.moelody.com/tags/%E9%AD%94%E6%94%B9/"},{"name":"terminal","slug":"terminal","permalink":"https://www.moelody.com/tags/terminal/"},{"name":"cmd","slug":"cmd","permalink":"https://www.moelody.com/tags/cmd/"},{"name":"ffmpeg","slug":"ffmpeg","permalink":"https://www.moelody.com/tags/ffmpeg/"},{"name":"bat","slug":"bat","permalink":"https://www.moelody.com/tags/bat/"},{"name":"webm","slug":"webm","permalink":"https://www.moelody.com/tags/webm/"},{"name":"gif","slug":"gif","permalink":"https://www.moelody.com/tags/gif/"},{"name":"mp4","slug":"mp4","permalink":"https://www.moelody.com/tags/mp4/"},{"name":"button","slug":"button","permalink":"https://www.moelody.com/tags/button/"},{"name":"tags","slug":"tags","permalink":"https://www.moelody.com/tags/tags/"},{"name":"front-matter","slug":"front-matter","permalink":"https://www.moelody.com/tags/front-matter/"}]}