在20世纪六七十年代的冷战时期,美苏两个核大国都声称为了保卫自己的安全，而实行所谓核威慑战略，核军备竞赛不断升级。随着苏联的解体和冷战的结束，双方通过了一系列的核裁军协议，2010年4月8日,美国与俄罗斯领导人在捷克首都布拉格签署新的削减战略武器条约。根据这项新条约，美国和俄罗斯将在7年内将各自部署的战略核武器削减到不超过1550枚，并把各自的战略核武器运载工具削减到不超过700枚。在什么情况下双方的核军备竞赛不会无限扩张，而存在暂时的平衡状态。估计平衡状态下双方拥有的最少的核武器数量，这个数量受到哪些因素影响。当一方采取加强防御、提高武器精准度、发展多导弹等措施时，平衡状态会发生什么。注：核威慑表示互相确保毁灭达到双方确保安全，对方如果发动核战争对我先下手为强，再打击了我的核设施以后我还有足够的能力毁灭对方一次模型假设以双方的战略核导弹的存储量为，描述对方核军备的大小，假定双方采取相同的核威慑战略即确保毁灭战略：认为对方可能发起所谓的第一次核打击，即倾尽全部核导弹来攻击己方的核导弹基地己方在经受第一次核打击后，应存有足够的导弹，给对方的工业或者交通基地给予毁灭性的打击在实施核打击的时候，一个核导弹只能打击对方的一个核基地或者说是工业交通基地对这个基地的摧毁能力应该是存在一定比例的，即摧毁这个基地的可能性是常数，由一方的攻击精度和另一方的防御能力决定问题假设设甲、乙双方的核武器数目 ...继续阅读 (162)

统筹方法是运筹学的重要内容。所谓统筹，就是对工业、农业、科学研究等各项实际活动，进行统一筹划，合理安排，使得预订任务能有效的完成，例如完成最快，开支最省等。PERT网络——规划评审技术PERT网络——规划评审技术（Program Evaluation and Review Technique）一项任务通常可分成若干个独立的子任务，这些子任务称为工序。一般情况下，不同工序都存在先后顺序，每道工序所需的时间也未必相同。可用一个有向图来描述完成任务的过程：以一条有向边来表示一道工序，有向边上的权为此工序的（时间）长度；有向边的起点和终点分别表示相应工序的开工和完工时间结点，称为事项；前一工序的完工时间即为下一工序的开工时间。PERT网络是有向图$G(V,E)$：$V$中存在起始顶点$s$与终止顶点$t$；$G$中无有向回路；$ {\forall} v {\in} V - { {s,t} } $，$v$在某条从$s$到$t$的有向道路上。为方便叙述，引入几个参数：$ET_j$——结点$j$的最早可能实现时间，即$ES{ij}$——工序$(i,j)$的最早可能开始时间，即$ES{ij}=ET_i$$EF_{ij}$——工序$(i,j)$的最早可能结束时间，即例题求解一任务如下图，求完成在整个任务的最短时间。$ET1=0$，$ES{12}=ES{13}=ER_1=0$，$EF{12}=ET1+ ...继续阅读 (152)

最大流问题的典型例子有物流配送、输水管路等。比如:某地区的自来水供应是由地下的水管网路组成，两个地点之间由粗细不一的水管连接，粗水管的输水能力大，细水管的输水能力小，请规划一个合理的水量和管路组合，使得从水源地到目的地能够获得最大的水量。可行流$ (C{ij},X{ij}) $中$C{ij}{\geq}0$表示容量，$X{ij}$表示流量，也可以记作$f_{ij}$通过弧$(Vi,V_j)$流的数量称为流量，记作$X{ij}$所有弧上流量的集合${X_{ij}}$称为网络$D$的一个流，$X$标注了流量和容量的有向图称为流量图发点$V_s$：仅有出弧而无入弧收点$V_t$：仅有入弧而无出弧条件满足条件的流为可行流容量条件平衡条件发出点$V_s$的净输出量：$3+2+4=9$收点处$V_t$的净输入量：$6+3=9$增广链可行流$X$（有的用$f$表示）是最大流的充分必要条件是不存在从$V_s$到$V_t$的关于流$X$（或用$f$表示）的一条增广链。最大流求解（已给可行流）求解最大流就是争取将收点处的入流调整到最大值，但是不能随意的调整入流，因为每一个点进行调整时就会关系到其他点，所以需要可行的办法来进行求解，下面我们将使用Ford-Fulkerson方法进行求解最大流如图，我们起点是$V_s$，我们将点$V_s$设置为$(0,+{\infty})$，然后随意找一个与之相连的点，我 ...继续阅读 (150)

最近这几天开始准备数学建模比赛了，于是便接触到了许多的数学公式，俗话说好记性不如烂笔头于是我便想着开始写一些文章来记录自己的学习过程，刚好暑假搞了博客，便想着用博客来记录吧。上个学期末就用Typora来记录了自己的Leetcode学习，当时用的就是MathJax来编写数学公式，已经有点习惯于MathJax的语法了，便继续使用，但是在这两天编写时发现许多的数学公式在渲染的时候会出现许多的问题，总是会出现渲染失败的问题，于是便去网上找了下解决方案，终于在CSDN上找到了解决方案。教程更换渲染引擎12npmuninstallhexo-renderer-marked--savenpminstallhexo-renderer-kramed--save解决语义冲突问题其实我们的MathJax在渲染数学公式的时候，大部分是因为语义冲突导致渲染失败了，我们会发现明明是渲染公式的，文字并没有写入公式里面，公式没有被渲染文字反而被渲染了，其实这种情况一般就是语义发生了冲突。解决方案：进入node_modules\kramed\lib\rules\inline.js，修改如下两行12345- escape: /^\\([\\`*{}\[\]()#$+\-.!_>])/,+ escape: /^\\([`*\[\]()#$+\-.!_>])/...- em: /^\b_((?:_ ...继续阅读 (157)

哥尼斯堡七桥问题：从一个点出发经过每一条边只走一次回到起点。转化成图论问题，证实发现当一个点连接的边有偶数条时可以一笔画完（等同于从起点走完回到起点）。基础知识关联矩阵关联矩阵描述的是点和边之间的关系，一般点和边相连则矩阵上的数字不为$0$，反之则为$0$。对无向图$G$，其关联矩阵$M=(m{ij}){v×e}$，其中注：假设图为简单图则关联矩阵为横坐标表示点$v_1$, $v_2$ , $v_3$, $v_4$，纵坐标表示边$e_1$,$e_2$,$e_3$,$e_4$,$e_5$对有向图$G$，其关联矩阵 $M=(m{ij}){v×e}$，其中：邻接矩阵邻接矩阵描述的是点和点之间的关系，一般如果点和点之间有线连接，则矩阵上的数字不为$0$，反之为$0$。对无向图$G$，其关联矩阵 $A=(a{ij}){v×v}$，其中：则邻接矩阵为：横坐标表示点$v_1$,$v_2$,$v_3$,$v_4$，纵坐标也表示点$v_1$,$v_2$,$v_3$,$v_4$对有向图 $G=(V,E)$，其邻接矩阵 $A=(a{ij}){v×v}$，其中：对有向赋权图$G$，其邻接矩阵$A={(a{ij})}{v×v}$，其中：无向赋权图的临界矩阵可类似定义。Dijkstra算法用法求赋权图中给定点到任意一点的最短路径算法思想Dijkstra算法是基于贪心算法的，该算法每次保证在当前是最优解，在下一 ...继续阅读 (134)

最近发现Twikoo评论系统更新了，由于本人对任何一样东西都希望保持着最新版的习惯，于是便开始操作了本文主要针对采用Vercel部署方式更新，其他部署方式请参考Twikoo文档教程进入你的GitHub仓库，找到你的Twikoo评论仓库打开 package.json，点击编辑将 { “dependencies”: { “twikoo-vercel”: “x.x.x” } } 其中的版本号"x.x.x"修改为最新版本号。点击 Commit changes回到你的博客，打开themes/butterfly/plugins.yml文件，找到1234twikoo:name:twikoofile:dist/twikoo.all.min.jsversion:1.6.5修改version对于的版本号，需要和你在GitHub填写的版本号一致最后三连就可以看到效果啦参考Twikoo文档 ...继续阅读 (126)

来源Friend Link Card Beautify，本文仅为记录魔改过程查看效果魔改步骤修改[Blogroot]\themes\butterfly\layout\includes\page\flink.pug,此处添加判断机制，使得可以通过修改配置文件来切换友链风格。同时为了方便管理，把各个友链样式放到新建的文件目录[Blogroot]\themes\butterfly\layout\includes\page\flink_style下。flink.pugbutterfly.pugvolantis.pugflexcard.pug修改[Blogroot]\themes\butterfly\layout\includes\page\flink.pug，全部内容替换为：1234567case theme.flink_stylewhen 'volantis'include ./flink_style/volantis.pugwhen 'flexcard'include ./flink_style/flexcard.pugdefaultinclude ./flink_style/butterfly.pug新建[Blogroot]\themes\butterfly\layout\includes\page\flink_style\butterfly. ...继续阅读 (148)

有趣的灵魂永远不会被世俗的潮水淹没，它只会在浪潮汹涌时更加熠熠生辉。——来自b站人生的意义，在于承担人生无意义的勇气。如果你一直在找人生的意义，你永远不会生活。——加缪音乐就像宗教，给了我信仰，却改变不了现实。——B站评论故事就像标本一样，眼前是美丽的假象，却已经死亡我被困在这方寸之地，尽管可以眺望远方，但好像，也仅限于此。喝100杯奶茶来99个拥抱看98场日落要97次接吻拍96张照片买95朵玫瑰去94家餐馆看93次大海走92条小巷打91次雨伞要90场牵手种89个草莓盖88次被子递87杯温水热86次剩饭看85次电影做84顿午饭切83个水果吃82次甜品喝81次暖茶要80次拥抱吃79遍烧烤烤78次肉串涮77次火锅来76次海鲜吃75种小吃参74场晚宴喝73杯喜酒吃72次西餐尝71颗糖果给你70枚吻荡69遍秋千看68次日出躺67次草地看66次星空闻65次头发抱64次肩膀吻63次脸颊亲62次锁骨咬61次耳朵有60次相拥看59场鬼片去58个城市吃57桶米花逛56个商厦打55次的士坐54次公交等53次地铁开52次自驾站51遍路灯睡50次怀里去49个鬼屋看48场表演逗47只动物坐46次飞车玩45次激流滑44次滑梯坐43次飞椅转42次陀螺吊41次吊索吃40次小吃捂39次肚子揉38次肩膀捶37次后背捏36次小腿暖35次脚丫摸34次脑袋撮33次肋骨挠32次手心逗31场大笑要30次拥吻放29个气球钓28只 ...继续阅读 (144)

Markdown 是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档。Markdown 语言在 2004 由约翰·格鲁伯（英语：John Gruber）创建。Markdown 编写的文档可以导出 HTML 、Word、图像、PDF、Epub 等多种格式的文档。Markdown 编写的文档后缀为.md,.markdown。Markdown应用Markdown 能被使用来撰写电子书，如：Gitbook。当前许多网站都广泛使用 Markdown 来撰写帮助文档或是用于论坛上发表消息。例如：GitHub、简书、reddit、Diaspora、Stack Exchange、OpenStreetMap 、SourceForge等。Markdown基础标题使用#号标记使用#号可表示 1-6 级标题，一级标题对应一个#号，二级标题对应两个#号，以此类推。123456# 一级标题## 二级标题### 三级标题#### 四级标题##### 五级标题###### 六级标题显示效果如下图：段落Markdown 段落没有特殊的格式，直接编写文字就好，段落的换行是使用两个以上空格加上回车。当然也可以在段落后面使用一个空行来表示重新开始一个段落。字体123456*斜体文本*_斜体文本_**粗体文本**__粗体文本__***粗斜体文本***___粗斜体文本___显示效果如下所示：斜体文本斜体文本粗体 ...继续阅读 (164)

github徽标可以直接通过shields.io在线生成。理论上可以放在页面的任何地方。教程案例是添加在页脚。工具网站包括：徽标生成网站:shields图标查询网站:simpleiconshtml压缩网站:htmlpack转义字符查询具体步骤通过shields.io在线生成。label:标签，徽标左侧内容message:信息，徽标右侧内容color:色值,支持支持十六进制、rgb、rgba、hsl、hsla和 css 命名颜色。十六进制记得删除前面的#号输入相关信息后，点击make badge即可得到徽标的URL。可以用img标签引用，写法简单。不过正式写法建议用object标签引用，写法示例如下。123456label=Frame，Message=Hexo，color=bluehttps://img.shields.io/badge/Frame-Hexo-blue在页面上可以使用img标签来引用部分属性例如link需要用object标签来引用拓展写法示例填写说明示例源码样式示例仅仅如此肯定是不能令人满意的，还可以继续添加样式。shields.io提供直接在URL内添加样式属性的功能。使用?引用，使用&连接各属性。属性说明示例style徽标样式，默认提供了五种样式： plastic,flat,flat-square, for-the-badge,social?style=flat- ...继续阅读 (145)

下述文件位置主要针对Butterfly主题，其他主题请自行修改！！！教程新建[BlogSource]/themes/butterfly/scripts/helpers/random.js文件：1234567891011hexo.extend.generator.register('random',function(locals) {constconfig = hexo.config.random|| {}constposts = []for(constpostoflocals.posts.data) {if(post.random!==false) posts.push(post.path)}return{path: config.path||'random/index.html',data:`var posts=${JSON.stringify(posts)};window.open('/'+posts[Math.floor(Math.random() * posts.length)],"_self")`}})在你想要的位置引用/random/index.html即可新版教程新建themes/butterfly/scrip ...继续阅读 (157)

具体效果可以参考如下教程安装插件,在博客根目录[Blogroot]下打开终端，运行以下指令：1npm install --save hexo-generator-feed添加配置信息，以下为写法示例在站点配置文件_config.yml中添加12345678910# Extensions## Plugins: http://hexo.io/plugins/#RSS订阅plugin:-hexo-generator-feed#Feed Atomfeed:type:atompath:atom.xmllimit:20选择在导航栏添加或者个人信息栏添加个人信息栏添加导航栏添加在_config.butterfly.yml文件中添加12345# social settings (社交图标设置)# formal:# icon: link || the descriptionsocial:+fas fa-rss:/atom.xml||RSS1234567# Main menu navigation (导航目录)# see https://butterfly.js.org/posts/4aa8abbe/#导航菜单# --------------------------------------menu:主页:/||fasfa-homeRSS:/atom.xml||fasfa-rss最后hexo三连就可 ...继续阅读 (143)

具体效果如下步骤新建[BlogRoot]/themes/butterfly/layout/includes/right-menu/right-menu.pug文件：12345678910111213141516171819202122232425262728293031#rightMenu.rightMenu-group.rightMenu-small.rightMenu-item#menu-backwardi.fa-solid.fa-arrow-left.rightMenu-item#menu-forwardi.fa-solid.fa-arrow-right.rightMenu-item#menu-refreshi.fa-solid.fa-arrow-rotate-right.rightMenu-item#menu-homei.fa-solid.fa-house.rightMenu-group.rightMenu-line.rightMenuOthera.rightMenu-item.menu-link(href='/archives/')i.fa-solid.fa-archivespan='文章归档'a.rightMenu-item.menu-link(href='/categories/')i.fa-solid.fa ...继续阅读 (121)

具体效果可以参考下面的图片样式安装安装插件,在博客根目录[Blogroot]下打开终端，运行以下指令：1npm install hexo-filter-gitcalendar --save添加配置信息，以下为写法示例在站点配置文件_config.yml或者主题配置文件如_config.butterfly.yml中添加：1234567891011121314151617181920212223242526272829303132333435363738# hexo-filter-gitcalendar# see https://akilar.top/posts/1f9c68c9/gitcalendar:enable:true# 开关priority:5#过滤器优先权enable_page:/# 应用页面# butterfly挂载容器layout:# 挂载容器类型type:idname:recent-postsindex:0# volantis挂载容器# layout:# type: class# name: l_main# index: 0# matery挂载容器# layout:# type: id# name: indexCard# index: 0# mengd挂载容器# layout:# type: class# name: content# ...继续阅读 (106)

本文只保留了博主可能需要使用的标签外挂，所有的外挂标签请查看Akilarの糖果屋。引用站外地址外挂标签Akilarの糖果屋行内文本样式 text标签语法样式预览示例源码123456{% u 文本内容 %}{% emp 文本内容 %}{% wavy 文本内容 %}{% del 文本内容 %}{% kbd 文本内容 %}{% psw 文本内容 %}带下划线的文本带 着重号 的文本带 波浪线 的文本带删除线的文本键盘样式的文本command+D密码样式的文本：这里没有验证码1234561.带 {% u 下划线 %} 的文本2.带 {% emp 着重号 %} 的文本3.带 {% wavy 波浪线 %} 的文本4.带 {% del 删除线 %} 的文本5.键盘样式的文本 {% kbd command %} + {% kbd D %}6.密码样式的文本：{% psw 这里没有验证码 %}引用 note最新版butterfly标签支持引用fontawesome V5图标，效果上已经优于volantis的note标签。故不再额外引入volan ...继续阅读 (152)

本文是转载文章，参考自Akilar点击查看参考教程参考方向教程原贴gulp官方文档，用于查找API用法及查看已收录的gulp插件gulp.js中文文档参考了Gulp压缩的基本方案Butterfly主题文档-Gulp压缩参考了gulp的优化方案卓越科技-如何优化博客参考了小魏找到的字体压缩方案小魏-fontmin&&hexo; 字体压缩gulp-fontmin的使用文档gulp-fontmin写在最前gulp能够帮助用户自动压缩静态资源，配合各类下属插件，能够压缩包括css、js、html乃至各类格式的图片文件。（图片文件的压缩往往只能节省几十KB，效果远远不如imagine、tinypng等压缩方式，所以此处不再写使用gulp压缩图片的内容）。配置教程安装Gulp插件：在博客根目录[Blogroot]打开终端，输入：12npm install --global gulp-cli#全局安装gulp指令集npm install gulp --save#安装gulp插件安装各个下属插件以实现对各类静态资源的压缩。压缩HTML：123npm install gulp-htmlclean --save-devnpm install gulp-html-minifier-terser --save-dev# 用gulp-html-minifier-terser可以压缩HTML中的ES6语法压缩 ...继续阅读 (170)

本文主要转载自Akilar点击查看参考教程参考方向教程原贴动画样式依赖animate.csswowjs文档wowjs插件化版本（推荐）点击查看参考教程安装插件,在博客根目录[Blogroot]下打开终端，运行以下指令：1npm install hexo-butterfly-wowjs --save添加配置信息，以下为写法示例在站点配置文件_config.yml或者主题配置文件_config.butterfly.yml中添加：12345678910111213141516wowjs:enable:true#控制动画开关。true是打开，false是关闭priority:10#过滤器优先级mobile:false#移动端是否启用，默认移动端禁用animateitem:-class:recent-post-item#必填项，需要添加动画的元素的classstyle:animate__zoomIn#必填项，需要添加的动画duration:2s#选填项，动画持续时间，单位可以是ms也可以是s。例如3s，700ms。delay:1s#选填项，动画开始的延迟时间，单位可以是ms也可以是s。例如3s，700ms。offset:100#选填项，开始动画的距离（相对浏览器底部）iteration:2#选填项，动画重复的次数-class:card-widgetstyle:animate__zoomIna ...继续阅读 (185)

最近看到Heo博客，发现了许多的两点，于是便去查找各种偏爱的地方，想着去实现它。偶然看到加载的时候，网页最上面会出现加载条便想着去实现它。查看效果具体效果查看本站魔改教程基础版引入css本地css（可以修改进度条样式，推荐）外部链接css新建[BlogRoot]themes/butterfly/source/css/custom/progress_bar.css：123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127/* This is a compiled file, you should be editing the file in the templates directory */.pace{-webkit-pointer-events: none;pointer-events: ...继续阅读 (144)

可以通过将index_img设置成false使得首页图消失风车标题，文章置顶引用站外地址文章页H1-H6样式修改Guo Le将[BlogSource]/themes/butterfly/source/css/custom/下面的所有css文件在[BlogSource]themes/butterfly/source/css/index.styl处进行：1@import'custom/*.css'这样一来，每个魔改方案的CSS依然可以在独立的CSS文件中找到并修改（如果是手动添加整合的话，只能用注释分割，显然很不利于后续查找修改），而在每次提交时，运行hexo g的过程中就会将所有CSS文件都整合到index.css，并且不用自己去inject啦更改Twikoo评论区样式，在自定义样式文件引入即可12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511 ...继续阅读 (111)

使用了 hexo-butterfly-swiper 插件，可本站首页预览效果。点击查看效果魔改教程安装 hexo-butterfly-swiper 插件1npm install hexo-butterfly-swiper --save配置插件12345678910111213141516171819swiper:enable:true# 开关priority:5#过滤器优先权enable_page:/# 应用页面exclude:#屏蔽页面# - /posts/# - /about/timemode:date#date/updatedlayout:# 挂载容器类型type:idname:recent-postsindex:0error_img:/img/default.png#封面图片加载失败的默认封面insertposition:afterbegindefault_descr:再怎么看我也不知道怎么描述它的啦！swiper_css:https://unpkg.zhimg.com/hexo-butterfly-swiper/lib/swiper.min.css#swiper css依赖swiper_js:https://unpkg.zhimg.com/hexo-butterfly-swiper/lib/swiper.min.js#swiper js依赖custom_css:https ...继续阅读 (175)

看了那么多的博客，发现对导航栏居中有着独特的偏爱，于是便有了这篇！查看效果魔改教程自定义css（推荐，店主采用的方案）修改源码方式新建 themes/butterfly/source/css/custom/menu_center.css 文件：12345678/* 一级菜单居中 */#nav.menus_items{/* display: inline; 这个带不带都可以，本来就是inline */position: absolute;width: fit-content;left:50%;transform:translateX(-50%);}思路：其实如果单纯的使导航栏居中，是很简单的事情，我们只需要让他绝对定位，然后让他距离左边50%，然后再往左移动自身的50%即可实现。修改 themes\butterfly\source\css_layout\head.styl 文件：123456789.menus_itemsdisplay: inline// 修改导航栏居中，搜索居右+ position: absolute+ width: 600px //width长度根据自己菜单栏的长度来调整+ text-align: center+ left: 0+ right: 0+ margin: auto上述css样式方案复制于Heo。子菜单居中引 ...继续阅读 (151)

本文教程主要针对Hexo Butterfly主题博客，在Butterfly主题中，文章标签页和标签侧边栏都有文章标签的词云图 但仅仅用字体大小表示某个标签下的文章数量是不明显的，可以在这个基础上加上表示某个标签下文章数的上下标，其中表示上标，表示下标。魔改教程打开\themes \butterfly\layout\includes\page\tags.pug文件和themes\butterfly\layout\includes \widget\card_tags.pug文件，发现绘制彩色标签云都是使用了cloudTags函数。另外一个绘制标签云的 函数是hexo自带的，有兴趣的可以到\node_modules\hexo\lib\plugins \helper\tagcloud.js研究，这里不多介绍。搜索cloudTags函数，可以在\themes \butterfly\scripts \helpers\page.js找到绘制标签云的代码，增加${tag.length}< / sup>或${tag.length}可绘制表示标签文章数的上下标。123456789101112131415161718192021222324252627282930313233hexo.extend.helper.register('cloudTags&# ...继续阅读 (141)

本文将介绍如何增添随机诗词的展示。之前在很多主题中见过这类设置，正好最近想在站点添加一个关于笔者页面，想着内容太过空洞，于是就把随机诗词搬了过来。查看效果刷新页面会有变化哟！！！魔改教程输入命令hexo n page “XXX”在\source文件夹下新建一个XXX文件夹（名字自定义，也可以放在你想放的任何页面）进入XXX文件夹，编辑index.md文件，添加如下代码：12345678910111213141516念两句诗挑选中...jinrishici.load(function(result) {poem.innerHTML= result.data.content;info.innerHTML='【'+ result.data.origin.dynasty+'】'+ result.data.origin.author+'《'+ result.data.origin.title+'》';document.getElementById("poem").value;document.getElementById("info").value;});新建\themes\butterfly\source\css\custom\poem.css：12345678910111213141516 ...继续阅读 (174)

具体效果如下：效果预览魔改教程新建[BlogRoot]\themes\butterfly\source\js\custom\cheesy_pick-up_lines.js123456789101112131415functioncheesy_pick_up_lines() {lethtml ="";for(leti =0; i <3; i++) {fetch("https://api.vvhan.com/api/love").then((data) =>data.text()).then((data) =>{html +=""+ data +"";document.querySelector("#cheesy_pick-up_lines-container").innerHTML=html;}).catch(function(error) {console.log(error);});}}新建[BlogRoot]\themes\butterfly\layout\includes\widget\card_cheesy_pick-up_lines.pug12345678910.card-widget.card-cheesy_pick-up_lines.card-content.item-headlinei. ...继续阅读 (149)

本教程是基于Butterfly官网教程进行详细讲解，若有不明之处，可以查看原教程。搜索系统基于hexo-algoliasearch的搜索本地搜索（极力推荐）此搜索是博主最喜爱的一种了，它不是本地搜索，又可以实现搜索显示文章的内容，不像hexo-algolia搜索出来的结果只能显示文章标题下载安装hexo-algoliasearch1npm install hexo-algoliasearch --save在_config.yml文件中添加如下内容123456789101112131415algolia:appId:"Z7A3XW4R2I"apiKey:"12db1ad54372045549ef465881c17e743"adminApiKey:"40321c7c207e7f73b63a19aa24c4761b"chunkSize:5000indexName:"my-hexo-blog"fields:-content:strip:truncate,0,500-excerpt:strip-gallery-permalink-photos-slug-tags-title参考Butterfly官方文档即可 ...继续阅读 (113)

此文章转载自Akilarの糖果屋魔改步骤修改[Blogroot]\themes\butterfly\layout\includes\loading\loading.pug，本教程算上默认的旋转盒子加载动画，一共提供7种款式，读者可以根据代码结构自行改写移除不需要的内容。12345678if theme.preloader.enablecase theme.preloader.load_stylewhen 'wizard'include ./load_style/wizard.pugwhen 'image'include ./load_style/image.pugdefaultinclude ./load_style/default.pug此处第一行的if用于判断preloader功能是否打开。下面的case和when则是根据配置项的内容加载指定的页面元素。default表示默认使用butterfly自带的旋转盒子动画。新建动画结构模板存放的文件夹，如无特别提示，所有动画模板均存放在[Blogroot]\themes\butterfly\layout\includes\loading\load_style\目录下defaultimagewizard新建[Blogroot]\themes\butterfly\layout\includes\lo ...继续阅读 (172)

这里收录了大部分的表情，可以直接使用到你想使用的地方，欢迎做出补充。表情与情感表情名称表情名称表情名称😀嘿嘿😃哈哈😄大笑😁嘻嘻😆斜眼笑😅苦笑🤣笑得满地打滚😂笑哭了🙂呵呵🙃倒脸😉眨眼😊羞涩微笑😇微笑天使🥰喜笑颜开😍花痴🤩好崇拜哦😘飞吻😗亲亲☺️微笑😚羞涩亲亲😙微笑亲亲😋好吃😛吐舌😜单眼吐舌🤪滑稽😝眯眼吐舌🤑发财🤗抱抱🤭不说🤫安静的脸🤔想一想🤐闭嘴🤨挑眉😐冷漠😑无语😶沉默😏得意😒不高兴🙄翻白眼😬龇牙咧嘴🤥说谎😌松了口气😔沉思😪困🤤流口水😴睡着了😷感冒🤒发烧🤕受伤🤢恶心🤮呕吐🤧打喷嚏🥵脸发烧🥶冷脸🥴头昏眼花😵晕头转向🤯爆炸头🤠牛仔帽脸🥳聚会笑脸😎墨镜笑脸🤓书呆子脸🧐带单片眼镜的脸😕困扰😟担心🙁微微不满☹️不满😮吃惊😯缄默😲震惊😳脸红🥺恳求的脸😦啊😧极度痛苦😨害怕😰冷汗😥失望但如释重负😢哭😭放声大哭😱吓死了😖困惑😣痛苦😞失望😓汗😩累死了😫累🥱打呵欠😤傲慢😡怒火中烧😠生气🤬嘴上有符号的脸😈恶魔微笑👿生气的恶魔💀头骨☠️骷髅💩大便🤡小丑脸👹食人魔👺小妖精👻鬼👽外星人👾外星怪物🤖机器人😺大笑的猫😸微笑的猫😹笑出眼泪的猫😻花痴的猫😼奸笑的猫😽亲亲猫🙀疲倦的猫😿哭泣的猫😾生气的猫🙈非礼勿视🙉非礼勿听🙊非礼勿言💋唇印💌情书💘心中箭了💝系有缎带的心💖闪亮的心💗搏动的心💓心跳💞舞动的心💕两颗心💟心型装饰❣️心叹号💔心碎❤️红心🧡橙心💛黄心💚绿心💙蓝心💜紫心🤎棕心🖤黑心🤍白心💯一百分💢怒💥爆炸💫头晕💦汗滴💨 ...继续阅读 (148)

参考自Akilarの糖果屋的Archive Beautify，本文仅为记录魔改过程步骤custom目录若没有需要自己新建在[Blogroot]\themes\butterfly\scripts\custom\目录下新建animals_timeline_year.js，并在[Blogroot]\themes\butterfly\scripts\custom\animals_timeline_year.js中输入以下内容：123456789101112131415161718hexo.extend.helper.register('getAnimalIcon',function(year) {varindex =parseInt(year) %12;varicon = {0:'icon-monkey',1:'icon-rooster',2:'icon-dog',3:'icon-boar',4:'icon-rat',5:'icon-ox',6:'icon-tiger',7:'icon-rabbit',8:'icon-dragon',9:'icon-snake&# ...继续阅读 (151)

此文章来自Akilarの糖果屋插件版配置教程插件版教程安装插件,在博客根目录[Blogroot]下打开终端，运行以下指令：1npm install hexo-butterfly-categories-card --save添加配置信息，以下为写法示例在站点配置文件_config.yml或者主题配置文件_config.butterfly.yml中添加1234567891011121314151617181920212223242526# hexo-butterfly-categories-card# see https://akilar.top/posts/a9131002/categoryBar:enable:true# 开关priority:5#过滤器优先权enable_page:/# 应用页面layout:# 挂载容器类型type:idname:recent-postsindex:0column:odd# odd：3列 | even：4列row:1#显示行数，默认两行，超过行数切换为滚动显示message:-descr:Ubuntu指南cover:https://npm.elemecdn.com/akilar-candyassets/image/cover1.webp-descr:玩转Win10cover:https://npm.elemecdn.com/akilar-cand ...继续阅读 (161)

白天黑夜转换动画点击查看白天黑夜切换动画教程custom文件夹若没有需要自己新建，以后新建的文件可以放置此处新建[Blogroot]\themes\butterfly\layout\includes\custom\sun_moon.pug,这部分其实实质上就是一个svg文件，通过js操作它的旋转显隐，淡入淡出实现动画效果。123456789svg(aria-hidden='true', style='position:absolute; overflow:hidden; width:0; height:0')symbol#icon-sun(viewBox='0 0 1024 1024')path(d='M960 512l-128 128v192h-192l-128 128-128-128H192v-192l-128-128 128-128V192h192l128-128 128 128h192v192z', fill='#FFD878', p-id='8420')path(d='M736 512a224 224 0 1 0-448 0 224 224 0 1 0 448 0z', fill='#FFE4A9', p-id=& ...继续阅读 (154)