@mhg/volantis-community

<?xml version="1.0" encoding="utf-8"?> <feed xmlns="http://www.w3.org/2005/Atom"> <title>Volantis</title> <link href="https://volantis.js.org/atom.xml" rel="self"/> <link href="https://volantis.js.org/"/> <updated>2023-11-03T04:02:27.000Z</updated> <id>https://volantis.js.org/</id> <author> <name>Volantis Team</name> </author> <generator uri="https://hexo.io/">Hexo</generator> <entry> <title>使用freecdn-js提高hexo博客的cdn稳定性</title> <link href="https://volantis.js.org/blogs/2023-10-01-enhanced-cdn/"/> <id>https://volantis.js.org/blogs/2023-10-01-enhanced-cdn/</id> <published>2023-10-01T00:00:00.000Z</published> <updated>2023-11-03T04:02:27.000Z</updated> <content type="html"><![CDATA[<p>由于<code>cdn.jsdelivr.net</code>在国内不太稳定，替代的<code>jsd.cdn.zzko.cn</code>稳定性稍好，但是也不是100%稳定，因而需要一个脚本实时切换到合适的CDN。<a href="https://github.com/EtherDream/freecdn" target="_blank" rel="noopener external nofollow noreferrer">freecdn-js</a>能实现这个需求，但是我的文件（图片、js等）储存在GitHub图床，而<code>freecdn-js</code>本身需要被加速的文件的<code>hash</code>，因此需要自己写脚本处理下载图片并计算。因为图片等文件的cdn链接是直接写在<code>.md</code>文件中的，所以写了一个正则脚本来提取cdn的链接。</p><span id="more"></span>]]></content> <summary type="html">根据md文件内的cdn链接（图片等并不在本地）自动生成cdn列表，若图片、js、html等文件cdn失效则尝试连接列表内的其他cdn</summary> </entry> <entry> <title>为hexo博客添加自适应图片占位图（配合lazyload）</title> <link href="https://volantis.js.org/blogs/2023-09-03-lazyload/"/> <id>https://volantis.js.org/blogs/2023-09-03-lazyload/</id> <published>2023-09-03T00:00:00.000Z</published> <updated>2023-11-03T04:02:27.000Z</updated> <content type="html"><![CDATA[<p> 我们要得到的结果如封面所示</p><p> 由于博客采用了图片懒加载（lazyload）插件，在加载dom后和图片加载成功之前，图片占位图为1px的像素，图片加载成功之后，则会把布局撑开，造成布局抖动。如果把和要加载的图片（本博客所有图片都放在了GitHub图床上，所以要用到<code>image-size</code>库访问远程图片）一样大小的占位图替代1px大小的占位图，则能解决布局抖动问题。本post将会占位图以硬编码的方式写到<code>dom</code>中，这需要修改在生成hexo博客时会用到的<code>fancybox.js</code>（或许每个主题用到的文件里都不一样，但最终都会使用<code>hexo.extend.tag.register()</code>方法；本博客使用<code>volantis</code>主题）。</p> <span id="more"></span>]]></content> <summary type="html">为hexo博客解决图片抖动问题添加自适应图片占位图</summary> <category term="hexo折腾" scheme="https://volantis.js.org/categories/hexo%E6%8A%98%E8%85%BE/"/> <category term="volantis" scheme="https://volantis.js.org/tags/volantis/"/> </entry> <entry> <title>Aplayer采用本地音源</title> <link href="https://volantis.js.org/blogs/2023-1-18-LocalMusic/"/> <id>https://volantis.js.org/blogs/2023-1-18-LocalMusic/</id> <published>2023-01-18T00:00:00.000Z</published> <updated>2023-01-18T00:00:00.000Z</updated> <content type="html"><![CDATA[<p>通过修改<code>metingjs</code>的代码将Aplayer播放器的音乐源改为本地,经过测试,Volantis自带的消息通知,右键播放器,导航栏播放器均正常显示.经过修改也可以适用于其他使用<code>metingjs</code>的主题</p><p>新的代码仅向<code>metingjs</code>增加了本地音源功能,原有功能保持不变</p><span id="more"></span>]]></content> <summary type="html">Aplayer改用本地音源</summary> <category term="开发心得" scheme="https://volantis.js.org/categories/%E5%BC%80%E5%8F%91%E5%BF%83%E5%BE%97/"/> </entry> <entry> <title>Volantis魔改教程</title> <link href="https://volantis.js.org/blogs/2023-01-07-VolantisModify/"/> <id>https://volantis.js.org/blogs/2023-01-07-VolantisModify/</id> <published>2023-01-07T00:00:00.000Z</published> <updated>2023-01-17T00:00:00.000Z</updated> <content type="html"><![CDATA[<p>暗黑模式动画,看板娘随音乐启停说话,主页特效,KaTeX公式,网页压缩,透明卡片等</p><p>部分内容非Volantis主题也适用</p><span class='p center small'><div class=note><div id=binft_example></div></div></span><script>!function(){var l,n,i,r;function a(e){for(var t=document.createDocumentFragment(),l=0;l<e;l++){var i=document.createElement("span");i.textContent="_",i.style.color=n?(n=!1,"rgba(0,0,0,0)"):(n=!0,"rgba(0,0,0,1)"),t.appendChild(i)}return t}l=document.getElementById("binft_example"),n=!0,i=["有花堪折直需折,莫待无花空折枝.","闲居少邻并,草径入荒园.鸟宿池边树,僧敲月下门.","侯门一入深如海,从此萧郎是路人.","才见岭头云似盖,已惊岩下雪如尘.","人间万事消磨尽,只有清香似旧时.","日暮酒醒人已远,满天风雨下西楼.","落灯花,棋未收,叹新丰逆旅淹留.","软风吹过窗纱,心期便隔天涯.","迷惑失故路,薄暮无宿栖.","不见白头相携老,只许与君共天明.","晓迎秋露一枝新,不占园中最上春.","荷尽已无擎雨盖,菊残犹有傲霜枝.","春未绿,鬓先丝.人间别久不成悲.","江东子弟多才俊,卷土重来未可知.","莫听穿林打叶声,何妨吟啸且徐行.","在天愿作比翼鸟,在地愿为连理枝."].map(function(e){return e+""}),r={text:"",prefixP:-1,skillI:0,skillP:0,direction:"forward",delay:2,step:1},function e(){var t=i[r.skillI];r.step?r.step--:(r.step=1,r.prefixP<"".length?(0<=r.prefixP&&(r.text+=""[r.prefixP]),r.prefixP++):"forward"===r.direction?r.skillP<t.length?(r.text+=t[r.skillP],r.skillP++):r.delay?r.delay--:(r.direction="backward",r.delay=2):0<r.skillP?(r.text=r.text.slice(0,-1),r.skillP--):(r.skillI=(r.skillI+1)%i.length,r.direction="forward")),l.textContent=r.text,l.appendChild(a(r.prefixP<"".length?Math.min(1,1+r.prefixP):Math.min(1,t.length-r.skillP))),setTimeout(e,75)}()}();</script><span id="more"></span>]]></content> <summary type="html">魔改大合集</summary> <category term="开发心得" scheme="https://volantis.js.org/categories/%E5%BC%80%E5%8F%91%E5%BF%83%E5%BE%97/"/> </entry> <entry> <title>volantis使用php实现Gitee友链</title> <link href="https://volantis.js.org/blogs/2022-12-26-GiteeFriendsLink/"/> <id>https://volantis.js.org/blogs/2022-12-26-GiteeFriendsLink/</id> <published>2022-12-26T00:00:00.000Z</published> <updated>2022-12-26T00:00:00.000Z</updated> <content type="html"><![CDATA[]]></content> <summary type="html">添加Gitee动态友链</summary> <category term="开发心得" scheme="https://volantis.js.org/categories/%E5%BC%80%E5%8F%91%E5%BF%83%E5%BE%97/"/> </entry> <entry> <title>配置Volantis 主题遇到的问题和解决</title> <link href="https://volantis.js.org/blogs/2022-12-06-experience/"/> <id>https://volantis.js.org/blogs/2022-12-06-experience/</id> <published>2022-12-06T00:00:00.000Z</published> <updated>2022-12-06T00:00:00.000Z</updated> <content type="html"><![CDATA[]]></content> <summary type="html">本篇文章记录了我对 Volantis 主题一路磕磕碰碰的个性化配置，希望为接下来要去配置的新手避个坑</summary> <category term="开发心得" scheme="https://volantis.js.org/categories/%E5%BC%80%E5%8F%91%E5%BF%83%E5%BE%97/"/> </entry> <entry> <title>volantis新版暗黑模式动画</title> <link href="https://volantis.js.org/blogs/2022-08-18-darkmode-new/"/> <id>https://volantis.js.org/blogs/2022-08-18-darkmode-new/</id> <published>2022-08-18T00:00:00.000Z</published> <updated>2022-08-18T00:00:00.000Z</updated> <content type="html"><![CDATA[]]></content> <summary type="html">为暗黑模式的切换增加动画</summary> <category term="开发心得" scheme="https://volantis.js.org/categories/%E5%BC%80%E5%8F%91%E5%BF%83%E5%BE%97/"/> </entry> <entry> <title>好看的网盘链接</title> <link href="https://volantis.js.org/blogs/2022-07-09-pandownjs/"/> <id>https://volantis.js.org/blogs/2022-07-09-pandownjs/</id> <published>2022-05-05T12:00:00.000Z</published> <updated>2023-11-03T04:02:27.000Z</updated> <content type="html"><![CDATA[<p><strong>这不是Node.js包！</strong></p><p><strong>这是个javascript的小工具？</strong></p><a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/Fgaoxing/pandown-js"><img src="https://github-readme-stats.xaoxuu.com/api/pin/?username=Fgaoxing&repo=pandown-js&show_owner=true" class="lazyload" data-srcset="https://github-readme-stats.xaoxuu.com/api/pin/?username=Fgaoxing&repo=pandown-js&show_owner=true" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="/></a><p><del>↑↑↑和上次一样的开头↑↑↑</del></p><span id="more"></span>]]></content> <summary type="html"><p><strong>这不是Node.js包！</strong></p> <p><strong>这是个javascript的小工具？</strong></p> <a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/Fgaoxing/pandown-js"><img src="https://github-readme-stats.xaoxuu.com/api/pin/?username=Fgaoxing&repo=pandown-js&show_owner=true"/></a> <p><del>↑↑↑和上次一样的开头↑↑↑</del></p> </summary> <category term="进阶玩法" scheme="https://volantis.js.org/categories/%E8%BF%9B%E9%98%B6%E7%8E%A9%E6%B3%95/"/> </entry> <entry> <title>Volantis 多背景图的优化方案</title> <link href="https://volantis.js.org/blogs/2021-11-29-parallax/"/> <id>https://volantis.js.org/blogs/2021-11-29-parallax/</id> <published>2021-11-29T00:00:00.000Z</published> <updated>2022-04-20T00:00:00.000Z</updated> <content type="html"><![CDATA[]]></content> <summary type="html">优化背景图较多时的网页加载速度</summary> <category term="开发心得" scheme="https://volantis.js.org/categories/%E5%BC%80%E5%8F%91%E5%BF%83%E5%BE%97/"/> </entry> <entry> <title>网站自定义字体及推荐</title> <link href="https://volantis.js.org/blogs/2021-09-02-inkss-font/"/> <id>https://volantis.js.org/blogs/2021-09-02-inkss-font/</id> <published>2021-09-02T00:00:00.000Z</published> <updated>2023-11-03T04:02:27.000Z</updated> <content type="html"><![CDATA[<div class="note alien-monster cyan"><p>统计一下目前使用的自定义字体及调用。</p></div><div class="note poo gray"><p>Volantis 主题可直接参考使用。</p></div><span id="more"></span>]]></content> <summary type="html"><div class="note alien-monster cyan"><p>统计一下目前使用的自定义字体及调用。</p></div> <div class="note poo gray"><p>Volantis 主题可直接参考使用。</p></div></summary> <category term="进阶玩法" scheme="https://volantis.js.org/categories/%E8%BF%9B%E9%98%B6%E7%8E%A9%E6%B3%95/"/> </entry> <entry> <title>Volantis主题自定义-暗黑模式动画</title> <link href="https://volantis.js.org/blogs/2021-8-29-darkmode/"/> <id>https://volantis.js.org/blogs/2021-8-29-darkmode/</id> <published>2021-08-25T00:00:00.000Z</published> <updated>2021-08-25T00:00:00.000Z</updated> <content type="html"><![CDATA[]]></content> <summary type="html">为暗黑模式的切换增加动画</summary> <category term="开发心得" scheme="https://volantis.js.org/categories/%E5%BC%80%E5%8F%91%E5%BF%83%E5%BE%97/"/> </entry> <entry> <title>Volantis 主题个性化修改合集</title> <link href="https://volantis.js.org/blogs/2021-08-15-inkss-theme/"/> <id>https://volantis.js.org/blogs/2021-08-15-inkss-theme/</id> <published>2021-08-15T00:00:00.000Z</published> <updated>2021-08-15T00:00:00.000Z</updated> <content type="html"><![CDATA[]]></content> <summary type="html">记录了与 Volantis 主题相关的修改合集。</summary> <category term="进阶玩法" scheme="https://volantis.js.org/categories/%E8%BF%9B%E9%98%B6%E7%8E%A9%E6%B3%95/"/> </entry> <entry> <title>给博客添加捐赠小部件—sponsor-page</title> <link href="https://volantis.js.org/blogs/2021-08-13-sponsor-page/"/> <id>https://volantis.js.org/blogs/2021-08-13-sponsor-page/</id> <published>2021-08-13T00:00:00.000Z</published> <updated>2021-08-13T00:00:00.000Z</updated> <content type="html"><![CDATA[]]></content> <summary type="html">sponsor-page 是一个开源的捐赠按钮样式，可以用于美化我们的博客。</summary> <category term="开发心得" scheme="https://volantis.js.org/categories/%E5%BC%80%E5%8F%91%E5%BF%83%E5%BE%97/"/> </entry> <entry> <title>使用 pandoc 正确渲染多行 MathJax 公式</title> <link href="https://volantis.js.org/blogs/2021-4-18-pandoc-renderer/"/> <id>https://volantis.js.org/blogs/2021-4-18-pandoc-renderer/</id> <published>2021-04-18T00:00:00.000Z</published> <updated>2021-04-18T00:00:00.000Z</updated> <content type="html"><![CDATA[]]></content> <summary type="html">关于更换 Markdown 渲染器以正确渲染 MathJax 公式的一些考据</summary> <category term="开发心得" scheme="https://volantis.js.org/categories/%E5%BC%80%E5%8F%91%E5%BF%83%E5%BE%97/"/> </entry> <entry> <title>为volantis添加瀑布流相册</title> <link href="https://volantis.js.org/blogs/2021-4-14-photos/"/> <id>https://volantis.js.org/blogs/2021-4-14-photos/</id> <published>2021-04-14T00:00:00.000Z</published> <updated>2023-11-03T04:02:27.000Z</updated> <content type="html"><![CDATA[<p>经过折腾，目前相册功能可用了，就是还不支持分类和懒加载，等后续完善吧。</p><span id="more"></span>]]></content> <summary type="html"><p>经过折腾，目前相册功能可用了，就是还不支持分类和懒加载，等后续完善吧。</p></summary> <category term="进阶玩法" scheme="https://volantis.js.org/categories/%E8%BF%9B%E9%98%B6%E7%8E%A9%E6%B3%95/"/> </entry> <entry> <title>为volantis添加hls.js以在Chrome上播放m3u8视频</title> <link href="https://volantis.js.org/blogs/2021-4-1-hls/"/> <id>https://volantis.js.org/blogs/2021-4-1-hls/</id> <published>2021-04-01T00:00:00.000Z</published> <updated>2023-11-03T04:02:27.000Z</updated> <content type="html"><![CDATA[<p>在文章中插入m3u8视频的时候，由于Chrome等浏览器原生播放不了这种格式，所以需要添加hls.js等让其支持播放，如果你也遇到了这样的问题就来看看吧。</p><span id="more"></span>]]></content> <summary type="html"><p>在文章中插入m3u8视频的时候，由于Chrome等浏览器原生播放不了这种格式，所以需要添加hls.js等让其支持播放，如果你也遇到了这样的问题就来看看吧。</p></summary> <category term="进阶玩法" scheme="https://volantis.js.org/categories/%E8%BF%9B%E9%98%B6%E7%8E%A9%E6%B3%95/"/> </entry> <entry> <title>volantis主题修改代码高亮样式</title> <link href="https://volantis.js.org/blogs/2021-3-31-highlightjs/"/> <id>https://volantis.js.org/blogs/2021-3-31-highlightjs/</id> <published>2021-03-31T00:00:00.000Z</published> <updated>2023-11-03T04:02:27.000Z</updated> <content type="html"><![CDATA[<p>在使用主题内的highlightjs的时候，你是否也遇到了它不换行、没有行号等问题？点进来看看吧。</p><span id="more"></span>]]></content> <summary type="html"><p>在使用主题内的highlightjs的时候，你是否也遇到了它不换行、没有行号等问题？点进来看看吧。</p></summary> <category term="进阶玩法" scheme="https://volantis.js.org/categories/%E8%BF%9B%E9%98%B6%E7%8E%A9%E6%B3%95/"/> </entry> <entry> <title>为volantis主题添加图片轮播和热门文章</title> <link href="https://volantis.js.org/blogs/2021-2-30-slider/"/> <id>https://volantis.js.org/blogs/2021-2-30-slider/</id> <published>2021-03-30T00:00:00.000Z</published> <updated>2023-11-03T04:02:27.000Z</updated> <content type="html"><![CDATA[<p>这篇教程是基于heson大佬的这篇 <a href="https://www.heson10.com/posts/19736.html" target="_blank" rel="noopener external nofollow noreferrer">给Hexo Volantis主题添加图片轮播功能</a> 创作的，由我将新的轮播模板迁移至主题内，由inkss大佬完善。在这感谢两位大佬，如果你也需要轮播插件，就进来看看吧。</p><span id="more"></span>]]></content> <summary type="html"><p>这篇教程是基于heson大佬的这篇 <a href="https://www.heson10.com/posts/19736.html" target="_blank" rel="noopener external nofollow noreferrer">给Hexo Volantis主题添加图片轮播功能</a> 创作的，由我将新的轮播模板迁移至主题内，由inkss大佬完善。在这感谢两位大佬，如果你也需要轮播插件，就进来看看吧。</p></summary> <category term="进阶玩法" scheme="https://volantis.js.org/categories/%E8%BF%9B%E9%98%B6%E7%8E%A9%E6%B3%95/"/> </entry> <entry> <title>使用volantis更优雅地展示截图/录屏</title> <link href="https://volantis.js.org/blogs/2021-3-7-framei8/"/> <id>https://volantis.js.org/blogs/2021-3-7-framei8/</id> <published>2021-03-07T00:00:00.000Z</published> <updated>2023-11-03T04:02:27.000Z</updated> <content type="html"><![CDATA[<p>我在主题文档中看到了frame标签，可以更高大上得展示我们的截图/录屏等。可是目前主题内仅内置了一个iPhone11的框架，想要使用其他的框架就得对齐修改，我经过折腾基本实现了，写下了这篇文章。</p><span id="more"></span>]]></content> <summary type="html"><p>我在主题文档中看到了frame标签，可以更高大上得展示我们的截图&#x2F;录屏等。可是目前主题内仅内置了一个iPhone11的框架，想要使用其他的框架就得对齐修改，我经过折腾基本实现了，写下了这篇文章。</p></summary> <category term="进阶玩法" scheme="https://volantis.js.org/categories/%E8%BF%9B%E9%98%B6%E7%8E%A9%E6%B3%95/"/> </entry> <entry> <title>通过CoolPush实时推送hexo评论到QQ</title> <link href="https://volantis.js.org/blogs/2020-12-17-comments-push/"/> <id>https://volantis.js.org/blogs/2020-12-17-comments-push/</id> <published>2020-12-17T00:00:00.000Z</published> <updated>2020-12-17T00:00:00.000Z</updated> <content type="html"><![CDATA[]]></content> <summary type="html"> </summary> <category term="进阶玩法" scheme="https://volantis.js.org/categories/%E8%BF%9B%E9%98%B6%E7%8E%A9%E6%B3%95/"/> </entry> </feed>