🔥🔥🔥Welcome to hexo-theme-volantis Discussions!🔥🔥🔥

[MHuiG]

👋 Welcome!

[baonq243]

Aplayer in my blog and https://volantis.js.org/ does not automatically next song

[MHuiG]

Chrome's autoplay policy was changed in April 2018.

New behavior: in order to improve the user experience and reduce data consumption, browsers are now following the autoplay policy. Chrome's autoplay policy is very simple

Muted autoplay is always allowed

The autoplay of music works only in the following concentrated situations:

There are user behaviors such as click, tap, etc

For desktop applications, the user has played the audio ahead of time

For mobile users, the audio website home screen

[MHuiG]

@xaoxuu Do you know why the test site (https://volantis-x.js.org/) has this warning but the official website (https://volantis.js.org/) does not ?

[baonq243]

I think issue not from chrome. Some volantis blog still auto switch songs e.g: volantis-x.js.org.

[baonq243]

I don't know somehow but when I minify js and css. aplayer is working :D

[MHuiG]

The two repoes use different compression tools

https://github.com/volantis-x/community/blob/master/_config.yml#L142

https://github.com/volantis-x/volantis-x.github.io/blob/master/gulpfile.js

[MHuiG]

giscus test

[MHuiG]

giscus test too

[xaoxuu]

我看官网是顺序的，也没有配置，你怎么弄成倒序的？

[MHuiG]

CSS 排一下版，就类似于 volantis 的侧边栏既可以放到右边也可以放到左边

[penndu]

giscus test three

[yangyusong2004]

您好，请问我可以移植这个模板吗？我想做一个php版的静态博客编译器，但自己写的主题不太满意。

[xaoxuu]

可以啊

[seldomlee]

您好，我想问一下favicon在哪里修改捏，我在stella的时候是直接inject一个
然后换volantis的话就不生效了，想了解一下如果要修改favicon应该怎样做呢？

[inkss]

[Lcamn]

请问折叠并且分栏的语法是怎样的呢？

[Lcamn]

看到了 用table

[wemsx]

请问一下怎么设置主页的背景图？自己用主题搭的后面是空白的。实在没找到怎么改。

[billma007]

同问

[Bang0518]

同问

[MHuiG]

#115 (comment)

[vanne-cn]

配置走起来。

[MaXin-noob]

想问一下，如果文章没有目录的话，能不能让他的大小默认为铺满，现在虽然不显示目录，但是目录侧边栏会填充在右边

[inkss]

侧边栏可以全部关掉，具体在文档中有说明。

[Lyrikp]

font-matter里面设置sidebar: []就可以了

[Bang0518]

hhh

[Bang0518]

请问一下，网站的favicon需要在哪里设置呢？在主题配置文件中的logo设置和Structured Data设置中设置均不生效

[penndu]

请问一下，网站的favicon需要在哪里设置呢？在主题配置文件中的logo设置和Structured Data设置中设置均不生效

需要在Hexo下_config.yml设置，并非主题配置文件。

[Bang0518]

请问是在Site下添加新行avatar: 吗

[penndu]

请问是在Site下添加新行avatar: 吗

供参考：

# Site
title: 杜老师说
subtitle: ''
description: ''
keywords: 杜老师说,老师,讲师,运维,博客,技术,微软,思科,红帽,服务,软件,图文,视频,单词,求职,面试,网站,搭建,网络,教程,说课,资源,分享,单词
author: Teacher Du
language: zh-CN
timezone: ''
favicon: https://cdn.dusays.com/favicon.ico
avatar: https://cdn.dusays.com/avatar.png-2

[Bang0518]

我去试一下~早点休息

[qiuxchao]

highlightjs的css样式未全部生效，例如字体、颜色这些，这个怎么搞？

[EighteenWu]

请问4.3版本的支持哪些icon呀，fa，fas，然后貌似部分icon并不能正常使用，fa-thumb-tack 类似这个，请问是什么原因额

[OrStudio]

之前我也有相同的疑惑，直到確認ICON是使用 Font Awesome 後到他們的官網就能查到 https://fontawesome.com/v5.15/icons

[EighteenWu]

但是很多都不能使用，不知道为何

[EighteenWu]

非常感谢

[OrStudio]

正常來說應該可以，你可以找到要使用的ICON後點開，他會提供語法，複製後就能使用

[Dinosaurhou]

请问社区的大佬们如何设置volantis 目录的平滑滚动？效果是随着文章位置的不同，文章目录展开或者收拢

[OrStudio]

似乎 checkbox 或 radio 跟表格一起用會出大事

[neko-horikawaraiko]

大佬 如果只想对某一篇文章添加自定义js与css样式文件 需要怎么做呢？

[lovelyJason]

你可以从我的这一篇文章获得一些灵感https://qdovo.com/2023/05/04/hexo%E9%AD%94%E6%94%B9%E7%AF%87%E4%B9%8B%E5%86%99%E4%BD%9C%E6%9C%BA%E5%88%B6/

另外你说的这个功能目前是没有的，我已经提了个PR：volantis-x/hexo-theme-volantis#883

[neko-horikawaraiko]

大佬太牛了 就是想要这种效果 我去更新一下版本

[neko-horikawaraiko]

大佬 我试了试添加自定义文件 访问该页面后首次加载一定加载不到 只能刷新之后才能加载到 这个有什么解决方法吗？

[Colsrch]

缓存而已

[neko-horikawaraiko]

清缓存硬刷新之后也是这样，每次切换进这个页面都加载不到front-matter的自定义文件

[dabaihencai]

请问想在每个页面的页脚上加上网站备案信息，应该怎么做呢？

[dabaihencai]

site_footer:
layout: [aplayer, social, source, analytics, copyright]
copyright: 'Copyright © Since 2017 Volantis Team'
social:
- img: volantis-static/media/org.volantis/icon/1322024-social-media/020-rss.svg
url: atom.xml
- img: volantis-static/media/org.volantis/icon/1322024-social-media/029-github.svg
url: https://github.com/volantis-x/
- img: volantis-static/media/org.volantis/icon/1322024-social-media/010-facebook.svg
url: https://t.me/volantis_x
- img: volantis-static/media/org.volantis/icon/1322024-social-media/018-twitter.svg
url: https://t.me/volantis_x
- img: volantis-static/media/org.volantis/icon/1322024-social-media/045-telegram.svg
url: https://t.me/volantis_x
- img: volantis-static/media/org.volantis/icon/1322024-social-media/006-youtube.svg
url: https://t.me/volantis_x

需要加上什么

[penndu]

site_footer:
  layout: [copyright]
  copyright: '[ICP备](https://dusays.com)'

[dabaihencai]

好的谢谢，那请问公安备案应该怎么添加呢，图标还有文字

[BeaCox]

markdown格式，图片文字自己加就行

[dabaihencai]

谢谢啦

…

---Original--- From: ***@***.***> Date: Fri, Jun 23, 2023 19:12 PM To: ***@***.***>; Cc: ***@***.******@***.***>; Subject: Re: [volantis-x/community] 🔥🔥🔥Welcome to hexo-theme-volantis Discussions!🔥🔥🔥 (Discussion #145) markdown格式，图片文字自己加就行 — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you commented.Message ID: ***@***.***>

[BeaCox]

不客气😉

[codey-star]

我的markdown正文包含java格式，但是代码样式并没有展示出来为什么呢？
http://codey.cc/p/c1a24517aa76/

[zenkinwin]

宝藏主题，很精美。

[Ezgx]

ghcard的api是开源的吗？

[xaoxuu]

是啊

[xingpingcn]

hexo s是什么命令，查hexo文档只有hexo g

[xingpingcn]

我傻逼了，原来是hexo server

[misakivv]

为什么我导入酷狗的歌单在博客上播放不了呢？一直提示An audio error has occurred player will skip forward in 2 seconds
求解。谢谢各位大佬
_config.volantis.yml里面针对aplayer的设置是这样的
plugins:
aplayer:
enable: true
# Required
server: kugou # netease, tencent, kugou, xiami, baidu
type: album # song, playlist, album, search, artist
id: 15623879 # song id / playlist id / album id / search keyword
# Optional
fixed: true # enable fixed mode
theme: '#1BCDFC' # main color
autoplay: true # audio autoplay
order: list # player play order, values: 'list', 'random'
loop: all # player loop play, values: 'all', 'one', 'none'
volume: 0.7 # default volume, notice that player will remember user setting, default volume will not work after user set volume themselves
list_max_height: 320px # list max height
list_folded: true
autoHide: true # hide automaticaly

[deepdeath95]

_volantis/style.styl 的自定义样式怎么在文章页生效

[luxuxl]

你好，请问以下文章分类（不是TOC）最多只有两级吗，请问可以配置里修改得更深层级吗

[luxuxl]

以下 一下，输入法有点呆

[BeaCox]

https://volantis.js.org/v5/theme-settings/?keyword=toc#%E6%96%87%E7%AB%A0%E7%9B%AE%E5%BD%95%E9%83%A8%E4%BB%B6

toc:
  class: toc
  display: [desktop, mobile] # [desktop, mobile]
  header:
    icon: fas fa-list
    title: 本文目录
  list_number: false
  min_depth: 2
  max_depth: 5

min_depth 和 max_depth 代表 TOC 支持的标题层级，最大范围是2～6（即h2到h6，可以认为最多有5级）。

[musnows]

@BeaCox 楼主说的应该是归档里面的categories的层级（不是文章内TOC的层级），categories应该是只有两级的。

[BeaCox]

好家伙，看错了不好意思，你是对的

[musnows]

V6和V5的文档里面好像都没有涉及文档页面应该怎么创建，比如文档页面的front-matter应该填什么，sidebar里面的文档导航应该怎么配置，我还是看本站源码中的md文件的front-matter和配置文件才弄出来的，如果后续能补全这部分的文档就好了，会对新人有好一些，感谢各位开发者。

[xingpingcn]

你提到的文档页面应该怎么创建和导航配置都在这里和这里，文档确实需要之后改一下，谢谢你的宝贵意见！

[musnows]

感谢回复，我指的其实是本页文档导航 v5.0这个文档导航没有相关教程，因为需要在sidebar里面添加一个自定义项目才会显示出来。有些复杂。

community/_config.volantis.yml

Lines 275 to 281 in 2769852

	docs-volantis-latest:
	class: group
	display: [desktop, mobile] # [desktop, mobile]
	seo_title: Volantis
	header:
	icon: fa fa-book
	title: 文档导航 v5.0

community/source/v5/getting-started/index.md

Lines 5 to 7 in 2769852

	group: docs-volantis-latest
	order: 1
	sidebar: [docs-volantis-latest, toc]

[xingpingcn]

你所说的内容在主题文档里有提及，文档这里修改yml的目的是为了在page布局（如首页）默认显示该sidebar，如果你只是单纯想在doc布局（事实上可以是任意布局）的页面显示索引（或者说是导航），则只修改front-matter即可。

[xingpingcn]

此外文档的搜索功能有bug，内容并不能显示所有应该被显示的搜索结果。这个需要开发者处理了，或者你也可以pr。

[musnows]

感谢回复，这部分确实文档里面有描述了。我没有找到。

[talefou]

如何取消文章头图鼠标移动到图片时的放大效果呢

[ChangAkira]

请问gitter集成究竟应该怎样填写呢，以及填写后gitter将会出现在哪里？我搞了好久也搞不清楚，看到该网站的网站源码中是有gitter配置的，但是也没有找到该网站的聊天室在哪里🙁🙁

[BeaCox]

网站源码是指https://github.com/volantis-x/community/blob/main/_config.volantis.yml吗？我好像没看到配置了gitter。印象里至少这两年volantis主页是没有gitter的。
另外刚刚看了下源码，gitter集成是借助于sidecar实现的，但是如你所见，这个网站已经访问不了了，应该是已经不提供服务了。（也就是说这个功能暂时应该用不了了）

[ChangAkira]

好的，感谢解答！

[ChangAkira]

然后我指的配置是plugins:中的

gitter:
        room: hexo-theme-volantis/community

(341行)配置了聊天室的名称，总之感谢您的解答！

[BeaCox]

不客气。
参照文档，配置了还需要启用，社区主页是没有启用的

[talefou]

我想在主题中加入一些类似于 --text-p2: #4d4d4d 的新 css 颜色，并且在 light 和 dark 模式下呈现出两种颜色（即 light 模式下一种颜色，dark 模式下一种颜色），该如何写呢？

[talefou]

:root {
  --text-p2-new: #4d4d4d;
  --block-border-new: #e3e5e8;
  --blur-bg-new: rgba(255,255,255,0.749);
  --block-new: #f1f2f3;
  --text-p3-new: #808080;
  --block-2-new: #e5e6e7;
  --text-p1-new: #333;
  --text-p4-new: #999;
  --theme-color-opa-new: rgba(24,92,109,0.3);
  --theme-color-new: #185c6d;
  --theme-link-opa-new: rgba(32,148,243,0.3);
  --theme-link-new: #2094f3;
  --text-p3-opa-new: rgba(128,128,128,0.3);
  --code-tools-new: #e0e0e0;
  --card-new: #e7e7e7;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-mode: 'dark';
  }
  :root:not([color-scheme]) {
    --text-p2-new: #b3b3b3;
    --block-border-new: #383d42;
    --blur-bg-new: rgba(33,36,38,0.749);
    --block-new: #26292c;
    --text-p3-new: #858585;
    --block-2-new: #292d31;
    --text-p1-new: #ccc;
    --text-p4-new: #707070;
    --theme-color-opa-new: rgba(111,168,177,0.3);
    --theme-color-new: #6fa8b1;
    --theme-link-opa-new: rgba(32,148,243,0.3);
    --theme-link-new: #2094f3;
    --text-p3-opa-new: rgba(133,133,133,0.3);
    --code-tools-new: rgba(55,61,67,0.749);
    --card-new: #292e33;
  }
}

这样写貌似在黑暗模式下无法奏效，求解决方法。

[luxuxl]

请问这个 blogger 组件可以设置一个模糊、半透明效果吗, 感觉和主题整体风格不太搭

此外在 social 设为 false 的情况下, 今日诗词 和底部的边距也很奇怪...