Hexo High一下以及压缩排版问题

【Hexo High一下以及压缩排版问题】的更多相关文章

Hexo High一下以及压缩排版问题

背景介绍集成Hight一下以及Gulp-html压缩之后出现的问题: High一下功能多次点击,会创建多个Audio对象,导致同时播放多次音乐,重音.解决办法:判断是否添加Audio对象,如果存在则判断是否播放,播放状态不做任何处理,未播放则调用播放方法.如果不存在则调用后续创建音乐对象的处理. Gulp-html压缩会导致我们页面故意添加的空格排版也会被清空掉.查询Gulp-html的API,发现没有这种配置,而且尝试去组合配置,最后发现还是不行.实在没办法后,只能看压缩的源代码.核心思路…

Hexo构建Blog系列

Hexo是一个开源构建blog框架,基于nodejs研发.可以自由切换主题,插件等功能,实现自已酷炫博客需求. 下面是基于hexo实践所产出的一些心得,供大家参考. 基础 Hexo 搭建 Hexo 与 Git 集成 Hexo 自动同步特效 Hexo页面优化和音乐的心得 Hexo 添加自定义的内置标签 Hexo 相册实践优化 Hexo Next 调优 Hexo High一下以及压缩排版问题 Hexo Daemon…

TextField 、 FTE、 TLF 的使用情景和简单说明

作者:tiangej 来源:CSDN 原文:https://blog.csdn.net/tiangej/article/details/16859239 版权声明:本文为博主原创文章,转载请附上博文链接! 虽然是转载文章,但也做了一些修改,不完全是转载哦!!! TextField: 文本输入和显示(纯文本)通常99%的App中,文本输入的目的是收集数据,而并非排版.因此,文本需要的只是常规布局(从左到右的顺序书写,普通的换行,普通的格式缩进),并不需要像杂志那样的复杂布局:同时,也只是需要单纯式…

hexo 博客支持PWA和压缩博文

目标网站 https://blog.rmiao.top/ PWA yarn add hexo-offline 然后在root config.yml里新增 # offline config passed to sw-precache. service_worker: maximumFileSizeToCacheInBytes: 5242880 staticFileGlobs: - /**/*.{js,html,css,png,jpg,gif,svg,eot,ttf,woff,woff2} - /l…

Hexo瞎折腾系列(5) - 使用hexo-neat插件压缩页面静态资源

为什么要压缩页面静态资源对于个人博客来说,优化页面的访问速度是很有必要的,如果打开你的个人站点,加载个首页就要十几秒,页面长时间处于空白状态,想必没什么人能够忍受得了吧.我个人觉得,如果能把页面的加载时间控制在三四秒内,就很不错了. 那么怎么提高hexo这个静态博客的页面加载速度呢?可以从以下的几个方面去入手: 将js文件尽可能放置到body的闭合标签之前,因为在加载或者引入js文件时是阻塞式的,如果我们在页面的最开始就引入这些js文件,而这些文件又比较大,会造成页面在渲染时长时间处于白屏状态…

hexo next主题深度优化(六)，使用hexo-neat插件压缩页面，大幅度提升页面性能和响应速度。

文章目录隆重感谢: 背景开始试水成功的案例安装插件,执行命令. hexo _config.yml文件添加坑跳过压缩文件的正确配置方式压缩html时不要跳过.md文件压缩html时不要跳过.swig文件点击的桃心效果消失 gitalk js文件报错 jquery pjax min js报错隆重感谢: https://blog.csdn.net/lewky_liu/article/details/82432003 https://blog.csdn.net/qq_2180896…

hexo访问优化之--------gulp压缩

hexo访问优化之--------gulp压缩 hexo生成的博客是静态html页面,当有很多静态资源时,加载速度会非常慢,且github服务器在国外,导致网页加载速度非常差 gulp压缩 gulp是一种基于nodejs的构建工具,可以帮助我们压缩代码,图片等,通过减少数据量优化速度 gulp使用 gulp安装 npm install gulp 这里使用npm install gulp -g会导致hexo目录下找不到gulp gulp压缩模块安装 npm install gulp-htmlcle…