我们在使用git工具进行clone是发现下载速度特别慢，就算我们开启了魔法都会很慢，其实这个是因为我们开启的代理只是对浏览器生效了（你会发现在浏览器里面直接访问GitHub下载就会很快速）。这个时候就需要对git也配置代理就可以加快访问了。准备代理：首先你已经具备了，魔法就得自己去寻找了，这里就不做提供。查看端口：如果你还是使用着clash，可以直接查看，例如下面，端口就是7890，后面需要用到。配置设置HTTP代理1git config --global http.proxy http://127.0.0.1:7890上面127.0.0.1表示的是本地回环地址，而我们需要改动的就是这个地址冒号后面的端口号，将端口号改成自己的即可。设置成功了你就可以发现在.gitconfig文件中添加了如下的配置，这个文件在用户文件夹里面就可以看到。12[http]proxy = http://127.0.0.1:7890测试最后再次进行clone的时候就会发现快很多了。 ...继续阅读 (71)

今天在卸载软件时发现Clion无法卸载，卸载时提示Clion uninstall hasn't detected folder...，根据检查发现这是因为卸载时没有检测到Clion文件夹，导致卸载失败。修复经过查询相关资料发现该问题可以直接解决。使用管理员权限打开powershell命令找到卸载的软件所在的目录，你可以通过桌面软件快捷图标鼠标右键点击打开文件所在位置(I)查看该程序所有文件，例如我的文件路径是C:\software\Program Files\JetBrains\WebStorm 2022.1.3\bin，复制该路径。在powershell中输入如下命令12cd'刚刚复制的文件路径'# 例如我的是 cd 'C:\software\Program Files\JetBrains\WebStorm 2022.1.3\bin'进入上述文件路径后，输入如下命令1New-Item -Path'IdeaWin64.dll'-ItemType File最后正常点击Uninstall.exe程序进行卸载即可。参考自卸载pycharm时遇到问题：pycharm uninstall hasn‘t detected folder_pycharm卸载不了 ...继续阅读 (76)

已经好久没有更新博客了，最近进入博客发现音乐服务似乎不能访问了，然后查看了其他使用了vercel部署的网站都不能访问了，但是开启了代理又可以，所以没办法，只能慢慢看情况修复了。部署自己的Meting-Api服务，最重要的就是需要有一台服务器了，因为原来的vercel已经没有办法访问了。部署首先我们的服务器需要有docker，这个部分的内容可以自行百度，十分的简单，不过对于有服务器的人来说这也应该不是什么难事。运行下面的命令下载 Meting-API 镜像：1docker pull intemd/meting-api:latest然后运行 Meting-API ：1docker run -d --name meting -p 3000:3000 intemd/meting-api:latest到这里其实已经完成了基本的操作。如果需要使用域名访问，可以通过宝塔面板添加网站，解析好，点击设置，完成反向代理和SSL证书的设置。如果不想申请证书，可以直接先在宝塔面板里面申请后点击反向代理，在目标url填上http://127.0.0.1:3000，代理名称随便，最后点击保存即可。最后通过访问你的域名+'/api'即可访问发现许多的歌曲，此时表示部署成功，至于具体的前端服务可以查看GitHub - metowolf/MetingJS: :cake: A powerful plugin conn ...继续阅读 (71)

最近需要完成一个课内的作业，由于各种事情比较多，加上最近爆火的ChatGPT，就想着怎么可以实现利用ChatGPT帮我完成作业，但是ChatGPT3.5只支持文本交互，所以在画图上还是有缺陷。本来打算自己设计顺序图、活动图啥的了，问ChatGPT发现似乎有这种生成各种UML图的软件，于是就发现了利用ChaGPT+IDEA+PlantUML可以快速完成各种图形的绘制。软件配置首先你需要有一个ChatGPT账号，都过去这么久了，至于怎么获取就需要自行学习了。当然你也可以使用别人搭建好的。作为一个Java开发人员，IDEA这个软件也就都有了。下载插件，在IDEA中下载PlantUML插件（支持多种图形的生成，包括顺序图，类图、活动图、用例图等），如何下载呢，点击右上角设计的按钮，点击Plugins按钮，在Marketplace搜索即可，下载好了需要重启下软件。使用获取设计首先，你肯定有一个设计方案，告诉ChatGPT，他会给出设计的UML代码。它可能一开始不会给出，但是你可以继续提问。使用复制ChatGPT回答的顺序图代码，例如下面的内容12345678910@startumltitle 开始游戏顺序图用户 -> 游戏: 选择关卡游戏 -> 游戏: 加载地图游戏 -> 用户: 显示初始位置用户 -> 游戏: 点击指令按钮游戏 -> 用户: 进入指令编辑界面@enduml打开IDEA软件， ...继续阅读 (62)

最近比较忙，所以都是更新学习的一些东西或者就是直接没有更新博客，这两天看了一下博客，发现博客好多功能都受到了约束，必须先实现什么其他功能才能实现当前这个功能，刚好看到随机三个友情链接目前是通过友链朋友圈实现的，每次都需要抓取。看了下目前随机友链的功能，想起来hexo内置了过滤器可以实现。实现这个实现是在butterfly主题基础上进行实现，其他主题参照即可。新建themes/butterfly/scripts/helpers/random.js文件。1234567891011121314151617181920hexo.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)})})data +=`let flinks=${JSON.stringify(flinks)}// 自己进行选择，可要可不要，本主题写了其他函数需要使用function getRandomFlink(num ...继续阅读 (58)

需求：设计一个咖啡店点餐系统。设计一个咖啡类（Coffee），并定义其两个子类（美式咖啡【AmericanCoffee】和拿铁咖啡【LatteCoffee】）；再设计一个咖啡店类（CoffeeStore），咖啡店具有点咖啡的功能。具体类的设计如下：在java中，万物皆对象，这些对象都需要创建，如果创建的时候直接new该对象，就会对该对象耦合严重，假如我们要更换对象，所有new对象的地方都需要修改一遍，这显然违背了软件设计的开闭原则。如果我们使用工厂来生产对象，我们就只和工厂打交道就可以了，彻底和对象解耦，如果要更换对象，直接在工厂里更换该对象即可，达到了与对象解耦的目的；所以说，工厂模式最大的优点就是：解耦。在本教程中会介绍三种工厂的使用简单工厂模式（不属于GOF的23种经典设计模式）工厂方法模式抽象工厂模式简单工厂模式简单工厂不是一种设计模式，反而比较像是一种编程习惯。结构简单工厂包含如下角色：抽象产品 ：定义了产品的规范，描述了产品的主要特性和功能。具体产品 ：实现或者继承抽象产品的子类具体工厂 ：提供了创建产品的方法，调用者通过该方法来获取产品。实现现在使用简单工厂对上面案例进行改进，类图如下：工厂类代码如下：123456789101112publicclassSimpleCoffeeFactory{publicCoffeecreateCoffee(String t ...继续阅读 (57)

单例模式（Singleton Pattern）是 Java 中最简单的设计模式之一。这种类型的设计模式属于创建型模式，它提供了一种创建对象的最佳方式。这种模式涉及到一个单一的类，该类负责创建自己的对象，同时确保只有单个对象被创建。这个类提供了一种访问其唯一的对象的方式，可以直接访问，不需要实例化该类的对象。单例模式的结构单例模式的主要有以下角色：单例类。只能创建一个实例的类访问类。使用单例类单例模式的实现单例设计模式分类两种：​ 饿汉式：类加载就会导致该单实例对象被创建​ 懒汉式：类加载不会导致该单实例对象被创建，而是首次使用该对象时才会创建饿汉式-方式1（静态变量方式）12345678910111213141516/*** 饿汉式* 静态变量创建类的对象*/publicclassSingleton{//私有构造方法privateSingleton(){}//在成员位置创建该类的对象privatestaticSingletoninstance=newSingleton();//对外提供静态方法获取该对象publicstaticSingletongetInstance(){returninstance;}}说明：​ 该方式在成员位置声明Singleton类型的静态变量，并创建Singleton类的 ...继续阅读 (55)

随着人工智能技术的不断发展，ChatGPT技术在近年来迅速崛起，为我们的生活带来了许多变化。ChatGPT能够对话和理解自然语言，可以与人类进行自然流畅的交流，为我们的生活带来了便利和改变。变化最显著的变化之一是ChatGPT技术的应用于客服领域。通过ChatGPT技术，企业可以让机器人客服更加智能地处理客户问题，从而增强客户满意度和忠诚度。相较于传统客服方式，ChatGPT技术可以快速、准确地回答客户的问题，并且可以随时随地提供服务。这使得企业能够更好地理解客户需求，并及时调整更改，为客户提供更好的服务。使用领域ChatGPT技术还应用于智能家居控制领域。通过嵌入ChatGPT技术的语音助手，用户可以使用自然语言对智能家居设备进行控制和管理，无需手动操控。用户可以用手机或语音传感器进行操作，轻轻松松完成一些简单的家居设备操作，如开关灯、调节空调温度等。这种方式不仅方便了用户的生活，还可以提高家庭安全性。另外，ChatGPT技术也为教育领域带来了变化。ChatGPT技术可以提供在线学习，通过语言交流，解决学生遇到的难题，同时提高学生的学习效率。这使得学习过程更加个性化，因为它可以根据学生的不同需求进行调整和帮助。这种教学模式的出现也为远程教育提供了可能，无论学生身处何地，只要有网络，就可以受到优质的教育资源和服务。存在问题然而，使用ChatGPT技术也存在一些问题。例如，它可能无法 ...继续阅读 (68)

最近ChatGPT的热度依旧不减，其实这个在1月的时候就已经有接触了，当时不以为意并且当时注册起来都还挺好搞的，但是可惜没有进行注册，加上现在由于各方面的原因，注册使用都比较麻烦，所以使用就比较麻烦（需要魔法）。最近刚好朋友有账号，但是官网有时候进不了，这两天刚好发现可以自己搭建，结合Vercel还是挺好用的。前提首先，你必须得有一个账号，因为还是使用正版的ChatGPT，所以需要自己想办法搞到并且获取对应的Key（具体可以百度下，还是非常简单的），本文章只是为了解决有时候不方便的时候需要使用ChatGPT而写。开始我们需要使用写好的项目，部署到Vercel上，项目地址如下链接。引用站外地址ChatGPT-Next-WebJayHrn如果没有注册过Vercel的，可以进行注册，注册成功后，可以按照如下进行操作。然后点击import按钮，如果你没有绑定GitHub仓库，可能需要先按照提示进行绑定操作。点击Environment Variables然后添加两个环境变量变量名值是否必须解释CODE自定义否用于配置是否需要输入密码才可使用服务OPENAI_API_KEYopenai官网获取是用于调用api服务最后点击Deploy按钮等待完成即可。由于Vercel被限制了，用免费提供的域名可能无法进行访问，需要将自己的域名解析下即可。使用配置好，你将可以看到如下界面对于第一次使用设置了密码的 ...继续阅读 (65)

在软件开发中，为了提高软件系统的可维护性和可复用性，增加软件的可扩展性和灵活性，程序员要尽量根据6条原则来开发程序，从而提高软件开发效率、节约软件开发成本和维护成本。开闭原则对扩展开放，对修改关闭。在程序需要进行拓展的时候，不能去修改原有的代码，实现一个热插拔的效果。简言之，是为了使程序的扩展性好，易于维护和升级。想要达到这样的效果，我们需要使用接口和抽象类。因为抽象灵活性好，适应性广，只要抽象的合理，可以基本保持软件架构的稳定。而软件中易变的细节可以从抽象派生来的实现类来进行扩展，当软件需要发生变化时，只需要根据需求重新派生一个实现类来扩展就可以了。下面以搜狗输入法的皮肤为例介绍开闭原则的应用。【例】搜狗输入法的皮肤设计。分析：搜狗输入法的皮肤是输入法背景图片、窗口颜色和声音等元素的组合。用户可以根据自己的喜爱更换自己的输入法的皮肤，也可以从网上下载新的皮肤。这些皮肤有共同的特点，可以为其定义一个抽象类（AbstractSkin），而每个具体的皮肤（DefaultSpecificSkin和HeimaSpecificSkin）是其子类。用户窗体可以根据需要选择或者增加新的主题，而不需要修改原代码，所以它是满足开闭原则的。里氏代换原则里氏代换原则是面向对象设计的基本原则之一。里氏代换原则：任何基类可以出现的地方，子类一定可以出现。通俗理解：子类可以扩展父类的功能，但不能改变父类原有的 ...继续阅读 (51)

“设计模式”最初并不是出现在软件设计中，而是被用于建筑领域的设计中。1977年美国著名建筑大师、加利福尼亚大学伯克利分校环境结构中心主任克里斯托夫·亚历山大（Christopher Alexander）在他的著作《建筑模式语言：城镇、建筑、构造》中描述了一些常见的建筑设计问题，并提出了 253 种关于对城镇、邻里、住宅、花园和房间等进行设计的基本模式。1990年软件工程界开始研讨设计模式的话题，后来召开了多次关于设计模式的研讨会。直到1995 年，艾瑞克·伽马（ErichGamma）、理査德·海尔姆（Richard Helm）、拉尔夫·约翰森（Ralph Johnson）、约翰·威利斯迪斯（John Vlissides）等 4 位作者合作出版了《设计模式：可复用面向对象软件的基础》一书，在此书中收录了 23 个设计模式，这是设计模式领域里程碑的事件，导致了软件设计模式的突破。这 4 位作者在软件开发领域里也以他们的“四人组”（Gang of Four，GoF）著称。软件设计模式的概念软件设计模式（Software Design Pattern），又称设计模式，是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结。它描述了在软件设计过程中的一些不断重复发生的问题，以及该问题的解决方案。也就是说，它是解决特定问题的一系列套路，是前辈们的代码设计经验的总结，具有一定的普遍性 ...继续阅读 (77)

加密算法在生活中有很多的应用，以下时一些常用的使用场景。网络安全：在互联网上，加密算法被广泛应用于保护网络通信的安全，比如HTTPS协议和SSL/TLS加密。数据库安全：对于一些敏感数据，比如用户密码、信用卡号等，需要使用加密算法进行存储和传输，以防止被非法获取。身份验证：在身份验证中，加密算法可以用于生成和验证数字签名，以确保身份验证的真实性和完整性。数字版权保护：数字版权保护也是加密算法的一个重要应用领域，比如数字音乐、电影、软件等。最近在做一个东西时需要简单的对经纬度信息进行加密，刚好了解了下AES加密算法。介绍AES（Advanced Encryption Standard）是一种常用的对称加密算法。它是由比利时密码学家Joan Daemen和Vincent Rijmen设计的，被选为美国联邦政府采用的新标准加密算法，可用于保护敏感数据的机密性，是当前被广泛应用的加密标准之一。AES算法有三种不同的加密密钥长度：128位、192位和256位。也就是说，它能够以128位、192位和256位三种密钥长度来生成密钥。其加密步骤如下：明文分组：将明文分成固定长度（16字节），不足16字节的使用填充算法处理。密钥扩展：根据密钥长度不同，执行10/12/14次轮密钥扩展，生成轮密钥。轮加密：每轮将明文进行逐字节替换、逐字节位移和逐列运算，由密钥扩展算法得到的轮密钥作为每轮运算的密钥。输 ...继续阅读 (54)

最近在给自己的博客重新整理css，以及查看一些出现的问题，就发现了一个很严重的问题（我感觉），大致问题就是在手机端查看代码时，代码栏会出现字体突然变大的问题，这个问题其实早就发现了，但是没有仔细去搞过，刚好这个去找了下怎么解决。发现其实这个问题出现的原因也很简单，因为我在更换博客样式的时候，部分的css是直接抛弃了的所以在后续的过程中，也没有仔细研究原来的部分样式，也就出现了如下的样式的问题。解决在查阅百度之后，发现加上如下的样式即可，在themes/butterfly/source/css/_global/index.styl文件中加入123html{text-size-adjust:100%}当然，你也可以在自定义css中加入如下样式123html{-webkit-text-size-adjust:100%;}其实如果使用的是butterfly主题原本是使用了这样的一个样式的，在themes/butterfly/source/css/_third-party/normalize.min.css文件中，但是我在修改样式的时候，就直接将这个样式抛弃了，所以导致出现了这些问题，不过具体是怎么导致的也不清楚，待我学习之后再说吧，嘻嘻 ...继续阅读 (80)

我们无法判断一个瞬间的价值，直到它成为回忆这世上有两个我 一个沉默不语成熟稳重 一个叽叽喳喳幼稚至极 我是说在外人面前我会隐藏情绪 保持成熟 但在你这里 我只想和你分享我的日常 只和你碎碎念.事在人为，不是无缘，是不愿，有缘躲不过，无缘碰不到，缘起则聚，缘尽则散，随缘而至一点相思一点泪，点点相思红尘泪。一缕思念一颗豆，颗颗红豆束卿念。追月赶风莫停留，平芜尽处是春山因为她生来就是公主，每个女孩子都是公主，在属于自己的王子那里永远是最美丽的公主脚步丈量不到的地方，文字可以一场落雪 、白了眉眼 、醉了人间。明明自己过的不尽如意，却又见不得人间疾苦别人对我万般好 我都未曾动心 唯独你只要咧嘴一笑 我心里便开满了花 或许你只要站在那里 都已经赢了别人风吹哪页读哪页，哪页难懂撕哪页葡萄藤上开不出百合花 ，找不出答案的时候，就先找找自己贤妻扶我青云志，我还贤妻万两金我不想成为一个悲观的人 但我又是一个容易共情的人 我看到电影里的好人 永远得不到好报 我会悲愤 我见到路上拾荒的老人 又或是流浪乞讨的小狗 我会不由得想哭 感慨且同情我的心情会因为一些文字 一些言语 一些举动而大起大落 我永远无法忽视别人的感受 共情是痛苦的 世上所能看到的痛苦 我都控制不住的放在心里咀嚼 那种无能为力的感觉 每次都勒得我要窒息很奇怪 生活中我一直认为自己是个冷漠不讨喜的人 可却总为一些不相干的事物感到难 我不理解 为 ...继续阅读 (61)

随着学习的深入，越来越多的技术出现在我的视野中。现在越来越多的开发都是采用前后端分离模式，于是在学习的过程中也会出现许多的问题，就像今天记录的跨域问题。当然今天这个主要是为了记录后端如何解决跨域，毕竟现在网络上也有许多的解决跨域的方法（前端处理、后端处理）。当然对于跨域问题的出现，大家可以自行去仔细研究下，这里我将会给出后端处理跨域的解决方案。处理跨域在后端新建一个文件夹config，后面项目的需要的一些配置类都可以写在该文件夹里面。新建一个GlobalCorsConfig类1234567891011121314151617181920212223242526272829303132333435363738394041packagecom.example.aircraftBackend.config;importorg.springframework.boot.web.servlet.FilterRegistrationBean;importorg.springframework.context.annotation.Bean;importorg.springframework.context.annotation.Configuration;importorg.springframework.web.cors.CorsConfiguration;importorg.springf ...继续阅读 (72)

Axios 是一个基于 promise 网络请求库，作用于node.js 和浏览器中。 它是 isomorphic 的(即同一套代码可以运行在浏览器和node.js中)。在服务端它使用原生 node.js http 模块, 而在客户端 (浏览端) 则使用 XMLHttpRequests。关于更多的介绍，我们可以查看官网引用站外地址Axios中文文档Axios安装关于使用，对于不同的项目使用方式不同，这里以npm介绍，更多安装方式可以查看Axios 中文文档1npm install axios使用对于使用我们有许多的方式，可以直接发起请求，这里我们不做介绍，我们主要是考虑如何封装。在vue项目中，我们新建一个文件夹，命名为utils，以后所有的工具类都可以放在下面（我们可以把axios认为是请求数的一种工具），位置在src路径下。新建一个js文件，可以命名为request.js或者axios.js，这里我们以axios.js命名。填写如下内容1234567891011121314151617181920212223242526272829/***@Author: JayHrn* axios封装基本配置*/importaxiosfrom'axios'// 创建axios实例constservice = axios.create({baseURL:' ...继续阅读 (69)

在使用vue-seamless-scroll这个组件的时候，我们有时候需要执行点击操作，但是发现有时候轮播的时候不能正确的拿到数据（点击没有任何反应），正常来说是可以获取到改行的数据。通过查阅资料发现因为vue-seamless-scroll中间包裹的dom复制渲染，没有带上dom的事件导致。于是，我们可以采用事件委托的方式进行处理。绑定事件我们可以在使用包裹着vue-seamless-scroll的组件的元素添加上click点击事件，例如下面12345678910111213141516171819{{ item.planeNumber }}{{ item.name }}{{ item.partTotal }}{{ item.troubleTotal }}切换零件在最外面的div上添加@click="handleClick($event)"绑定事件对象既然我们要获取到对象，我们就需要处理对象，将对象所有的数据获取，这里我们通过一个按钮来绑定获取的对象。123切换零件这里的data-xxx，其中的xxx可以自己随便命名。方法实现我们在处理点击事件时，可以通过上面绑定的对象来获取数据12345678handleClick(e) ...继续阅读 (70)

本文实现的是在Joe主题中文章头像可能是你的邮箱的头像，但是有时候又可能会获取失败的问题，所以索性就以侧栏头像作为作者头像也挺好，不过还是看自己需求，当然你也可以自己搭建api一次性解决这些问题。具体效果欢迎查看我的站点。引用站外地址typecho博客予星辰开始修改public/batten.php文件中的下面的内容，将img标签内容全部替换成如下123php _getAvatarLazyload(); ?"data-src="php $this-options->JAside_Author_Avatar ? $this->options->JAside_Author_Avatar() : _getAvatarByMail($this->authorId ? $this->author->mail : $this->user->mail) ?>"alt="php $this-author(); ?>"/>这里首先会获取配置的侧栏作者头像，其次再是邮箱头像。 ...继续阅读 (58)

本文实现的是在Joe主题中引入分页的功能，由于Joe主题原配的是加载更多来进行分页的，这样子我感觉体验不是很好，所以就找到了教程关于如何实现按钮分页。具体效果欢迎查看我的站点。引用站外地址typecho博客予星辰开始首先需要引入JS，在public/config.php文件中的第一个script标签里面加入如下内容123document.addEventListener('DOMContentLoaded',() =>{window.Joe.PAGE_INDEX='php echo $this-_currentPage; ?>'||1;});最终呈现的是如下内容12345678910111213141516171819document.addEventListener('DOMContentLoaded',() =>{window.Joe.PAGE_INDEX='_currentPage; ?>'||1;});localStorage.getItem("data-night") &&document.querySelector("html").setAttribute("data-night","night");window.J ...继续阅读 (59)

本篇教程主要实现Joe主题侧边栏卡片mac风格，具体的效果可以查看博客文章侧边栏，欢迎访问，该博客将持续更新，开发博客也将同步更新（由于博客较忙，更新不定时）。引用站外地址typecho博客予星辰修改图标首先，找到public/aside.php文件，全局搜索并替换成如下内容1当然，你也可以找到原有的关于这个的样式，然后更改成下面添加的样式。添加样式在自定义文件中，添加如下样式1234567891011121314.mac_icon{content:" ";position: absolute;-webkit-border-radius:50%;border-radius:50%;background:#fc625d!important;width:11px;height:11px;-webkit-box-shadow:20px0#fdbc40,40px0#35cd4b;box-shadow:20px0#fdbc40,40px0#35cd4b;float: right;right:55px;top:17px}如果你还想在其他地方添加改图标样式，只需要加入即可。予星辰博客将持续更新，可以关注下噢，欢迎添加友链。 ...继续阅读 (71)

一直想搞一个动态博客，但是没有找到什么好看的（好看的都收费去了），发现了Joe主题还挺好的，于是最近开始在对typecho的Joe主题进行魔改，本教程主要记录自己魔改的一些内容，后续也都将会记录。至于这个主题魔改后的效果可以查看本域名下面的另一个站点予星辰。这里主要是为了解决Joe7.7.1主题不支持目录的问题，目前只支持H1、H2、H3级目录。开始首先，在public/aside.php文件中，添加如下内容，可以在作者卡片之后添加，不过具体想摆放的位置看自己的设计，本人设计是放在作者卡片之后。12345678910111213141516171819仅在文章生效，如果需要页面，下面第一行判断加上 ||$this->is('page')phpif($this-is('post')) :?>目录phpendif; ?获取目录在自定义JS文件中添加如下内容，或者你也可以加在assets/js/joe.global.js文件中，记得将joe.global.min.js也同步更新下，如果你使用的是joe.global.js那就不用管了。1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859 ...继续阅读 (65)

今天是大年初五，祝大家新的一年“兔”然发财，“兔”飞猛进。前段时间实现了静态的电影推荐，书籍推荐页面，刚好有人问起这个怎么实现。其实这个butterfly作者制作了一个相关的插件，可以实现自动获取豆瓣的影音等，当然，你也可以像我一样搞成静态滴。引用站外地址hexo-butterfly-doubanjerry新建页面在themes/butterfly/layout/includes/page文件下新建movies.pug文件12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667//- movie page#article-container.author-content-item.like-movie.single.share.card-content.author-content-item-tips=_p('电影')span.author-content-item-title=_p('静下来慢慢')span.inline-word=_p('感受着，')span.author-content-item-title=_p(' ...继续阅读 (74)

远赴人间惊鸿宴，一睹人间盛世言左手牵你，右手拿笔，不负青春不负你以下内容均来自网络，部分语句可能个人有感而发。情山茶花读不懂白玫瑰，北山的风吹不到南山尾，就像我始终也无法理解你的山河万里，抬头是风情万种的人间，闭眼是往昔一年又一年，我们都在变，不是吗无所求，必满载而归花自向阳开，人终往前走最痛苦的就是明明自己是个感性的人，但一直强迫自己理性看待所有事，那感觉就像是在雨中撑着伞，但其实雨淋满身伸手，只需要一瞬间而牵手，却要很多年无论你遇见谁他都是你生命中刚出现的人绝非偶然若无姻缘何以相遇若无相欠怎会相见我讨厌断断续续的聊天和漫无目的的等待幸好思念无声，可惜思念无声这又不是电影，谁会等你三五年可惜这不是电影，我等你三五年，你又怎会晓得你不停翻评论，只是为了找到那个能替你说出故事的人共情能力强的人在当下过得都太痛苦了，主动麻木都变成了一种自我救赎……钱没了可以再挣，工作没了可以再找，朋友没了可以再交，爱情没了可以再找，你生来就一无所有，何惧从头再来。水到绝境是瀑布，人到绝境是重生，半山腰总是很急的，你得努力去山顶看看，人生这道题，怎么选都有遗憾真正的强者，是夜深人静的时候，把心掏出来自己缝缝补补，睡一觉起来又是信心百倍，活着就该逢山开路，遇水架桥，睡前原谅一切，醒来便是重生最心酸的不是文案，而是看评论的人，你不停的翻着评论，只是为了找到那个能替你说出故事的人！时间会筛选身边的人 值得的人 ...继续阅读 (62)

相信很多做一些关于运输，物流方面的项目的时候，总会遇到需要使用地图的时候，目前大部分使用的地图是百度地图和高德地图。但是经过我自己使用之后，发现这两者都各有各自的好处。但是对于我来说，我需要获取路线的长度，时间，路费等多方面具体信息，所以更加倾向于使用高德地图，并且高德地图可添加的途径点数目似乎多于百度地图。下面就是关于如何在vue项目中引入高德地图的步骤。准备使用这些提供的API接口，当然都得申请他们的密钥。首先注册开发者账号，成为高德开发平台开发者，至于具体的注册，大家应该都会，这里我们注册的时候可以直接使用支付宝进行验证，这样子也比较方便快捷。登录刚刚注册的账号点击左侧菜单栏的【应用管理】下面的【我的应用】，然后点击创建右上角的创建新应用，输入应用名称和应用类型，类型根据自己的项目即可（选什么似乎都没有什么影响），点击新建即可。为应用添加Key。输入Key名称，选择自己的项目类型，如果我们的是一般的Web项目，选择Web端(JS API)即可。至于域名白名单就根据自己的要求填写就可以，如果没有限制可以不填写。最后点击确定即可。添加成功后，我们就可以看到我们的Key值了，一个是Key值，一个是安全密钥。注意，如果是在2021年12月02日申请以后的key需要配合您的安全密钥一起使用。安装在项目中按照NPM方式进行安装即可。1npm i @amap/amap-jsapi-load ...继续阅读 (77)

近期做一个关于物流的项目需要实现获取全国的省市区的功能。查阅资料发现element-ui里面直接提供了这样的一个插件，并且发现十分的好用，于是便直接拿来使用了。预览有想体验的小伙伴可以进入Element China Area Data体验。安装在使用插件前必不可少的操作当然是引入插件啦。1npm i element-china-area-data使用在你需要使用的页面中引入相应的模块功能1import { provinceAndCityData, regionData, provinceAndCityDataPlus, regionDataPlus, CodeToText, TextToCode } from 'element-china-area-data'如下是功能模块的功能介绍模块功能介绍provinceAndCityData省市二级联动数据（不带“全部”选项）regionData省市区三级联动数据（不带“全部”选项）provinceAndCityDataPlus省市区三级联动数据（带“全部”选项）regionDataPlus省市区三级联动数据（带“全部”选项）CodeToText大对象，属性是区域码，属性值是汉字，可以将区域码转化成真实地址TextToCode大对象，属性是汉字，属性值是区域码，可以将真实地址转化成区域码“全部”选项绑 ...继续阅读 (63)

成长是缓缓流淌的溪流，悄然地，我们就长大了，学会了勇敢，学会了坚强，也学会了理解和包容。这是我第一次在博客上写下自己的年度总结，一直以来，就没有记录的习惯，自然也就没有年度总结，甚至就算是过年也不会让我感觉和平时有什么区别。但正是博客，让我进一步得到的成长。回忆这一年是不平凡的一年，经历了太多，也感受了太多，总是有着许多想完成的事情，却又总会留下遗憾！但是这又何妨我们继续前行。从年初开始，我就进入了大二下学期了，当时就想着我的大学生活也要过半了，总要让自己不要留下太多了遗憾，但是每天的生活似乎还是照常。上半年过的算是挺艰辛的，但是我又感觉十分的幸运。面对疫情反复突袭，我第一次在学校面临了封校（以前都只是一两个星期），这次突然一封就是两个多月，从开学没有多久几乎封到了学期结束。学生、学校的关系，这并没有给我的生活造成什么麻烦，除了不能堂食，要求戴口罩，每天或者隔一天做核酸，似乎没有什么太大的区别。上半年似乎就这样浑浑噩噩的过去了，其中也做过几次志愿者，似乎没有什么让我回忆的了（可能这就是工科人的感受吧）。下半年回归到了正常的生活，什么似乎都是那么的一样，我对自己的目标变得更加明确了。大三了，大学的生活已经过半，甚至可以说是过了 2/3 了，毕竟大四都在忙自己的生活了。目标很明确，成为一名研究生。其实我对研究生也没有很执着，我并不知道自己是否会想成为研究生，但是似乎这个社会的压力让我不 ...继续阅读 (63)

如下教程学习自尚硅谷杨博超老师的MyBatis-Plus教程条件构造器1.Wrapper介绍Wrapper： 条件构造抽象类，最顶端父类AbstractWrapper： 用于查询条件封装，生成 sql 的 where 条件QueryWrapper： 查询条件封装UpdateWrapper： Update 条件封装AbstractLambdaWrapper： 使用Lambda 语法LambdaQueryWrapper：用于Lambda语法使用的查询WrapperLambdaUpdateWrapper： Lambda 更新封装Wrapper2.QueryWrapper组装查询条件执行SQL：SELECT uid AS id,username AS name,age,email,is_deleted FROM t_user WHERE is_deleted=0 AND (username LIKE ? AND age BETWEEN ? AND ? AND email IS NOT NULL)1234567publicvoidtest01(){//查询用户名包含a，年龄在20到30之间，邮箱信息不为null的用户信息QueryWrapperqueryWrapper =newQueryWrapper();queryWrapper.like("username","a").betw ...继续阅读 (72)

如下教程学习自尚硅谷杨博超老师的MyBatis-Plus教程增删改查1.BaseMapper说明:通用 CRUD 封装BaseMapper 接口，为Mybatis-Plus启动时自动解析实体表关系映射转换为Mybatis内部对象注入容器泛型T为任意实体对象参数Serializable为任意类型主键Mybatis-Plus不推荐使用复合主键约定每一张表都有自己的唯一id主键对象Wrapper为条件构造器MyBatis-Plus中的基本CRUD在内置的BaseMapper中都已得到了实现，因此我们继承该接口以后可以直接使用。本次演示的CRUD操作不包含参数带有条件构造器的方法，关于条件构造器将单独在一个章节进行演示。BaseMapper中提供的CRUD方法：增加：Insert12// 插入一条记录intinsert(T entity);删除：Delete12345678// 根据 entity 条件，删除记录intdelete(@Param(Constants.WRAPPER)Wrapperwrapper);// 删除（根据ID 批量删除）intdeleteBatchIds(@Param(Constants.COLLECTION)Collectionextends SerializableidList);// 根据 ID 删除intdeleteById(Serializable id) ...继续阅读 (66)

如下教程学习自尚硅谷杨博超老师的MyBatis-Plus教程简介MyBatis-Plus (opens new window)（简称 MP）是一个MyBatis (opens new window)的增强工具，在 MyBatis 的基础上只做增强不做改变，为简化开发、提高效率而生。我们的愿景是成为 MyBatis 最好的搭档，就像魂斗罗中的 1P、2P，基友搭配，效率翻倍。特性无侵入：只做增强不做改变，引入它不会对现有工程产生影响，如丝般顺滑损耗小：启动即会自动注入基本 CURD，性能基本无损耗，直接面向对象操作强大的 CRUD 操作：内置通用 Mapper、通用 Service，仅仅通过少量配置即可实现单表大部分 CRUD 操作，更有强大的条件构造器，满足各类使用需求支持 Lambda 形式调用：通过 Lambda 表达式，方便的编写各类查询条件，无需再担心字段写错支持主键自动生成：支持多达 4 种主键策略（内含分布式唯一 ID 生成器 - Sequence），可自由配置，完美解决主键问题支持 ActiveRecord 模式：支持 ActiveRecord 形式调用，实体类只需继承 Model 类即可进行强大的 CRUD 操作支持自定义全局通用操作：支持全局通用方法注入（ Write once, use anywhere ）内置代码生成器：采用代码或者 Maven 插件可快速生成 ...继续阅读 (56)

对于提取主题色，看过生成封面图片主色来作为文章封面顶图的文章，了解了许多，但是由于没有备案等，许多东西都没有办法使用，所以之内另寻他路了。无意中看到了一篇帖子是关于这个的，于是便根据这个，加上Heo的教程，便解决了这个问题。引入工具在使用这个功能之前，就需要引入js了，其实在GitHub上有许多的关于提取图片主题色的项目，但是好像就rgbaster使用的比较好，对于颜色提取更加准确。这里给出地址，大家可以自行看下。引用站外地址提取图片主题色briangonzalez使用这个我们需要引入js，新建themes/butterfly/source/js/rgbaster.min.js1!function(n){"use strict";vart=function(){returndocument.createElement("canvas").getContext("2d")},e=function(n,e){vara=newImage,o=n.src||n;"data:"!==o.substring(0,5)&&(a.crossOrigin="Anonymous"),a.onload=function(){varn=t("2d");n.drawImage(a,0,0);varo=n.getImageData(0,0,a.width,a. ...继续阅读 (48)