留言灌水区

[utterances-bot]

Volantis: 一个功能丰富、高度模块化的 Hexo 博客主题。支持多人协作、wiki文档等复杂系统，支持大量的标签插件。 - Volantis

Volantis 是一个功能丰富、高度模块化的 Hexo 博客主题。得益于其强大的模块化特性，您可以轻松搭建一个极简风格的博客，也可以仿照官网搭建一个多人协作的、包含文档模块的大体量综合型博客。

https://volantis.js.org/

[aner1001]

作者，您好！请问如何导航栏的链接，点击后，是在新的标签页打开，而不是在原页面跳转。

[xaoxuu]

@aner1001

- name: 文档
  icon: fad fa-book faa-tada
  url: /getting-started/
  target: _blank

[aner1001]

@xaoxuu 谢谢指导！祝您生活愉快！

[callqh]

请问一下在首页的列表里，文章怎么能显示一张封面图啊，我现在都是显示的文字简介

[xaoxuu]

@liuqh0609

headimg: url

[KevinSdd]

您好！请问主题backgroud图片怎么实现轮播功能，需要使用ajax的插件吗？

[Colsrch]

把要轮播的图片都写进去就可以

https://github.com/volantis-x/community/blob/69b427bdfa10be7a1fb2caa335eb4f75f360ae96/_config.volantis.yml#L260

[Oddyti]

您好，请问怎么文章封面怎么做呀

[Oddyti]

sorry 我看见您之前的回答了 问题解决了

[Loudomian]

您好，如何给首页的背景轮换增加滚动视差效果？

[jungleblack007]

导航栏链接里面的页面可以从哪里制作呀

[xaoxuu]

@Loudomian 不太好做啊

[xaoxuu]

@jungleblack007 可以描述清楚一点吗？哪个页面？

[Elmando2333]

请问底部音乐播放器在网页上显示太宽怎么办？播放器几乎是整个页面的宽度

[Loudomian]

@xaoxuu 好的，那就不改了，感谢回复

[27rabbit-penguin]

您好，请问一下侧边栏可以自己调整放在左侧吗？

[xaoxuu]

@27rabbit-penguin 可以，更新到 dev 分支最新版，主题配置文件中有。

[isther]

您好，可以分享一下您的代码高亮的配置吗，我自己按照文档中设置的真的是一言难尽

[hamster1963]

请问自行增加了侧边栏配置后怎么在页面中显示呢 ，将class名填入for_page: 后页面没有显示

[xaoxuu]

@28251536 官网是开源的可以参考其源码

[NeyaCat]

作者大佬您好，我根据您这篇博客设置了我的主题，但是遇到了几个问题，希望您能帮到我： 1，我在设置友链页面时，复制了您提供的数据结构但是友链页面的显示没有达到预期：https://blog.tsgzvore.com/friends/ 显示效果如上（附结构图）

2，我按照您的说法创建了404页面，但我的网站在抛出404异常的时候并没有走到404的页面去，这个是什么原因呢？是否需要配置NGINX或者别的什么？

3，我在配置【wordcount】的时候，分别使用7.7.5与7.7.6版本的npm执行npm i wordcount命令后： 7.7.6报错，7.7.5安装成功但页面没有显示字数与阅读时间的相关内容。 相关配置都已打开。

4，我看到许多使用这个主题的博客都有一个【公告】栏目，请问这个栏目是可以配置的吗？还是说需要自己把它给加上去。因为我貌似没有找到相关配置信息。

5，我把顶部导航栏设置成了最大【navbar: width: max # auto, max】 然后导航列表就跑到了最右边，我想让它保持【width: auto】时的位置结构，让导航列表在中间偏左的位置，这个需要怎么设置呢？还是说需要自己修改？

我的朋友们 - 薛定饿的铁饭碗

这里写友链上方的内容。

[W4J1e]

@NeyaCat 1.友链数据不是写在MD文件里，是写在/source/_data/friends.yml中，详情见参考1； 2.404页面如果本地正常，那么在主机上需要设定错误页面； 3.看看在Article Layout 文章布局里是否添加了wordcount，如图1； 4.公告栏可以自行在侧边栏里添加，如图2，见参考2； 5.这个我也遇到过，所以我是修改了styl文件，而不是改的yml配置文件。 参考1：https://volantis.js.org/v4/page-settings/ #目录1.8.3 参考2：https://volantis.js.org/v4/theme-settings/ #目录7.6

[Tikas]

@NeyaCat 关于您的第 5 点，我可以提一下修改思路（参考源来自 inkss）：

一、关闭 CDN

在 blog 目录下 _config.volantis.yml 文件里（如果您不是另外创建的主题配置文件，您需要在主题目录下修改 _config.yml）

use_cdn: false # true

二、在 Custom css 设置 navbar：width：auto

设置回 auto 就是居中方式，一会第三步再增加 css 代码，就可以实现您想要的效果。

三、为 css 增加样式

打开此文件：hexo-theme-volantis > source > css > _first > search.styl 在此文件最尾端增加以下代码：

@media screen and (max-width:2560px)
  .l_header
    left: 0!important
    border-radius: 0!important
    max-width: 100%!important

@media screen and (max-width:500px)
  #safearea
    margin: 16px 0 0!important
    box-shadow: none!important
  #safearea #l_main article#arc
  #safearea #l_main article#comments
  #safearea #l_main article#friends
  #safearea #l_main article#page
  #safearea #l_main article#post
    border-radius: 0!important
    margin-top: -16px!important
  #safearea #l_main article#cat
  #safearea #l_main article#tag
    margin: -16px -16px 0!important
    border-radius: 0!important
  #safearea #l_main .post-wrapper
    margin: 0 16px!important
  #safearea #l_side .widget.mobile
    border-radius: 0!important

.iconfont
  width: 1em
  height: 1em
  vertical-align: -.15em
  fill: currentColor
  overflow: hidden

.rem1p5
  font-size: 1.5rem

.rem2
  font-size: 2rem

.rem6
  font-size: 6rem

.rem12
  font-size: 12rem

四、尝试一下吧！

hexo clean 之后进行 hexo s 吧！XD

[W4J1e]

@Tikas 感谢分享。楼上那位朋友可以尝试一下，由于我改了Navbar的高度和调整了logo的位置，所以目前还是比较满意这个样式，并且也是auto然后把宽度拉长，工作量更小。

[Tikas]

强大！大佬竟然是从源头解决，我就是不懂这些，但是能看懂代码，学习了，非常感谢！

[NeyaCat]

@Tikas @W4J1e 非常感谢两位大佬的耐心指导，我提出的问题都已经解决或知道了解决方案。 关于404的问题我最开始以为hexo或volantis主题会自动处理404异常，后来我意识到它或许需要通过设置服务器的异常显示页面才能显示。 然而设置之后也没有用，依旧显示Cannot GET /xxx 后面我多方查证，最终定位到原因是因为我用的hexo s服务，在服务器站点配置通过反向代理访问本地4000端口，因此无法使用nginx的error_page功能。 使用hexo deploy 生成静态资源并将运行目录设置成public文件夹后再次访问就可以显示404页面了。 第5个关于顶部导航的问题我已经get到了，知道没法通过配置实现就好了，感谢大佬提供的样式修改意见。

[inkss]

@NeyaCat 关于您的第 5 点，我可以提一下修改思路（参考源来自 inkss）

---

PPS: 导航栏拉宽居中只用改这个就行：

https://github.com/inkss/volantis/blob/master/source/css/_szyink-plugins/first.styl#L5-L10

剩下的修改主要是把卡片覆盖掉，平铺移动端下的阅读：

https://github.com/inkss/volantis/blob/master/source/css/_szyink-plugins/first.styl#L27-L47

更剩下的与此处无关。

[lp9937]

作者你好，文章想分享到微信朋友圈，怎么配置？

[greysonOuyang]

请问是如何做到封面背景图片固定不跟随文章滚动的？感谢回答

[MHuiG]

请问是如何做到封面背景图片固定不跟随文章滚动的？感谢回答

5.0的新特性，4.x及以下没有

[greysonOuyang]

请问是如何做到封面背景图片固定不跟随文章滚动的？感谢回答

5.0的新特性，4.x及以下没有

好的 谢谢

[moonoonoom]

您好，请问我的访问次数和访客人数为什么显示异常啊，显示“本站总访问量为 133379 次 访客数为 14695 人”，看了下config文件不知道怎么改

[moonoonoom]

我解决了，这条评论想删了。。。

[Colsrch]

麻烦问一下，使用pjax加载文章时有过度动画，那么文章懒加载图片时能不能添加过度动画？若能请告知，谢谢，如不能，希望大佬们增加这个功能，小弟感激不尽

配置文件parallax字段

[wmxzrs]

大佬您好。为什么我的侧边栏不显示小部件啊，仅仅显示的是blogger，donate，categories和tags。其他自定义的都不显示。😶

[wmxzrs]

而且进入到某一个文章后左侧的小部件全都不显示。 _config.yml配置文件在vscode中从出现好多的错误提示。

[wmxzrs]

dark模式自定义背景颜色site_bg生效在了导航栏上。而不是整体背景区域

[wmxzrs]

volantis从安装到放弃 :D

[Colsrch]

大佬您好。为什么我的侧边栏不显示小部件啊，仅仅显示的是blogger，donate，categories和tags。其他自定义的都不显示。😶

建议加群询问：1146399464 验证码：vlts-2021

[wmxzrs]

大佬您好。为什么我的侧边栏不显示小部件啊，仅仅显示的是blogger，donate，categories和tags。其他自定义的都不显示。😶

建议加群询问：1146399464 验证码：vlts-2021

多谢！这个问题我已经解决了。那个主题配置文件dark模式下的site_bg属性更改不生效。而是在导航栏上生效了

[H-YaoDong]

作者你好，我像在blog/source/_data/menu.yml配置导航栏的menu内容，但是没有起作用。而且我在blog/_config.volantis.yml修改鼠标样式也不起作用，但是在blog/node_modules/hexo-theme-volantis/_config.yml修改又能起作用。请问有什么解决办法吗？

[Colsrch]

作者你好，我像在blog/source/_data/menu.yml配置导航栏的menu内容，但是没有起作用。而且我在blog/_config.volantis.yml修改鼠标样式也不起作用，但是在blog/node_modules/hexo-theme-volantis/_config.yml修改又能起作用。请问有什么解决办法吗？

@H-YaoDong

1. menu.yml数据文件已经移除，请直接在配置文件的menu字段中修改。
2. 自定义鼠标指针先需要启用它：

   cursor:
   enable: true

3. 推荐采用 git clone 方法使用主题
4. 官方QQ群：1146399464 验证码：vlts-2021

[H-YaoDong]

作者你好，我像在blog/source/_data/menu.yml配置导航栏的menu内容，但是没有起作用。而且我在blog/_config.volantis.yml修改鼠标样式也不起作用，但是在blog/node_modules/hexo-theme-volantis/_config.yml修改又能起作用。请问有什么解决办法吗？

@H-YaoDong

1. menu.yml数据文件已经移除，请直接在配置文件的menu字段中修改。
2. 自定义鼠标指针先需要启用它：

cursor:
  enable: true

1. 推荐采用 git clone 方法使用主题
2. 官方QQ群：1146399464 验证码：vlts-2021

谢谢你，问题解决了

[wenxb]

你好，怎么去除网站默认的rel="external nofollow noopener noreferrer"

[Fiuck]

作者你好，我的是5.x，请问我想修改样式文件应该去哪里修改呢，theme目录下没有了主题的代码，难道我应该去node_modules里面修改吗？

[Colsrch]

作者你好，我的是5.x，请问我想修改样式文件应该去哪里修改呢，theme目录下没有了主题的代码，难道我应该去node_modules里面修改吗？

请问你是用什么方式使用的主题？

[Fiuck]

是通过npm i hexo-theme-volantis的方式安装的

[JhonCX]

请问 如何将背景图片固定，只滑动内容？ 感谢~

[Oddyti]

请问可以自定义字体的时候怎么使用otf的字体，我使用ttf可以但是换成otf则无法生效

[linmuhan]

请问是如何配置封面背景图片固定不跟随文章滚动的？感谢回答。已经升级了5.0