未读
使用 Github Action 自动部署
此教程参考 🧊Akilar の糖果屋 🍭,转载需注明出处。 Github Action 简介Github Action 是 GitHub 于 2018 年 10 月推出的一个 CI\CD 服务。 CI/CD解释 CI\CD 其实说的是三件事情:「持续集成(Continuous Integration)」、「持续交付(Continuous Delivery)」、「持续部署(Continuous Deployment)」。因为「持续交付」和「持续部署」的英文缩写是一样的,所以这三件事情缩写成了 CI\CD 。 每次部署 Hexo 都需要运行指令三件套,随着文章越来越多,编译的时间也随之越来越长,通过 Github Action,我们只需要在每次完成博客的编写或修改以后,将改动直接 push 到远程仓库,之后的编译部署的工作统统交给 CI 来完成即可,如果是看过 Coding 部署教程的小伙伴,应该对这种持续部署的操作有所感触。 教程常量声明感谢@YML 的反馈。以下将 ...
未读
目前可用cdn整理
可用 npm 镜像jsDelivrhttps://cdn.jsdelivr.net/npm unpkghttps://unpkg.com/ unpkg 自建https://cdn.cbd.int npm elementhttp://npm.elemecdn.com/ 初七云https://cdn.chuqis.com/npmhttps://cdn.chuqis.com/gh https://esm.sh/渺软公益 CDNhttps://cdn.onmicrosoft.cn/https://npm.onmicrosoft.cn/ 其他 cdnbootcdnhttps://www.bootcdn.cn/ loli (cdnjs)https://cdnjs.loli.net/ Staticfilehttps://staticfile.org/ 75CDNhttps://cdn.baomitu.com/ 今日头条 CDNhttps://cdn.bytedance.com/ cdnjshttps://cdnjs.com/
未读
cloudreve pdf预览偶尔出错修复方案
完成此教程前请先完成前置教程 引用站外地址 cloudreve魔改前置教程 cloudreve魔改前置教程 找到 src\component\Viewer\PDF.js 下第13行左右 替换掉这一行 1234// 删除这一行pdfjs.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`;// 加上这一行pdfjs.GlobalWorkerOptions.workerSrc = `//cdn.staticfile.org/pdf.js/${pdfjs.version}/pdf.worker.js`; 然后在跟目录启动 cmd 或者 git bash, 执行下面这行代码 1yarn run build 等待 1-2 分钟项目根目录下 ...
未读
butterfly 重装日记
本篇为博主的部分魔改重装日记,以防自己日后因魔改迷失所做记录 📝 npm 镜像npm 淘宝镜像源 123npm config set registry http://registry.npmmirror.com# 切回源npm config set registry https://registry.npmjs.org/ 颜色 css因魔改中有大量 css 颜色变量代码如color: var(--anzhiyu-white)等类似代码, 均为 css 颜色代码, 此处为博主目前所有的颜色变量定义 css, 可自行复制并修改 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495/* 颜色 */:root { --anzhiyu-theme-op: #4259ef2 ...
未读
cloudreve网盘魔改前置教程
Cloudreve 是一款非常非常牛皮的网盘系统, Cloudreve 可以让您快速搭建起公私兼备的网盘系统。Cloudreve 在底层支持不同的云存储平台,用户在实际使用时无须关心物理存储方式。你可以使用 Cloudreve 搭建个人用网盘、文件分享系统,亦或是针对大小团体的公有云系统。 Cloudreve 文档地址;https://docs.cloudreve.org/ 以下教程 基于 cloudreve pro(amd64 linux 版本)其他版本请自行测试 既然要魔改我们当然得先安装环境 安装环境 安装 node.js 安装完 node 以后会自动存在 npm进入 node.js 官网:Node.js 官网按照自己的机器选择对应的版本下载,我是 windous 64 位然后差不多就是一直下一步 hhh~具体可以参考Node.js 安装教程如果遇到什么问题,一般百度都能解决,这里就不在赘述. 安装 Git ...
数据结构复习题
由于我实在是太菜了,于是就有了这篇文章,仅供参考,不说了,充电了~ 数据结构 练习题一 选择题 线性结构中数据元素之间是( )关系。A.一对多 B.多对多 C.多对一 D.一对一答:D数据结构中与所使用的计算机无关的是数据的( )结构。A.存储 B.物理 C.逻辑 D.物理和存储答:C算法分析的目的是( )。A.找出数据结构的合理性B.研究算法中的输入和输出的关系C.分析算法的效率以求改进D.分析算法的易懂性和文档性答:C算法分析的两个主要方面是( )。A.空间复杂性和时间复杂性B.正确性和简明性C.可读性和文档性D.数据复杂性和程序复杂性答:A计算机算法指的是( )。A.计算方法B. 排序方法C.求解问题的有限运算序列D.调度方法答:C计算机算法必须具备输入、输出和( )等 5 个特性。A.可行性、可移植性和可扩充性B.可行性、确定性和有穷性C.确定性、有穷性和稳定性D.易读性、稳定性和安全性答:B 填空题 ...
彻底搞懂 HTTPS 的加密原理
HTTPS(SSL/TLS)的加密机制虽然是大家都应了解的基本知识,但网上很多相关文章总会忽略一些内容,没有阐明完整的逻辑脉络,我当年学习它的时候也废了挺大功夫。 对称与非对称加密、数字签名、数字证书等,在学习过程中,除了了解“它是什么”,你是否有想过“为什么是它”?我认为理解了后者才真正理解了 HTTPS 的加密机制。 本文以问题的形式逐步展开,一步步解开 HTTPS 的面纱,希望能帮助你彻底搞懂 HTTPS。 为什么需要加密?因为 http 的内容是明文传输的,明文数据会经过中间代理服务器、路由器、wifi 热点、通信服务运营商等多个物理节点,如果信息在传输过程中被劫持,传输的内容就完全暴露了。劫持者还可以篡改传输的信息且不被双方察觉,这就是中间人攻击。所以我们才需要对信息进行加密。最容易理解的就是对称加密 。 什么是对称加密?简单说就是有一个密钥,它可以加密一段信息,也可以对加密后的信息进行解密,和我们日常生活中用的钥匙作用差不多。 对称加密(https://sectigostore.com/blog/types-of-encryption-what-to-know-a ...
未读
京东自动签到实现教程
前段时间在某论坛上看到关于京东签到脚本的实现方式,于是就进行了记录部署过程 任何脚本都是有风险的,实践之前请注意,京东 cokies 代表的即是你本人,不要轻易将你的 cokies 交给其他人,下面示例中使用的是 Githubzero205搬运的代码,内置了该搬运工的助力码,也就是使用改代码必会帮他助力(不过人家不能用爱发电 hhh,更新速度也很快) 该教程仅供学习使用,请于 24 小时内删除该代码! 有两种部署方式,如果你有自己的服务器建议使用第二种部署方式,第一种部署方式可能会产生部分费用但是相对第二种部署方式较为简单 部署方式 1:利用腾讯云或阿里云函数实现如果你没有服务器,并且也不想折腾的很麻烦,建议使用此方式进行部署 首先我们先来了解什么是:Github Action Github Action Github ActionGithub Actions 是由 Github 创建的 CI/CD 服务。 它的目的是使所有软件开发工作流程的自动化变得容易。 直接从 GitHub 构建,测试和部署代码。 ...
完全搞懂this的指向
在此感谢 coderwhy 老师,嘿嘿 this 是 JavaScript 中的一个关键字,但是又一个相对比较特别的关键字,不像 function、var、for、if 这些关键字一样,可以很清楚的搞清楚它到底是如何使用的。 this 会在执行上下文中绑定一个对象,但是是根据什么条件绑定的呢?在不同的执行条件下会绑定不同的对象,这也是让人捉摸不定的地方。 这一次,我们一起来彻底搞定 this 到底是如何绑定的吧! 理解 this为什么使用 this在常见的编程语言中,几乎都有 this 这个关键字(Objective-C 中使用的是 self),但是 JavaScript 中的 this 和常见的面向对象语言中的 this 不太一样: 常见面向对象的编程语言中,比如 Java、C++、Swift、Dart 等等一系列语言中,this 通常只会出现在类的方法中。 也就是你需要有一个类,类中的方法(特别是实例方法)中,this 代表的是当前调用对象。 但是 JavaScript 中的 this 更加灵活,无论是它出现的位置还是它代表的含义。 使用 this 有什么意义呢?下面的代码 ...
前端面试题(一)
浏览器里,从用户输入 url 到用户看到页面结果的过程,发生了什么? 1、域名解析 域名解析的过程: (1)查询浏览器自身 DNS 缓存 (2)若上面没有找到,则搜索操作系统自身的 DNS 缓存 (3)若上面没有找到,则尝试读取 hosts 文件 (4)若上面没有找到,向本地配置的首选 DNS 服务器发送请求 (5)win 系统 若上面没有找到,操作系统查找 NetBIOS name cache (6)win 系统 若上面没有找到,查询 wins 服务器 (7)win 系统 若上面没有找到,广播查找 (8)win 系统 若上面没有找到,读取 LMHOSTS 文件 若以上都没有找到,解析失败。 2、TCP 三次握手 3、浏览器向服务器发送 http 请求 一旦建立了 TCP 连接,web 浏览器就会向 web 服务器发送请求命令。例如: GET/sample/hello.jsp HTTP/1.1 4、浏览器发送请求头信息 浏览器发送请求命令之后,还要以头信息的形式向 web 服务器发送一些别的信息,之后浏览器发送了一空白行来通知服务器,它已经结束了该头 ...
vue面试题
20 道常见的面试题 摘自 boss 直聘陈大鱼头 尽量减少 data 中的数据,data 中的数据都会增加 getter 和 setter,会收集对应的 watcher 从镜片的厚度和黄黑相见的格子衬衫我察觉到,面前坐着的这位面试官应该是来者不善。我像以往一样,准备花 3 分钟的时间进行自我介绍。 在此期间,为了避免尴尬,我盯着面试官的眉毛中间,不过面试官明显对我的经历不是很感兴趣。他在 1 分半的时候打断了我。 你觉得自己最擅长的技术栈是什么? Vue 吧,我很喜欢尤大,最近刚发布了 Vue 的首部纪录片,真的很好看。 那你能讲一讲 MVVM 吗?MVVM 是 Model-View-ViewModel 缩写,也就是把 MVC 中的 Controller 演变成 ViewModel。Model 层代表数据模型,View 代表 UI 组件, ViewModel 是 View 和 Model 层的桥梁,数据会绑定到 viewModel 层并自动将数据渲染到页面中,视图变化的时候会通知 viewModel 层更新数据。 简单说一下 Vue2.x 响应式数据原理Vue 在初始化数据时 ...
SASS学习
使用变量sass —> scss sass让人们受益的一个重要特性就是它为css引入了变量。你可以把反复使用的css属性值 定义成变量,然后通过变量名来引用它们,而无需重复书写这一属性值。或者,对于仅使用过一 次的属性值,你可以赋予其一个易懂的变量名,让人一眼就知道这个属性值的用途。 sass使用$符号来标识变量(老版本的sass使用!来标识变量。改成$是多半因为!highlight-color看起来太丑了。),比如$highlight-color和$sidebar-width。为什么选择$ 符号呢?因为它好认、更具美感,且在CSS中并无他用,不会导致与现存或未来的css语法冲突。 变量声明 sass变量的声明和css属性的声明很像: 1$highlight-color: #F90; 这意味着变量$highlight-color现在的值是#F90。任何可以用作css属性值的赋值都 可以用作sass的变量值,甚至是以空格分割的多个属性值,如$basic-border: 1px solid black;,或以逗号分割的多个属性值,如$plain-font: "Myr ...