Skip to content

Commit bde635e

Browse files
love2windlove2wind
committed
update 9.30
1 parent f4594f3 commit bde635e

File tree

4 files changed

+137
-1
lines changed

4 files changed

+137
-1
lines changed

‎docs/_sidebar.md

+4-1
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,7 @@
2424
- [哪吒面板搭建设置教程](note/site/nezha.md)
2525
- [Privatebin搭建设置教程](note/site/privatebin.md)
2626
- [青龙面板搭建设置教程](note/site/qinglong.md)
27+
- [instant.page一段代码为你的网站加速](note/site/instantpage.md)
2728
* 网盘相关
2829
- [微软开发者E5申请](/note/imgpan/e5.md)
2930
- [注册Azure应用获取API](/note/imgpan/azureapi.md)
@@ -47,6 +48,7 @@
4748
* GITHUB
4849
- [My Github](note/git/mygithub.md)
4950
- [github自定义域名的那点事](note/git/gitdomain.md)
51+
- [套框头像生成网站搭建](note/git/avatar.md)
5052
- [优秀项目推荐](note/git/githubpj.md)
5153
* Google
5254
- [Google Fonts](note/jichu/googlefont.md)
@@ -61,13 +63,14 @@
6163
- [为你的网站引入Aplayer和Meting的方法](note/typecho/aplayer.md)
6264

6365
64-
66+
6567
* 资源收集
6668
* 软件APP
6769
- [常用软件分享](ziyuan/soft/soft.md)
6870
- [VScode安装配置记录](ziyuan/soft/vscode.md)
6971
- [强大的阿里云盘第三方客户端](ziyuan/soft/alipanxby.md)
7072
- [常用软件使用技巧](ziyuan/soft/jiqiao.md)
73+
- [分享两个小工具：OneDrive直链生产&短链接生成](ziyuan/soft/2toolshare.md)
7174
* 操作系统
7275
- [操作系统常识](ziyuan/system/system.md)
7376
- [操作系统下载](ziyuan/system/sysdown.md)

‎docs/note/git/avatar.md

+20
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
明天就是国庆节了，我看大家都在给头像加国旗啊什么的，刚好今天发现一个类似的项目，就顺手搭建了一个，有需要的可以直接前往生成，目前就三个模板，等抽时间多搞几个。
2+
3+
> 项目地址：https://github.com/TransparentLC/avatar-frame
4+
>
5+
> 搭建的成品：https://tou.love2wind.com
6+
>
7+
> 搭建平台：https://vercel.com/
8+
9+
### 网站预览
10+
11+
![image (11)](https://cdn.jsdelivr.net/gh/love2wind/cloudimg/img/5551085e795a62576916311202c171e9.webp)
12+
13+
### 搭建方法
14+
15+
本项目就是html+js，支持静态网页的平台都可以直接搭建使用，我这里使用了vercel.com，所以你只要fork项目，修改 `index.html`文件的标题和相关文本，然后修改 `config.json` 里配置就可以直接部署了。如果你有自己的服务器，就直接新建网站，下载项目代码，修改文件后直接就可以访问了。
16+
17+
### 生成头像演示
18+
19+
![image (10)](https://cdn.jsdelivr.net/gh/love2wind/cloudimg/img/bf25535b55ab7d651992d5f5351c6465.webp)
20+

‎docs/note/site/instantpage.md

+63
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,63 @@
1+
![](https://cdn.jsdelivr.net/gh/love2wind/cloudimg/img/3042e6d83bd92e0d9e81f285474e624c.webp)
2+
3+
今天不知道写点啥，刚才看网站后台，发现加载了个**instant.page**的JS，干脆就水一篇关于instant.page的文章吧。
4+
5+
### 关于instant.page
6+
7+
> instant.page官网：https://instant.page
8+
9+
instant.page宣称可让网站加载时间缩短到 1 分钟以内，并提高 1% 的转化率。其作用是可以预加载用户想访问的页面，当用户真正点击链接后，就会直接从缓存中读取，以此提升网站的访问速度。
10+
11+
instant.page 原理的话我们不必深层了解，只需知道：
12+
13+
- 使用即时预加载技术，在用户点击之前预先加载页面。当用户的鼠标悬停在一个链接上超过 65 毫秒时，浏览器会对此页面进行预加载，当用户点击链接后，就从预加载的缓存中直接读取页面内容，从而达到缩短页面加载时间的目的。
14+
- instant.page 是渐进式增强 - 对不支持它的浏览器没有影响。
15+
- **使用 instant.page 会显著增加自己的网站的 PV 以及请求量。**
16+
- **使用 instant.page 只会预加载 html 页面，而不会加载图片等资源。因此点击预加载的页面是秒开的，图片在点击之后才会加载，不用担心与 lazyload 的各种不兼容问题。**
17+
18+
### 使用方法
19+
20+
#### 一、使用官方提供的带有 Cloudflare 加速的脚本
21+
22+
建议服务器在国外的朋友使用。只要把这行代码添加到网站的 `</body>标签`之前即可。（**一般都可以在后台直接添加**）
23+
24+
```html
25+
<script src="//instant.page/5.1.0" type="module" integrity="sha384-by67kQnR+pyfy8yWP4kPO12fHKRLHZPfEsiSXR8u2IKcTdxD805MGUXBzVPnkLHw"></script>
26+
```
27+
28+
#### 二、使用国内公共CND
29+
30+
**Jsdelivr**
31+
32+
```html
33+
<script src="//cdn.jsdelivr.net/npm/[email protected]/instantpage.min.js"></script>
34+
```
35+
36+
**字节跳动**
37+
38+
```html
39+
<script src="//lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/instant.page/5.1.0/instantpage.min.js"></script>
40+
```
41+
42+
```html
43+
<script src="//s0.pstatp.com/cdn/expire-1-M/instant.page/1.2.2/instantpage.min.js" type="application/javascript"></script>
44+
```
45+
46+
**BOOTCDN**
47+
48+
```html
49+
<script src="https://cdn.bootcdn.net/ajax/libs/instant.page/5.1.0/instantpage.min.js"></script>
50+
```
51+
52+
**二。自托管**
53+
54+
建议服务器在国内的朋友使用。只需将下面这段 js [点击查看](https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/instant.page/5.1.0/instantpage.min.js)上传到自己服务器，然后在 `</body>标签`之前根据路径添加下面的代码即可。
55+
56+
```html
57+
<script src="`存放路径`/instantpage.min.js" type="module"></script>
58+
```
59+
60+
### 参考文章
61+
62+
- [instant.page官网](https://instant.page/)
63+
- [网站预加载JS脚本 instant.page ](https://www.zrahh.com/archives/399.html)

‎docs/ziyuan/soft/2toolshare.md

+50
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,50 @@
1+
![](https://cdn.jsdelivr.net/gh/love2wind/cloudimg/img/99a1d7144baf1f6b7ae512c539477970.webp)
2+
3+
今天给大家分享两个小工具，都是比较实用的，均出自吾爱论坛的某位大佬。
4+
5+
## OneDrive for Business 直链生成工具
6+
本工具适用于OneDrive教育版、商业版分享的单文件链接转换为直链，不支持文件夹。
7+
![img](https://i.loli.net/2021/09/30/1B9ZAiROtmwSpCz.png)
8+
9+
### 测试直链图片
10+
11+
![img](https://oemn-my.sharepoint.com/personal/fzxx_office365a1_vip/_layouts/52/download.aspx?share=EdlVNsEWOQNFt1uZOAHYKksBsUR-HSsPgo8627Bajz7D9w)
12+
13+
### 直链文件测试
14+
15+
`https://oemn-my.sharepoint.com/personal/fzxx_office365a1_vip/_layouts/52/download.aspx?share=EcDcNbM0CWlClk-CY-vfXKgBzHVc7JxaUfeMmIRE7tlPyg`
16+
17+
直接复制上面链接到IDM即可下载测试
18+
19+
### 工具下载
20+
21+
前往吾爱论坛发布页下载（需要积分）：https://www.52pojie.cn/thread-1070131-1-1.html
22+
23+
直接下载：https://ola.niege.ml/t/inLaz9
24+
25+
## 短链接生成小工具
26+
27+
![img](https://i.loli.net/2021/09/30/DBs7Vtfemrj4vch.gif)
28+
29+
### 更新记录
30+
31+
> 1.4
32+
> 修复新浪短链、更换失效短链；部分等待修复
33+
>
34+
> 1.3
35+
> 增加批量生成短链、更新历史，优化界面、更换腾讯短链
36+
>
37+
> 1.2
38+
> 增加2个短链地址，优化体验，共9个短链
39+
>
40+
> 1.1
41+
> 添加历史记录、新浪短链，共7个短链
42+
>
43+
> 1.0
44+
> 初版，6个短链
45+
46+
### 工具下载
47+
48+
前往吾爱论坛发布页下载（需要积分）：https://www.52pojie.cn/thread-1043792-1-1.html
49+
50+
直接下载：https://ola.niege.ml/t/n14mrP

0 commit comments

Comments
 (0)