
github个人主页
文章平均质量分 78
Dear_Xuan
这个作者很懒,什么都没留下…
展开
-
volantis大量背景图的优化方案
原方案的不足之处volantis的所有背景图都储存在配置文件中,如果图片过多,就会导致配置文件冗长实际上,产生随机图的原理是遍历数组并随机交换,因此图片过多时加载速度也会大幅度降低但是实际上这些图片的地址都高度相似,因此我们可以换个思路,每次生成一个随机数,并动态生成图片地址,这样就大大提高了加载速度,并且省去了填写地址的麻烦备份在修改源码之前先备份源文件命名格式使用数字命名图片,下标从1开始,例如 "1.jpg","2.jpg"。将所有图片上传至网页目录或图床中,请确保所有原创 2021-11-29 18:29:35 · 463 阅读 · 0 评论 -
Volantis的APlayer事件捕获
本文方法适用于Volantis 5.0.0.alpha.1,不保证其他版本可用Volantis中使用APlayer作为音乐播放器,如果希望在播放音乐时网页能够做出响应,例如弹窗,就需要对播放事件进行捕获。目标效果我的网页左下角有一个看板娘,我希望播放音乐时她会说:而暂停时她会说:浏览了APlayer官方文档的方法后,发现在volantis中根本无效,于是自己查看volantis的源码并实现。现在从中挑选出我认为比较重要的事件,写成js代码来分享,你需要自行定义函数并在函数里实现你原创 2021-08-31 17:59:54 · 189 阅读 · 0 评论 -
Volantis主题自定义—暗黑模式动画
我的主页参考:http://www.dearxuan.top主页灵感来自于:miss-reria本文灵感来自于阳光派plus,原文地址:hexo之Volantis添加暗黑模式原作者效果原js无法兼容volantis自己的暗黑模式,因为它使用了自己的暗黑CSS,与volantis冲突。本人经过修改之后,删除了原有CSS,这样就算切换模式也不会改变页面样式,同时在volantis的暗黑模式按钮上增加了点击事件,这样可以让用户在主动切换模式时触发动画。在volantis/layout.原创 2021-08-25 11:40:00 · 399 阅读 · 1 评论 -
Volantis主题自定义—暗黑模式动画
我的主页参考:DearXuan的主页主页灵感来自于:miss-reria本文灵感来自于阳光派plus,原文地址:hexo之Volantis添加暗黑模式原作者效果原js无法兼容volantis自己的暗黑模式,因为它使用了自己的暗黑CSS,与volantis冲突。本人经过修改之后,删除了原有CSS,这样就算切换模式也不会改变页面样式,同时在volantis的暗黑模式按钮上增加了点击事件,这样可以让用户在主动切换模式时触发动画。在volantis/layout/_partial下新建文原创 2021-10-23 11:10:08 · 260 阅读 · 0 评论 -
Hexo的安装与Volantis主题的下载
我的主页示例:www.dearxuan.top前置组件安装Git,一路默认即可安装nodejsHexo的安装与初始化此时系统开始菜单中的“最近添加”中已经出现Git Bush,打开Git Bush,输入$ npm install -g hexo-cli在任意位置新建空文件夹,例如 D:/个人主页/hexo/进入空文件夹,右键,选择 Git Bush Here,输入$ hexo init静态网页的构建与生成自动生成文件,输入$ hexo g开始生成网页原创 2021-08-23 16:19:13 · 883 阅读 · 0 评论 -
github个人主页的创建方法
我的主页示例:www.dearxuan.top创建仓库登录github,新建仓库写上仓库名称: 你的用户名.github.io点击最下面的 Create repository网页上传直接向仓库中上传你的网页其中 index.html 就是你的主页面如果你发现你的仓库里有一个 index.md ,这是github为你生成的默认页面,使用markdown标记语言,你也可以直接删除后新建一个 index.html打开浏览器,输入 你的用户名.github.i...原创 2021-08-22 17:08:39 · 4053 阅读 · 0 评论