Update README.md volantis-x/community@dd31e9a

atom.xml

@@ -38,7 +38,7 @@
     <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>2021-05-11T15:17:11.735Z</updated>
+    <updated>2021-05-17T08:08:37.075Z</updated>
 
     <content type="html"><![CDATA[<p>经过折腾，目前相册功能可用了，就是还不支持分类和懒加载，等后续完善吧。</p><span id="more"></span>]]></content>
 
@@ -57,7 +57,7 @@
     <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>2021-05-11T15:17:11.735Z</updated>
+    <updated>2021-05-17T08:08:37.075Z</updated>
 
     <content type="html"><![CDATA[<p>在文章中插入m3u8视频的时候，由于Chrome等浏览器原生播放不了这种格式，所以需要添加hls.js等让其支持播放，如果你也遇到了这样的问题就来看看吧。</p><span id="more"></span>]]></content>
 
@@ -76,7 +76,7 @@
     <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>2021-05-11T15:17:11.735Z</updated>
+    <updated>2021-05-17T08:08:37.075Z</updated>
 
     <content type="html"><![CDATA[<p>在使用主题内的highlightjs的时候，你是否也遇到了它不换行、没有行号等问题？点进来看看吧。</p><span id="more"></span>]]></content>
 
@@ -95,7 +95,7 @@
     <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>2021-05-11T15:17:11.735Z</updated>
+    <updated>2021-05-17T08:08:37.075Z</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>
 
@@ -114,7 +114,7 @@
     <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>2021-05-11T15:17:11.735Z</updated>
+    <updated>2021-05-17T08:08:37.075Z</updated>
 
     <content type="html"><![CDATA[<p>我在主题文档中看到了frame标签，可以更高大上得展示我们的截图/录屏等。可是目前主题内仅内置了一个iPhone11的框架，想要使用其他的框架就得对齐修改，我经过折腾基本实现了，写下了这篇文章。</p><span id="more"></span>]]></content>
 
@@ -280,7 +280,7 @@
     <link href="https://volantis.js.org/blogs/2020-07-03-valine/"/>
     <id>https://volantis.js.org/blogs/2020-07-03-valine/</id>
     <published>2020-07-03T00:00:00.000Z</published>
-    <updated>2021-05-11T15:17:11.735Z</updated>
+    <updated>2021-05-17T08:08:37.075Z</updated>
 
     <content type="html"><![CDATA[<p>Valine 评论由于可以匿名，发言成本低、质量低，使用 app 可以方便的删除垃圾评论。</p><span id="more"></span><h2 id="操作演示"><a href="#操作演示" class="headerlink" title="操作演示"></a>操作演示</h2><div class="videos center" col='3'><div class="video"><video controls preload><source src='https://github.com/volantis-x/volantis-docs/releases/download/assets/valine-ios.mov' type='video/mp4'>Your browser does not support the video tag.</video></div></div><blockquote><p>App 只支持数据存储于 LeanCloud 的评论系统。</p></blockquote><p>App 登录前需要配置 AppID 和 AppKey，由于字符比较长，输入不方便，所以支持 URL Scheme 配置。将 URL 生成一个二维码，然后用手机扫码就可以打开 App 并自动配置好。</p><p>格式为：</p><figure class="highlight plain"><table><tr><td class="code"><pre><span class="line">valine:&#x2F;&#x2F;cfg&#x2F;id&#x3D;7yIoRlSmfX09vQCERsuWzFnx-MdYXbMMI&amp;key&#x3D;3zCL5GFePTUjwbqLop44QFbr&amp;alias&#x3D;测试项目</span><br></pre></td></tr></table></figure><p>也可以把管理员用户的账号和密码配置上，扫码直接登录，但是注意不要泄露出去：</p><figure class="highlight plain"><table><tr><td class="code"><pre><span class="line">valine:&#x2F;&#x2F;cfg&#x2F;id&#x3D;7yIoRlSmfX09vQCERsuWzFnx-MdYXbMMI&amp;key&#x3D;3zCL5GFePTUjwbqLop44QFbr&amp;alias&#x3D;测试项目&amp;user&#x3D;[email protected]&amp;psw&#x3D;q</span><br></pre></td></tr></table></figure><p>注意：这个管理员用户并不是 LeanCloud 的账号，而是当前 Valine 数据库中的 <code>_User</code> 表中的一个用户，可以在 App 中注册，然后在 LeanCloud 上把注册的用户设置为管理员。</p><p>设置管理员的方法：在 <code>_Role</code> 表中新建一个 <code>admin</code> 角色，然后在 <code>admin</code> 角色的 <code>users</code> 列中点击 <code>Relations</code> 把自己刚注册的用户添加进去，这个用户就有了修改和删除评论数据的权限。</p><h2 id="App-测试版地址"><a href="#App-测试版地址" class="headerlink" title="App 测试版地址"></a>App 测试版地址</h2><div class="btns circle center grid4">            <a href='https://testflight.apple.com/join/zA4MOzDd'>  <i class='fab fa-apple'></i>  <b>Valine for iOS</b>  <img src='https://i.loli.net/2020/07/04/cGmgsHhwlt4vYyK.png'></a><a href='https://github.com/yinhanlei/Valine-Android/releases/'>  <i class='fab fa-android'></i>  <b>Valine for Android</b>  <img src='https://i.loli.net/2020/07/21/HN2UhFIys6gKXct.png'></a>          </div>]]></content>
 
@@ -316,7 +316,7 @@
     <link href="https://volantis.js.org/news/2020-04-04/"/>
     <id>https://volantis.js.org/news/2020-04-04/</id>
     <published>2020-04-04T00:00:00.000Z</published>
-    <updated>2021-05-11T15:17:11.735Z</updated>
+    <updated>2021-05-17T08:08:37.075Z</updated>
 
     <content type="html"><![CDATA[<p>由于主题目前仍处于青少年阶段，更新迭代速度比较快，所以不会保留旧版本的文档，如果需要查看旧版本的文档，请下载主题文档的源码，回退到旧版本，本地运行查看。</p><ul><li>计划 <code>2.x</code> 的最后一个版本的文档会保留至 <code>5.0</code> 发布时，即最终会同时维护3个大版本的文档。</li><li>当主题稳定后会提供英文文档。</li></ul><span id="more"></span>]]></content>
 
@@ -339,7 +339,7 @@
     <link href="https://volantis.js.org/news/2020-03-10-2.0/"/>
     <id>https://volantis.js.org/news/2020-03-10-2.0/</id>
     <published>2020-03-10T00:00:00.000Z</published>
-    <updated>2021-05-11T15:17:11.735Z</updated>
+    <updated>2021-05-17T08:08:37.075Z</updated>
 
     <content type="html"><![CDATA[<p>本次更新内容非常多，主要升级了导航栏、使用新的语言重写了全部样式。旧版本 Volantis 用户，请您卸载掉旧的样式渲染插件，并安装新的：</p><ol><li><p>卸载 <code>less</code></p><figure class="highlight sh"><table><tr><td class="code"><pre><span class="line">npm uninstall hexo-renderer-less --save</span><br></pre></td></tr></table></figure></li><li><p>安装 <code>stylus</code></p><figure class="highlight sh"><table><tr><td class="code"><pre><span class="line">npm install hexo-renderer-stylus --save</span><br></pre></td></tr></table></figure></li></ol><span id="more"></span><h2 id="新功能"><a href="#新功能" class="headerlink" title="新功能"></a>新功能</h2><h3 id="导航栏"><a href="#导航栏" class="headerlink" title="导航栏"></a>导航栏</h3><p>导航栏获得了史诗级的增强，可以设置<u><strong>N级</strong></u>子菜单。考虑到实用性，不太建议使用过多或者过深的菜单（超出屏幕的部分无法被看到）。</p><h3 id="样式设置"><a href="#样式设置" class="headerlink" title="样式设置"></a>样式设置</h3><p>现在可以在主题配置文件中设置更多的样式：</p><ul><li>最大布局宽度</li><li>导航栏高度、特效（阴影、毛玻璃、鼠标hover时浮起）</li><li>卡片特效（阴影、毛玻璃、鼠标hover时浮起）</li><li>代码框是否显示语言</li><li>标题和正文文本布局（靠左、靠右、居中）</li><li>正文字体</li><li>代码字体</li><li>各部分颜色</li></ul><h3 id="封面"><a href="#封面" class="headerlink" title="封面"></a>封面</h3><p>封面可以在主题配置文件中设置在首页、归档页面、其它页面默认是否显示。<br>封面中可以同时显示logo图片、标题、副标题了。</p><h3 id="小部件"><a href="#小部件" class="headerlink" title="小部件"></a>小部件</h3><p>grid小部件可以设置 <code>fixed: true</code> 来固定网格宽度（适合文字长短不一的场景）。</p><h3 id="其它"><a href="#其它" class="headerlink" title="其它"></a>其它</h3><p>可以设置「评论」的标题和副标题。<br>可以创建多种颜色的折叠框。<br>友链增加分组描述。</p><h2 id="功能调整与优化"><a href="#功能调整与优化" class="headerlink" title="功能调整与优化"></a>功能调整与优化</h2><h3 id="样式渲染器"><a href="#样式渲染器" class="headerlink" title="样式渲染器"></a>样式渲染器</h3><p>使用 <code>stylus</code> 重写了所有样式，无需安装<code>less</code>插件了。相较于<code>1.7.4</code>，<code>css</code>文件体积缩小了<u>19.75%</u>。</p><h3 id="主题配置文件"><a href="#主题配置文件" class="headerlink" title="主题配置文件"></a>主题配置文件</h3><ul><li>主题配置文件经过了较大改动，使得层级结构更加清晰。</li><li>优化了二维码（微信）分享的使用体验</li></ul>]]></content>
 
@@ -364,7 +364,7 @@
     <link href="https://volantis.js.org/news/2020-03-06-2.0-beta/"/>
     <id>https://volantis.js.org/news/2020-03-06-2.0-beta/</id>
     <published>2020-03-06T19:43:00.000Z</published>
-    <updated>2021-05-11T15:17:11.735Z</updated>
+    <updated>2021-05-17T08:08:37.075Z</updated>
 
     <content type="html"><![CDATA[<details open><summary> Beta6 </summary>              <div class='content'>              <ul><li><input checked="" disabled="" type="checkbox"> 导航栏N级菜单支持分割线和小标题，详见我的个人博客。</li></ul>              </div>            </details><span id="more"></span><details ><summary> Beta5 </summary>              <div class='content'>              <ul><li><input checked="" disabled="" type="checkbox"> 导航栏<s>二级</s><u>N级</u>菜单</li><li><input checked="" disabled="" type="checkbox"> 支持微信二维码分享（需安装二维码生成插件）</li></ul>              </div>            </details><details ><summary> Beta4 </summary>              <div class='content'>              <ul><li><input checked="" disabled="" type="checkbox"> 优化样式</li><li><input checked="" disabled="" type="checkbox"> 更多样式可以在主题配置文件中自定义</li><li><input checked="" disabled="" type="checkbox"> 调整主题配置文件</li></ul>              </div>            </details><details ><summary> Beta3 </summary>              <div class='content'>              <ul><li><input checked="" disabled="" type="checkbox"> 优化样式</li><li><input checked="" disabled="" type="checkbox"> grid 部件新增 <code>fixed: true</code> 参数，用于固定宽度。</li></ul>              </div>            </details><details ><summary> Beta2 </summary>              <div class='content'>              <ul><li><input checked="" disabled="" type="checkbox"> 可以创建多种颜色的折叠框</li><li><input checked="" disabled="" type="checkbox"> 友链增加分组描述</li></ul>              </div>            </details><details ><summary> Beta1 </summary>              <div class='content'>              <ul><li><input checked="" disabled="" type="checkbox"> 新版本使用 <code>stylus</code> 完全重写了样式。</li><li><input checked="" disabled="" type="checkbox"> 可在主题配置文件中修改配色、标题等多种样式（需要关闭CDN）。<br>已知的BUG有：</li><li><input disabled="" type="checkbox"> Container左侧的图标（图片）始终显示不出来，原因未知。</li></ul><figure class="highlight stylus"><table><tr><td class="code"><pre><span class="line">&gt;<span class="selector-tag">div</span>.info</span><br><span class="line">  <span class="attribute">background-color</span>: alpha(<span class="variable">$color</span>-mac-cyan, <span class="number">20%</span>)</span><br><span class="line">  <span class="attribute">border-left</span>: <span class="variable">$borderradius</span>-codeblock solid <span class="variable">$color</span>-mac-cyan</span><br><span class="line">  <span class="attribute">border-radius</span>: <span class="variable">$borderradius</span>-codeblock</span><br><span class="line">  &gt;:before</span><br><span class="line">    ...(省略无关代码)</span><br><span class="line">    <span class="attribute">background-size</span>: <span class="number">16px</span> <span class="number">16px</span></span><br><span class="line">    <span class="attribute">background-position</span>: <span class="number">4px</span> <span class="number">4px</span></span><br><span class="line">    <span class="attribute">background-repeat</span>: no-repeat</span><br><span class="line">    <span class="attribute">background-color</span>: <span class="variable">$color</span>-mac-cyan</span><br><span class="line">    <span class="attribute">background-image</span>: url(<span class="string">&quot;data:image/svg+xmlbase64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHdpZHRoPSIxNzkyIiBoZWlnaHQ9IjE3OTIiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyMTYgMTM0NHYxMjhxMCAyNi0xOSA0NXQtNDUgMTloLTUxMnEtMjYgMC00NS0xOXQtMTktNDV2LTEyOHEwLTI2IDE5LTQ1dDQ1LTE5aDY0di0zODRoLTY0cS0yNiAwLTQ1LTE5dC0xOS00NXYtMTI4cTAtMjYgMTktNDV0NDUtMTloMzg0cTI2IDAgNDUgMTl0MTkgNDV2NTc2aDY0cTI2IDAgNDUgMTl0MTkgNDV6bS0xMjgtMTE1MnYxOTJxMCAyNi0xOSA0NXQtNDUgMTloLTI1NnEtMjYgMC00NS0xOXQtMTktNDV2LTE5MnEwLTI2IDE5LTQ1dDQ1LTE5aDI1NnEyNiAwIDQ1IDE5dDE5IDQ1eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==&quot;</span>)</span><br></pre></td></tr></table></figure><blockquote><p>我试过把url里面的内容换成网络图片的URL是可以正常显示的。<br>源码在： <code>themes/volantis/source/css/_third-party/container.styl</code></p></blockquote>              </div>            </details>]]></content>