Hexo+Butterfly的PWA实现方案
使用Hexo和Butterfly主题的PWA实现方案进行简单介绍。
Hexo 集成 Pjax 实现网站无刷新加载
介绍pjax是如何工作,以及如何在Hexo中集成Pjax实现网站无刷新加载。
Hexo 异步加载(defer、async)
引言每当浏览器在加载html的过程中遇到js代码片段这样的标签时,浏览器会暂停继续构建html,而是优先执行当前的js脚本,等执行完毕后再继续加载后面的html。 怎样加快博客的加载速度呢?可以通过给<script></script>添加defer和ansyc属性来实现异步加载,调整js的加载时间和顺序,确保浏览器构建HTML的过程一切顺利。 defer解释说明defer特性告诉浏览器不要等待脚本。相反,浏览器将继续处理HTML,构建DOM。脚本会在后台下载,然后等DOM构建完成后,脚本才会执行。 简单来说: 具有defer特性的脚本不会阻塞页面。 具有defer特性的脚本总是要等到DOM解析完毕,但在DOMContentLoaded事件之前执行。 举例说明: 123456789<p>...content before scripts...</p><script> document.addEventListener('DOMContentLoaded', () =>...
Hexo + Butterfly 博客增加左下角吸底网易云音乐播放器
在 Hexo 博客的左下角增加吸底网易云音乐播放器。
Hexo 添加 aplayer 音乐播放器
使用 hexo-tag-aplayer 插件为 Hexo 博客增加音乐播放器。
Hexo 图片懒加载
Hexo 使用图片懒加载的介绍和使用操作说明。
Hexo 中经常使用CDN加速技术介绍
对 Hexo 中经常使用到的CDN加速技术进行简单的介绍。你会了解到网站CDN加速是什么?CDN加速起到什么作用?
Hexo 为 Valine 增加博主、小伙伴标识以及浏览器图标
在 Hexo 中为 Valine 评论系统增加博主、小伙伴标识以及浏览器图标,使用了魔改版的 Valine 文件。
Hexo 添加百度主动推送的功能
引言百度主动推送的作用: 及时发现:可以缩短百度爬虫发现您站点新链接的时间,使新发布的页面可以在第一时间被百度收录 保护原创:对于网站的最新原创内容,使用主动推送功能可以快速通知到百度,使内容可以在转发之前被百度发现 百度站长工具注册先在百度站长工具中添加自己的网站(域名要是自己的域名,https://yourname.github.io 域名不可以) 站长工具地址:https://ziyuan.baidu.com/dashboard/index 按照说明的步骤一步一步操作就可以,尽量用www开头的域名即可,这是官方推荐的。 安装插件在Hexo站点根目录下,打开git-bash,输入下面命令安装插件: 1npm install hexo-baidu-url-submit --save 修改配置修改配置文件_config.yml 123456#设置百度主动推送baidu_url_submit: count: 200 #比如200,代表提交最新的200个链接 host: zsyyblog.com # 在百度站长平台中注册的域名,这个改为你自己的域名 token:...
Hexo使用Markdown语法速查表
引言Markdown 速查表提供了所有 Markdown 语法元素的基本解释。如果你想了解某些语法元素的更多信息,请参阅更详细的 基本语法 和 扩展语法。 基本语法这些是 John Gruber 的原始设计文档中列出的元素。所有 Markdown 应用程序都支持这些元素。 元素 Markdown 语法 标题(Heading) # H1## H2### H3 粗体(Bold) bold text 斜体(Italic) italicized text 引用块(Blockquote) > blockquote 有序列表(Ordered List) 1. First item2. Second item3. Third item 无序列表(Unordered List) - First item- Second item- Third item 代码(Code) `code` 分隔线(Horizontal...















