说起404界面，其实在很久以前就想搞了，但是对于那时候的我来说，对主题还不是很了解，每次想改源码的时候，就会出现了一堆的报错，然后就是回退不了了之了。目前我主题的魔改基本上都来源于Heo的设计，由于本人学过点前端，所以基本的东西了解点，但就是写不来CSS，所以样式这方面就…在前短时间就有小伙伴在评论区指出希望我可以出一期404界面的魔改。其实好多魔改我都不怎么愿意出的，因为不是自己设计的（不好意思）。但是想了下，其实这个就算做是分享吧（坏笑）。那么就让我们开始吧！修改源码由于需要在404界面添加推荐的文章，那么我们就需要修改源码了，对于修改源码出现了报错等现象，不要惊奇，我们的版本可能不一致我也没有办法了，但是基本上是可以实现的。修改themes/pottery/layout/includes/404.pug文件，直接将整个复制进去，替换原来的12345678910111213141516171819202122232425262728293031323334353637- var top_img = theme.error_404.background || theme.default_top_img- var bg_img = `background-image: url('${url_for(top_img)}')`#body-wrap ...继续阅读 (59)

用了这么久的Butterfly主题了，也对这个主题有了一定的了解了，随着使用的次数增加，对它的要求也就越来越高了，看到别人好多的新功能，就想着自己也应该做些让自己方便的事情了。毕竟博客就是为了方便自己（记笔记、回顾知识等），所以就想着有些自定义的页面，这样自己网站也不会太单调。这篇教程就是针对Butterfly主题如何实现自定义页面的。详解首先，我们需要了解Butterfly主题是怎么识别不同的页面的。当然，你得了解一点点前端的东西，其实就不难理解主题中的每一个文件的作用了。一开始我们是不是不太明白为什么创建友链的时候创建link页面的时候需要加上type: "link"。其实这个就是告诉主题我们这个页面是特殊的页面。打开themes/butterfly/layout/page.pug文件，12345678910111213141516171819202122extends includes/layout.pugblock content#pageif top_img === falseh1.page-title= page.titlecase page.typewhen 'tags'include includes/page/tags.pugwhen 'link'include includes/page/flink.pugwhen &#x ...继续阅读 (59)

已经好久没有更新文章了，鸽了这么久，打算写一篇关于主题的文章吧。正如大家看到，我的页脚是可以实现随机访问一个友链的，其实实现这个功能挺简单的，主要就是读取友链yml文件，将其放入map中，然后每次随机取一个出来就可以了。虽然听起来很简单，但是毕竟好多人不太了解Hexo中自带的函数，所以在实现的时候还是比较困难的，当然这个也不是我自己写的，文章最后会说到。接下来让我们看下实现思路。添加函数在主题下helpers中新建random.js文件，也就是themes/butterfly/scripts/helpers中新建random.js文件123456789101112131415/*** 随机友链*/hexo.extend.filter.register('after_render:html',function(data) {constflinks = []// 获取所有友链链接hexo.locals.get('data').link.map(function(list) {list.link_list.map(function(flink) {flinks.push(flink.link)})})// 随机获取一个友链data +=`var flinks=${JSON.stringif ...继续阅读 (51)

如果你已经看过我以前写的右键菜单功能了，那么这篇教程在食用的时候将会变得十分简单。具体效果自行右键查看。由于本教程需要修改的地方较多，集成度较高，可以自行选择其中部分功能，本教程代码资源来自Heo。步骤新建themes/butterfly/source/custom/rightmenu.js1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871 ...继续阅读 (84)

最近在研究自己的博客的时候，发现自己大部分的资源使用的都是Tianli提供的cdn，一直使用他人的东西总感觉有点不好，所以查了下，发现可以自己发包到npm，这样子就可以使用自己的资源啦，不过有时候不稳定，不过反正是白嫖的，要求就不要那么高啦。注册注册这种东西，说实话只要玩过电脑，注册过一些网站应该都会，这里就不做介绍了吧（其实就是我比较懒！）。注意：jsDelivr+npm 有 100MB 包大小限制发包流程当你注册好了之后就是直接使用啦，还是比较简单的。新建一个文件夹，里面放你需要上传的所有资源文件，新建的文件夹名字随意，这个与后续的发包名字没有任何的关系，只要自己了解就可以了。在新建的文件夹里面使用git bash打开。初始化一个npm仓库1npminit使用如下命令发布。1npmpublish接下来就会让你配置各种信息了，基本信息如下。123456789101112131415161718#npm包名称package name:sarakale-assets#版本号version:1.0.0#描述，可以不写description:我的个人仓库#入口点，默认即可entry point:#测试命令，默认即可test command:#关联的github仓库，也可以不写git repository:#关键词，也可以不写keywords:#作者名author:sarakale#许可证 ...继续阅读 (57)

最近有许多的小伙伴们在魔改的时候发现有的根据教程来并不能形成和博主一样的样式，确实，博主可能比较忙，也比较懒，在写文章的时候，有的样式可能没有说清楚，甚至是直接让大家自己去取，确实不好。于是在这里写一篇文章关于如何正确魔改。开始首先，大家可能发现，博主好多文章都是没有给出样式文件，就算给出了也是缺少了真正的样式，因为博主采用的是变量，所以可能就需要大家自己获取（确实，对于一般人来说都太麻烦了）所以从今天起将文章的样式直接放在文章上，便于大家知晓。123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161 ...继续阅读 (65)

看到了那么多好看的导航栏，感觉Heo的非常的好看，一开始想直接f12取到，但是发现怎么都实现不了，甚至导航栏直接寄了（应该是f12的技能有待提示吧）。没办法，后来也发现了类似的导航栏，借鉴了Eurkon的博客，两者十分的接近，并且实现了。刚好最近有人问导航栏怎么实现的，那么就开始吧！教程修改themes/butterfly/layout/includes/header/nav.pug，直接全部覆盖123456789101112131415161718192021222324252627282930nav#nav#nav-groupspan#blog_namea#site-name(href="/" title="返回博客主页")span JAYHRNspan#page_namea#page-name-text(title=_p("rightside.back_to_top") onclick="btf.scrollToDest(0,500)")span #[=config.title]#menus!=partial('includes/header/menu_item', {}, {cache: true})#hotkeyif (theme.algolia_search.enable || theme.local_sear ...继续阅读 (74)

最近有小伙伴问到能不能出下关于页脚美化的教程，最近忙于数学建模，没有时间，这不今天搞完了，可以继续写写这方面的东西。总的来说，其实这些美化都不是自己的想法（艺术细胞少了），大多数的样式什么的都来自张洪Heo，我感觉他设计的样式十分符合我的审美。本博客基本上就是参照他的博客进行修改的。对于页脚的美化，我基本上全是按照他的来的。教程对于页脚主要的文件在themes/butterfly/layout/includes/footer.pug里面，如果大家想自行魔改的话，完全对这个文件内容进行修改就可以了。页脚的样式大家可以参考本博客就可以了。修改themes/butterfly/layout/includes/footer.pug文件1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677#footer_deala.deal_link(href="" title="mail")i.iconfont.icon-maila.deal_link(href="" title="qq" target="_blank")i.iconfont.icon-qq1a.deal_ ...继续阅读 (59)

前一段时间就看到了即刻短文 | 张洪Heo，一直以来想要有这种可以发一句话的地方，配置过小康的，但是奈何总是卡在分支那一步，总是报错，问过其他人发现都是按照教程就可以配置好，由于这是静态，可能每次发一两句话就要重新部署，对于某些人来说可能不太方便，如果需要可以参照KK Api进行部署，按照文档走基本不会有任何问题。当然这是一篇关于即刻短文的教程，不会就这么结束了，如果你也想拥有Heo版的即刻短文，可以参考如下教程，原教程来自Hexo的Butterfly魔改：即刻短文静态部署版 | 张洪Heo (zhheo.com)，本教程基于原教程进行补充。效果具体效果可以查看即刻短文 |JayHrn - 分享科技与热爱生活魔改步骤创建基本示例数据创建source/_data/essay.yml，内容可以参考如下写法123456789101112-class_name:即刻短文essay_list:-content:用了Heo的即刻短文，很舒服date:2022-08-13-content:Markdown教程推出date:2022-08-12image:https://pic.rmb.bdstatic.com/bjh/965866510655a628f2c37b93846520a93213.png-content:现在即刻短文已经纯本地化部署完成，不再依赖任何第三方服务了date:2022-08 ...继续阅读 (66)

With the development of science and technology, more and more new things appear in front of us, and computers and mobile phones are becoming more and more popular. People are inseparable from the use of computers and mobile phones almost every day. When using these electronic devices, it is unavoidable to use software. This software is developed by software developers using programming languages.Today’s programming languages are becoming more and more diverse, from the machine language at the beginning to the high-level language, from the C language to the Python, GO, etc., these languages are ...继续阅读 (63)

记录关于历年来全国大学生数学建模试题考点2021年—A题二分法，非线性最小二乘，BFGS算法，蒙特卡洛积分2021年—B题问题一：对附件 1 中每种催化剂组合，分别研究乙醇转化率、C4 烯烃的选择性与温度的关系，并对附件 2 中 350 度时给定的催化剂组合在一次实验不同时间的测试结果进行分析。求解方法：回归分析（建议）采用线性回归或非线性回归，画出点拟合出曲线函数相关性分析（温度并不是具有代表性的指标）问题二：探讨不同催化剂组合及温度对乙醇转化率以及 C4 烯烃选择性大小的影响。求解方法：在第一题的基础上，采用控制变量的方法进行求解，根据催化剂成分引起的变化进行线性及非线性的方程构建问题三：如何选择催化剂组合与温度，使得在相同实验条件下C4 烯烃收率尽可能高。若使温度低于 350 度，又如何选择催化剂组合与温度，使得 C4 烯烃收率尽可能高。求解方法：求最大值优化问题（大概使用粒子群算法、模拟退火算法、遗传算法，神经网络算法）问题四：在设计五次实验并给出设计理由求解方法：可以考虑增加不同温度的实验总结：模型：Logistic增长模型，双因素方差分析模型，线性回归，拟合，多元回归，最小二乘法算法：神经网络，粒子群、模拟退火、遗传算法2021年—C题问题一：根据附件 1，对 402 家供应商的供货特征进行量化分析，建立反映保障企业生产 重要性的数学模型，在此基础上确定 50 家最重要 ...继续阅读 (64)

Vue (读音 /vjuː/，类似于view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。——来介绍 — Vue.js (vuejs.org)入门启动Vue我们通过在标签中使用如下代码便可以启动Vue123456789101112{{fullName}}Vue.config.productionTip = false;const vm = new Vue({el: '#app',data: {fullName: 'Jayhrn'},})el表示绑定的是哪个元素，在一个Vue对象中只能绑定一个元素。data表示值，我们可以将返回的值呈现在屏幕上，data的写法有两种，一种是上述的写法，还有一种如下：12345678el:''data(){return{fullname:'',}}第二种一般更为常用，可以适用于组件间的传值，并且函数式的写法可以防止数据被污染（因 ...继续阅读 (53)

最近由于接触数学公式比较多，总是会用到各种各样的公式，又为了快速记录自己学习的东西，于是用MathJax来记录（主要还是因为Word不是很熟悉，同时又是用Markdown来记笔记）自己学习用到的数学公式。苦于自己没有一眼难忘的技能，有时候总是需要去查询某个公式怎么写，有时候没有连接网络还需要去连接网络比较麻烦，索性记录下来便于自己的查询。基本语法行内公式使用$定义，两个$中间书写公式内容块级公式使用两个$定义，左边两个$右边两个$使用方法与上述相同上下标使用^表示上标，使用_表示下标组被一对{}包括的内容就是一组，里面可以是单一的字符，也可以是多个字符，也可以是公式。对于100^10就是$100^10$而不是$100^{10}$，于是我们就需要用{}包括起来10，正确的写法应该是100^{10}括号普通()[]分别直接生成圆括号和方括号。如果需要页面显示{ }，就需要使用\{和\}来生成花括号。但是这样的括号并不能随着内部公式的高度来调整，所以写(\frac{\sqrt{x}} {y})时括号就显得有点装不下了$(\frac{\sqrt{x} } {y})$.使用\left(和\right)能使得括号根据括起来的公式自动调整 ...继续阅读 (60)

Lanchester提出的模型非常简单，他只考虑双方兵力的多少和战斗力的强弱，兵力因战斗减员和非战斗减员而减少，又由后备力量的增援而增加;战斗力即杀伤对方的能力，则与射击率（单位时间的射击次数)、射击命中率以及战争的类型(正规战、游击战）等有关。这些模型当然没有考虑交战双方的政治、经济、社会等因素。而仅靠战场上兵力的优劣是很难估计战争胜负的，所以我们认为用这些模型判断整个战争的结局是不可能的，但是对于局部战役来说或许还有参考价值。更重要的是，建模的思路和方法为我们借助数学模型讨论社会科学领域中的实际问题提供了可以借鉴的示例。一般战争模型模型假设用$x(t)$和$y(t)$表示甲乙交战双方时刻$t$的兵力，不妨视为双方的士兵人数。每一方的战斗减员率取决于双方的兵力和战斗力，用$f(x,y)$和$g(x,y)$表示。每一方的非战斗减员率（由疾病、逃跑等因素引起）与本方的兵力成正比。每一方的增援率是给定的函数，用$u(t)$和$v(t)$表示。模型分析由此可以写出关于$x(t)$，$y(t)$的微分方程为下面针对不同的战争类型讨论战斗减员率$f$、$g$的具体表示形式，并分析影响战斗结局的因素。正规战争模型甲乙双方都用正规部队作战。我们只须分析甲方的战斗减员率$f(x , y)$。甲方士兵公开活动，处于乙方每一个士兵的监视和杀伤范围之内，一旦甲方某个士兵被杀伤，乙方的火力立即集中在其余士 ...继续阅读 (45)

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

统筹方法是运筹学的重要内容。所谓统筹，就是对工业、农业、科学研究等各项实际活动，进行统一筹划，合理安排，使得预订任务能有效的完成，例如完成最快，开支最省等。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+ ...继续阅读 (46)

最大流问题的典型例子有物流配送、输水管路等。比如:某地区的自来水供应是由地下的水管网路组成，两个地点之间由粗细不一的水管连接，粗水管的输水能力大，细水管的输水能力小，请规划一个合理的水量和管路组合，使得从水源地到目的地能够获得最大的水量。可行流$ (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})$，然后随意找一个与之相连的点，我 ...继续阅读 (68)

最近这几天开始准备数学建模比赛了，于是便接触到了许多的数学公式，俗话说好记性不如烂笔头于是我便想着开始写一些文章来记录自己的学习过程，刚好暑假搞了博客，便想着用博客来记录吧。上个学期末就用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_((?:_ ...继续阅读 (78)

哥尼斯堡七桥问题：从一个点出发经过每一条边只走一次回到起点。转化成图论问题，证实发现当一个点连接的边有偶数条时可以一笔画完（等同于从起点走完回到起点）。基础知识关联矩阵关联矩阵描述的是点和边之间的关系，一般点和边相连则矩阵上的数字不为$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算法是基于贪心算法的，该算法每次保证在当前是最优解，在下一 ...继续阅读 (52)

最近发现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文档 ...继续阅读 (67)

来源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. ...继续阅读 (63)

有趣的灵魂永远不会被世俗的潮水淹没，它只会在浪潮汹涌时更加熠熠生辉。——来自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只 ...继续阅读 (52)

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*斜体文本*_斜体文本_**粗体文本**__粗体文本__***粗斜体文本***___粗斜体文本___显示效果如下所示：斜体文本斜体文本粗体 ...继续阅读 (57)

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- ...继续阅读 (63)

下述文件位置主要针对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 ...继续阅读 (71)

具体效果可以参考如下教程安装插件,在博客根目录[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三连就可 ...继续阅读 (69)

具体效果如下步骤新建[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 ...继续阅读 (64)

具体效果可以参考下面的图片样式安装安装插件,在博客根目录[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# ...继续阅读 (52)

本文只保留了博主可能需要使用的标签外挂，所有的外挂标签请查看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 ...继续阅读 (73)

本文是转载文章，参考自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语法压缩 ...继续阅读 (73)