2024-10-30 厉飞雨 阅读(21) 评论(0) 赞(2)

引言 {#引言} ======== 百度主动推送的作用： * 及时发现：可以缩短百度爬虫发现您站点新链接的时间，使新发布的页面可以在第一时间被百度收录 * 保护原创：对于网站的最新原创内容，使用主动推送功能可以快速通知到百度，使内容可以在转发之前被百度发现 百度站长工具注册 {#百度站长工具注册} ==================== 先在百度站长工具中添加自己的网...

2024-10-30 厉飞雨 阅读(22) 评论(0) 赞(4)

引言 {#引言} ======== 这个原生的 Valine 就不支持了，我们需要使用魔改版的 Valine 文件，可以直接将原生的 Valine 替换为以下的 Valine.min.js 文件。 魔改版 Valine.min.js <https://cdn.jsdelivr.net/gh/HCLonely/Valine@latest/dist/Valine.mi...

2024-10-30 厉飞雨 阅读(18) 评论(0) 赞(2)

引言 {#引言} ======== 对于做全球业务的网站来讲，每慢一秒钟，可能都会丢失不少的访客。可以想像，如果网站是你的盈利渠道或是品牌窗口，那么网站速度慢将是一个致命的打击。而CDN可以很好的解决这个问题，下文详细介绍一下网站CDN加速是什么？CDN加速起到什么作用？ 一、网站CDN加速是什么？ {#一、网站CDN加速是什么？} ====================...

2024-10-30 厉飞雨 阅读(18) 评论(0) 赞(4)

引言 {#引言} ======== 知识小课堂：图片加载方式有两种，一个是预加载，另一个就是懒加载，那你了解什么是预加载和懒加载吗？下面来学习一下。 参考：图片预加载与图片懒加载（缓载）的区别与实现 * 图片预加载：顾名思义，图片预加载就是在网页全部加载之前，提前加载图片。当用户需要查看时可直接从本地缓存中渲染，以提供给用户更好的体验，减少等待的时间。否则，如果一个页面的...

2024-10-30 厉飞雨 阅读(31) 评论(0) 赞(4)

引言 {#引言} ======== hexo-tag-aplayer 是Aplayer在hexo上的插件，这里的配置参考的是[官方文档](https://github.com/MoePlayer/hexo-tag-aplayer/blob/master/docs/README-zh_cn.md) 安装 hexo-tag-aplayer {#安装-hexo-tag-aplay...

2024-10-30 厉飞雨 阅读(21) 评论(0) 赞(2)

安装插件 {#安装插件} ============ |-----------|---------------------------------------------| | ``` 1 ``` | ``` npm install --save hexo-tag-aplayer ``` | [插件github地址](https://github.com/MoePlayer/...

2024-10-30 厉飞雨 阅读(33) 评论(0) 赞(3)

引言 {#引言} ======== 每当浏览器在加载html的过程中遇到这样的标签时，浏览器会暂停继续构建html，而是优先执行当前的js脚本，等执行完毕后再继续加载后面的html。 怎样加快博客的加载速度呢？可以通过给`<script></script>`添加`defer`和`ansyc`属性来实现异步加载，调整js的加载时间和顺序，确保浏览器构建...

2024-10-30 厉飞雨 阅读(33) 评论(0) 赞(5)

pjax 是如何工作的？ {#pjax-是如何工作的？} ============================ pjax是对ajax + pushState的封装，让你可以很方便的使用pushState技术。 同时支持了缓存和本地存储，下次访问的时候直接读取本地数据，无需在次访问。 并且展现方式支持动画技术，可以使用系统自带的动画方式，也可以自定义动画展现方式。 访...

2024-10-30 厉飞雨 阅读(30) 评论(0) 赞(3)

引言 {#引言} ======== PWA的全称是Progressive Web Apps，译为渐进式网络应用程序。装配了PWA以后，用户可以将网站作为WEB APP安装到自己的设备上，以原生应用般的方式浏览博客，同时借助PWA的缓存机制，能够更快速的浏览。本文讨论的是使用两种方案实现PWA。最终效果不尽相同，但是都可以实现原生应用体验和更新弹窗提示。其实还有个离线博客，但是...

2024-10-30 厉飞雨 阅读(22) 评论(0) 赞(5)

安装插件 {#安装插件} ============ |-----------|--------------------------------------------------| | ``` 1 ``` | ``` npm install hexo-butterfly-swiper --save ``` | 添加配置信息 {#添加配置信息} ===============...