【Hexo】静态博客设置文章加密访问
参考:hexo-blog-encrypt
写在前面
有时候我们可能需要写一些可能是个人情感宣泄或者收费技术内容,通过密码验证的方式让人不能随意浏览。
但是hexo在这方面并不能直接实现。
为了解决这个问题,我们需要安装 hexo-blog-encrypt扩展
特性
一旦你输入了正确的密码,它就会被存储在本地浏览器的localStorage中。按个按钮,密码将会被清空。若博客中有脚本,它将被正确地执行。支持按标签加密。
所有的核心功能都是由原生的API所提供的。在Node.js中,我们使用Crypto。在浏览器中,我们使用Web Crypto API。
PBKDF2,SHA256被用作复制密钥,AES256-CBC被用作加解密,我们还使用HMAC来验证密文的来源,并确保其纠正。
广泛地使用Promise来进行异步操作,从而确保线程不被杜塞。
过时的浏览器将无法正常显示,因此,请升级您的浏览器。
在线演示请参阅演示页面,所有密码都是hello
实现方法安装npm install --save hexo-blog-encrypt或者 yarn add hexo-blog-enc ...
前后端交互初步概念
来源:『轻笑Chuckle』
前言 前后端交互本来是一个简单明了的概念,发请求与响应以及所用到的技术,但如百度等搜索结果大部分都抛出一堆菜鸟如我看不懂的概念与操作,上来就是用vue,或者新建一个MVC项目,实在不友好。 本文旨在建立一个初步的、以前端为视角的前后端交互概念。
为什么要前后端交互 以前的网页,用户在浏览器输入链接访问后,服务器一顿操作,渲染出页面扔给浏览器显示。而当页面内某段话,某个数字需要变,服务器又得重新渲染整个网页。 这很麻烦,像PHP、JSP,代码写在HTML中,也就是前后端不分离的表现。下面就是一个JSP的表格。
1234567891011<tbody class="book-body"> <c:forEach items="${bookList}" var="book"> <tr class="book-tr"> <td>$& ...
智慧树自动速刷脚本
Autovisorzhihuitree-autovisor前言
Web 使用 HarmonyOS 字体的压缩方案
Web 使用 HarmonyOS 字体的压缩方案 参考:FontTools ; HarmonyOS Developer
HarmonyOS 字体
https://developer.harmonyos.com/cn/docs/design/font-0000001157868583
通过研究用户在不同场景下对多终端设备的阅读反馈,综合考量不同设备的尺寸、使用场景等因素,同时也考虑用户使用设备时因视距、视角的差异带来的字体大小和字重的不同诉求,我们为 HarmonyOS 设计了全新系统默认的字体——HarmonyOS Sans(即鸿蒙字体)。
通过 BILIBILI(哔哩哔哩)主站的使用效果来看,能明显发现 HarmonyOS 字体在 Windows 低分辨率pixel-ratio < 1.5屏幕上显示更加细腻。
网页加载速度的影响 如果需要全站使用同一种字体,那么我们或许需要同时加载 Regular、Medium、Bold 等不同字重的字体文件,这里给一个参考: HarmonyOS_Sans_SC_Regular.ttf 文件大小高达 8068KB,注意, ...
原码、反码与补码
来源:Fomalhaut🥝
原码原码就是符号位加上真值的绝对值,即用第一位表示符号,其余位表示值。比如如果是8位二进制:+1 = 0000 0001-1 = 1000 0001
第一位是符号位,所以8位二进制数的取值范围就是:
[1111 1111 , 0111 1111]即[-127 , 127]
原码是人脑最容易理解和计算的表示方式。
反码反码的表示方法是: 正数的反码是其本身,负数的反码是在其原码的基础上,符号位不变,其余各个位取反。
[+1] = 00000001= 00000001
[-1] = 10000001= 11111110
可见如果一个反码表示的是负数,人脑无法直观的看出来它的数值。通常要将其转换成原码再计算。
补码补码的表示方法是:正数的补码就是其本身,负数的补码是在其原码的基础上,符号位不变,其余各位取反,最后+1 (即在反码的基础上+1)。
[+1] = 00000001 = 00000001 = 00000001
[-1] = 10000001 = 11111110 = 11111111
对于负数,补码表示方式也是人脑无法直观看出其数值的。通常也需要转换 ...
【地理秘笈】答题思路&技巧总结
379bffa4d3a148826a242d9b463d53765a9dac68e18d8ad28c645dc9a68f7078b60ab8b45ede09373cb1f0f916918a6460d70918a315948060a4a21956d4e6c4dc10d38e506e1a41fe93ad36b6c8f7f567d0563aed1bd8c0f6dabb2f8bf205cf31b816381fbf6be1b732e18b721c91de3e8dde0450be5d382c58ce1e701da3f39975a80ec8a46c88adc57a80100f3f643acf3fb8981a78e17ab25d7c7ea5b4a06ded18b1f1859516b7f91e12c387b06fc5e0145dafadac9b0035ead59e777b4e5067745871195c3d67bfefaac7eba37b58ab4e127ef2eb7aaa07f95d13248f03a31932b9f18cc606efa7ba64781b23e3bb490f34b5cd48051 ...