Hexo + Butterfly 悬挂灯笼,文章链接:Hanginglanterns|唐志远の博客标题之前有小伙伴留言问我博客悬挂灯笼如何实现的,现在写一篇简单的教程。悬挂灯笼效果效果如下:PC端Mobile端步骤新建CSS样式在themes\Butterfly\source\css文件下新建CSS文件,并命名
对于长列表渲染,传统的方法是使用懒加载的方式,下拉到底部获取新的内容加载进来,其实就相当于是在垂直方向上的分页叠加功能,但随着加载数据越来越多,浏览器的回流和重绘的开销将会越来越大,整个滑动也会造成卡顿,这个时候我们就可以考虑使用虚拟列表来解决问题。 虚拟列表 其核心思想就是在处理用户滚动时,只改变列表在...
唐志远Dreamman,科学科普博主。唐志远Dreamman的微博主页、个人资料、相册,自然摄影师。新浪微博,随时随地分享身边的新鲜事儿。
这里有两个小游戏,可用来练习 flex 布局。 塔防游戏 送小青蛙回家 Flexbox 概述 Flexbox 布局也叫 Flex 布局,弹性盒子布局。 它决定了元素如何在页面上排列,使它们能在不同的屏幕尺寸和设备下可预测地展现出来,更简便、完整、响应式地实现各种页面布局。
【_config.yml】:博客的配置文件 【package.json】:项目名称、描述、版本、运行和开发等信息 3. 安装主题 # hexo >= 4.0gitclone https:///HCLonely/hexo-theme-webstack themes/webstack 1. 2. # hexo >= 5.0npminstallhexo-theme-webstack-S
这里用 4.5.1 版本跑了【自定义页脚】的功能,主题是新拉的,可能未过多美化,只是为了验证下该功能有没有问题。如果你在使用此功能时遇见了 BUG ,请检查footer.pug的格式以及custom.css是否正确引入。 步骤 在BlogRoot/node_modules/hexo-theme-butterfly/layout/includes/footer.pug中添加如下代码: ...
在认识图片优化前,我们先了解下 【二进制位数】与【色彩呈现】的关系。 二进制位数与色彩 在计算机中,一般用二进制数来表示像素。在不同的图片格式中,像素与二进制位数之间对应的关系是不同的。一个像素对应的二进制位数越多,它能表示的颜色种类就丰富,成像效果也就越精致,图片所需的存储空间相应也会越大。
38. 39. 40. 41. 42. 43. 44. 45. 46. 47. 48. 49. 50. 51. 52. 53. 54. 55. 56. 57. 58. 59. 60. 61. 62. sortArray()此方法根据目标属性值(StoAlias)排序了。 点击传送门查看更多关于【el-table 合并行或列】的信息。
时光飞逝,博客两周年啦 博客自 2020年12月10日 运营以来,已经成功走过两年啦(差点成为两年半的博主)。 在这两年中,曾替无数网友解答了各种关于建站的疑难杂症,此处略过 30000 字。 自己也认识了 Hexo + Butterfly 这个圈子里很多有趣的人,让我受益良多,各个都是人才!