🔥 个人主页 - Portfolio
Butterfly主题二创集锦
博客食用须知！
搭建Hexo-WebStack网址导航
Butterfly主题美化魔改集锦
用Python批量读取本地文本里的图片链接并下载到本地
背景： 我把 B 站热词表情包链接手动粘到 Twikoo 的 json 文件里时，发现图片链接在 Twikoo 里显示不了，B 站应该开启了防盗链，于是我打算把表情包下载到本地再上传到图床。话说为什么要手动去复制表情包链接，因为 B 站数据是动态显示的，Python 爬取到的源码里没有表情包链接，网上有人说这类网站用 Selenium 来获取源码，我测试后，其它同类网站成功了，但 B 站还是获取不到。现在只好先把链接一个一个保存到 json 文件里，再用 Python 逐个下载，这应该算是半自动化了吧。。。我先记录下如何读取文本里的图片链接并下载到本地吧。 核心代码 代码核心点就是读取文本内容、用正则表达式筛选出图片链接、命名、存储到本地文件夹 123456789101112131415with open(source_path, "r", encoding="UTF-8") as f: json = f.read() list = re.findall("[正则表达式]", json) list.reverse( ...
VSCode相关问题合集
快捷键 此处将记录我常用、且易忘的 Windows 快捷键 作用 Ctrl + P 全局搜索文件 Ctrl + D 每按一下即选中下一个相邻且相同的代码块，可同时编辑所有选中且相同的代码块 Shift + Alt + 上下键 复制该行 Alt + 上下键 移动改行 Ctrl + Shift + 上下键 纵向选中代码行 Ctrl + Alt + 上下键 纵向拉长光标，可同时编辑多个代码 插件 记录我下载的插件 Auto Close Tag Auto Rename Tag Babel JavaScript Chinese (Simplified) Echarts Enhanced Completion Elements Plus Snippets EsLint formatter-pug HTML CSS Support JavaScript (ES6) code snippets Kaia Theme Live Server Material Icon Theme open in browser Path Intellisense Prettier ...
记一次更换硬盘，内附常用Win10软件下载链接
背景故事：我的 Dell 电脑突然打不开，送去维修时发现是 C 盘坏了，于是卖家给我换了一个硬盘。借此机会将我要重新下载的软件列成清单，且附上下载链接，以后换新电脑时可以用到。 软件浏览器 Edge Chrome 安全 火绒 编程 IDEA VSCode（主题：Kaia，保存后格式化，自动保存，插件） PyCharm SniPaste Node.js Git Hexo Navicat Mysql，安装教程 JDK Python（插件） 文档办公 Typora Office Xmind 视频 PotPlayer bdcam 美化 TranslucentTB Fences Adobe 系列 Acrobat Adobe After Effects Adobe Audition Adobe Illustrator Adobe Media Encoder2020 Adobe Photoshop Adobe Premiere Pro 微软自带 OneNote To Do 便笺 下载 百度网盘 通讯 微信 QQ 腾讯会议 ...
Spring Boot + JWT + Vue 实现前后端分离登录认证
参考 B 站楠哥教你学 Java的30 分钟学会 Spring Boot + JWT + Vue视频 JWT 介绍什么是 JWT？JSON Web Token，通过数字签名的方式，以 JSON 对象为载体，在不同的服务终端之间安全的传输信息。 JWT 有什么用？JWT 最常见的场景就是授权认证，一旦用户登录，后续每个请求都将包含 JWT，系统在每次处理用户请求的之前，都要先进行 JWT 安全校验，通过之后再进行处理。 JWT 的组成JWT 由 3 部分组成，用.拼接 1eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VybmFtZSI6IlRvbSIsInJvbGUiOiJhZG1pbiIsInN1YiI6ImFkbWluLXRlc3QiLCJleHAiOjE2MjMyMjM2NzUsImp0aSI6ImQ2MTJjZjcxLWI5ZmUtNGMwNy04MzQwLTViOWViZmMyNjExNyJ9.FOS9Y7rYNdc2AOidnSPrgg2XTYePU0yGZ598h2gtabE 这三部分分别是： Header 1234{ ...
什么是前后端分离？
前后端分离就是将⼀个应⽤的前端代码和后端代码分开写，为什么要这样做？ 如果不使⽤前后端分离的⽅式，会有哪些问题？ 传统的 Java Web 开发中，前端使⽤ JSP 开发，JSP 不是由后端开发者来独⽴完成的。 前端 👉 HTML 静态⻚⾯ ---> 后端 👉 JSP 这种开发⽅式效率极低，可以使⽤前后端分离的⽅式进⾏开发，就可以完美地解决这⼀问题。 前端只需要独⽴编写客户端代码，后端也只需要独⽴编写服务端代码提供数据接⼝即可。 前端通过 Ajax 请求来访问后端的数据接⼝，将 Model 展示到 View 中即可。 前后端开发者只需要提前约定好接⼝⽂档（URL、参数、数据类型...），然后分别独⽴开发即可，前端 可以造假数据进⾏测试，完全不需要依赖于后端，最后完成前后端集成即可，真正实现了前后端应⽤的 解耦合，极⼤地提升了开发效率。 单体 👉 前端应⽤ + 后端应⽤ 前端应⽤：负责数据展示和⽤户交互。 后端应⽤：负责提供数据处理接⼝。 前端 HTML 👉 Ajax 👉 RESTful 后端数据接⼝。 传统的单体应⽤ 前后端分离的结构 前后端分离就是将⼀个单体应 ...
Butterfly主题侧边小组件——土味情话
前言：逛了逛Eurkon的博客，看着那微博热搜侧边栏突然灵机一动，本想整一个随机笑话侧边小组件，奈何找免费 API 时先看到了土味情话，不错，很符合我的胃口，于是有了以下教程 预览效果 教程 新建<BlogRoot>\themes\butterfly\source\js\custom\cheesy_pick-up_lines.js 1234567891011121314151617function cheesy_pick_up_lines() { let html = ""; for (let i = 0; i < 3; i++) { fetch("https://api.vvhan.com/api/love") .then((data) => data.text()) .then((data) => { html += ...
用Python批量爬取网络文章图片并下载到本地
背景： 有时候想搬运一些文章，文章图片少的话，可以一个一个右键保存在本地，一旦几十张以上会非常麻烦，正好最近也在自学 Python 爬虫，不妨写个 demo 用一用，顺便水一篇文章，哦不对，是两篇（搬运+教程）🤣 核心代码 代码核心点就是拿到图片链接、命名、存储到本地文件夹 12345678910for img_url in soup.select("<ID、Class、Tag等等定位>"): img_url = img_url.get("<data-src或者src>") res = requests.get(img_url) now = time.strftime("%Y-%m-%d_%H-%M-%S_", time.localtime()) # 当前时间-年月日时分秒 ms = str(time.time()).split(".")[1] # 当前时间-微秒 img_name = file_path + now + ms + " ...
Spring Boot 框架笔记
参考 B 站楠哥教你学 Java的Spring Boot 从入门到实战视频 Spring BootSpring Boot 是一个快速开发框架，可以迅速搭建出一套基于 Spring 框架体系的应用，是 Spring Cloud 的基础。 Spring Boot 开启了各种自动装配，从而简化代码的开发，不需要编写各种配置文件，只需要引入相关依赖就可以迅速搭建一个应用。 特点： 1、不需要 web.xml 2、不需要 springmvc.xml 3、不需要 tomcat，Spring Boot 内嵌了 tomcat 4、不需要配置 JSON 解析，支持 REST 架构 5、个性化配置非常简单 如何使用： 1、创建 Maven 工程，导入相关依赖。 1234567891011121314151617181920<!-- 继承父包 --><parent> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-parent&l ...
MyBatis Plus 框架笔记
参考 B 站楠哥教你学 Java的4 小时学会 MyBatis Plus 通俗易懂，从入门到部署上线视频 MyBatis-Plus 官网 MyBatis Plus国产的开源框架，基于 MyBatis 核心功能就是简化 MyBatis 的开发，提高效率。 MyBatis Plus 快速上手Spring Boot(2.3.0) + MyBatis Plus（国产的开源框架，并没有接入到 Spring 官方孵化器中） 1、创建 Maven 工程 2、pom.xml 引入 MyBatis Plus 的依赖 12345<dependency> <groupId>com.baomidou</groupId> <artifactId>mybatis-plus-boot-starter</artifactId> <version>3.3.1.tmp</version></dependency> 3、创建实体类 12345678910package com.southwind.myb ...
SSM框架整合笔记
参考 B 站楠哥教你学 Java的【极简上手】1 小时学会 SSM 框架整合视频 SSM 框架整合Spring + Spring MVC + MyBatis Spring MVC 负责实现 MVC 设计模式，MyBatis 负责数据持久层，Spring 负责管理 Spring MVC 和 MyBatis 相关对象的创建和依赖注入。 创建 Maven 工程，pom.xml 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576<dependencies> <!-- SpringMVC --> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-webmvc</artifa ...
正则表达式
概念正则表达式：通常被用来检索、替换那些符合某个模式（规则）的文本。正则表达式是对字符串操作的一种逻辑公式，就是用事先定义好的一些特定字符及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符串”用来表达对字符串的一种过滤逻辑。 常用操作符 操作符 说明 实例 . 表示任何单个字符 [ ] 字符集，对单个字符给出取值范围 [abc] 表示 a、b、c , [a-z]表示 a 到 z 单个字符 [^ ] 非字符集，对单个字符给出排除范围 [^abc] 表示 非 a 或 b 或 c 的单个字符 * 前一个字符 0 次或无限次扩展 abc* 表示 ab、abc、abcc、abcccc 等 + 前一个字符 1 次或无限次扩展 abc+ 表示 abc、abcc、abccc 等 ? 前一个字符 0 次或 1 次扩展 abc? 表示 ab、abc | 左右表达式任意一个 abc | def 表示 abc、def {m} 扩展前一个字符 m 次 ab{2}c 表示 abbc {m,n} 扩展前一个字符 m 至 n 次（含 n） ab{1,2}c 表示 ...
赴英留学前的准备工作
我将网上的一些信息收集于此篇文章，并结合了自己的做法与经验，旨在做好去英国留学前的各项准备，希望能帮到自己以及路过的朋友们，如果是去其它国家留学的话，本文也可以帮助到一些。 携带行李清单 以下是我自己的物品清单，仅供参考 学习类 文具盒，里边装着一些常用文具 工具类 充电宝（20000mAh） 行李箱 28 寸 x2 充电线和充电头 xN 双肩包和大旅行手提包 剃须刀 雨伞 指甲刀 迷你折叠剪刀 手机 头戴耳机和 AirPods 充电器 剃头电推子 手机壳 手机支架 智云稳定器 行李保护套 x2 15.6 寸便携显示器 衣饰类 真空袋 x8 短袖 xN 长袖 xN 内裤 xN 长裤 xN 短裤 xN 羽绒服 x3 皮带 围巾 手链 项链 眼镜 x2 基础证照类 身份证 护照&签证 机票 证件照片(1寸、2寸各 N 张) 现金 70 磅 当地购买清单 我的仅供参考。如果国内的非常划算，且你行李空间够的话，建议在国内买好带过来。对了，这边有很多国人建的二手群，在里面可以淘一些日用品。 厨具类 电饭煲 小煮锅 大炒锅 煎锅 木铲或铁铲 调料罐2个 筷子 勺子 ...
