shen-yu / hexo-theme-ayer

一个干净优雅的hexo主题 A clean and elegant theme for Hexo. 🐋

💻 Open Source Work Stats

👀 Visitors Count

hexo-theme-ayer's Issues

请教搜索功能和主页显示内容的问题

hi，非常感谢您的主题，非常棒！
我的网站： http://wizzie.top/
请教几个问题，

1. 我的网站按照你的方法装了插件，但是搜索功能没有用，在public也有生成search.xml和search文件夹。这是为什么？
2. 我的文章比较多，发现只能使用一个一个添加来限制主页显示的字数，是否可以添加一个显示数字的控制？
3. 请教文章的宽度怎么修改源码？

Hi, 翻页可以直接调到文章列表吗，不是跳转到header

请问怎么调整code-block的字体样式？

Cannot read property 'offsetTop' of null

本地搭建时出现了与网站同样的Console error
问题复现网址: https://shen-yu.gitee.io/2019/about/
问题描述:
控制台报错: tocbot.min.js:1 Uncaught TypeError: Cannot read property 'offsetTop' of null
浏览器: Google Chrome
版本 80.0.3987.149（正式版本） （64 位）

错误log详情:
tocbot.min.js:1 Uncaught TypeError: Cannot read property 'offsetTop' of null
at r (tocbot.min.js:1)
at Object.s [as updateToc] (tocbot.min.js:1)
at Object. (tocbot.min.js:1)
at Object._scrollListener (tocbot.min.js:1)
at Object.c.init (tocbot.min.js:1)
at (index):417

latex 公式渲染不支持换行？

markdown中的源码如下：

进一步推导：

$$\begin{aligned}
r_{(i+1)}^{T} r_{(i)} &=0 \\
\left(b-A x_{(i+1)}\right)^{T} r_{(i)} &=0 \\
\left(b-A\left(x_{(i)}+\alpha r_{(i)}\right)\right)^{T} r_{(i)} &=0 \\
\left(b-A x_{(i)}\right)^{T} r_{(i)}-\alpha\left(A r_{(i)}\right)^{T} r_{(i)} &=0 \\
\left(b-A x_{(i)}\right)^{T} r_{(i)} &=\alpha\left(A r_{(i)}\right)^{T} r_{(i)} \\
r_{(i)}^{T} r_{(i)} &=\alpha r_{(i)}^{T}\left(A r_{(i)}\right) \\
\alpha &=\frac{r_{(i)}^{T} r_{(i)}}{r_{(i)}^{T} A r_{(i)}}
\end{aligned}$$

但是渲染出来的效果：

在 vscode 和 typora 中的公式均可以正常预览，并且不只是这一处出现问题，想知道是什么原因。

Fancybox 和 Photoswipe 存在冲突问题

检查了一下关闭了的 #30 ，在after-footer.ejs里面有一段：

<% if (theme.image_viewer){ %>
<%- partial('viewer') %>
<% } %>

会使用Photoswipe，但是同时又会使用Fancyfox来实现相册效果，所以会有两层大图显示。而且main.css里面fancybox的opacity设置存在错误，导致缩略图无法显示，只有灰色背景。

如何自动生成Categories的标题

你好，想问一下categories底下各个分类的标题怎么自动生成，我显示是undefined，您的展示页面上也是undefined，想问一下如何解决，谢谢！
问题页面

能否加个 页面正在加载 的简单动画？

这个主题很好，只是通常github.io的访问会比较慢，所以我觉得，如果再添加一个网页的加载动画就更完美了

多级分类的显示

请问一下，当一篇文档有多层分类时（比如-数学--代数），而在category中数学和代数会同时显示且大小是相同的，如何使category中只显示第一级分类？

如何修改标题之间的间距？

非常喜欢这个主题，但是发现写的文章排版还是不舒服。各级标题直接的间距太小了。
请问一下如何修改各级标题直接的间距？感谢！！

关于黑夜模式

您好，启用黑夜模式后，Valine评论区仍然是白色的，非常刺眼，请问是否有办法解决呢？

请问大佬相册不能显示缩略图的问题

在相册中添加图片后（已经添加文件头）`---
title: 拾影长廊

albums: [
["img/1.jpg","15435"],
["img/2.jpg","1543543"],
["img/2020-3-13-1.jpg","1543534"]

	]

---

`
在本地预览显示的为灰色白块（没有缩略图），点击后可以看到图片
上传至服务器后该页面为空白页面。
请问大佬这个问题怎么办？

如何把css和js通过CDN加速

想给自己的博客套一个CDN全站加速，自己控制css和js样式的缓存刷新太麻烦了。

所以问一下，把主题相关的CSS，js文件统一放到又拍或者七牛云的文件存储上去，访问的之后直接通过CDN访问样式，加速博客，应该如何修改？

如何修改字体及颜色

请问一下在哪里修改title、subtitle、archives-artitle-title的字体、颜色？感谢！！
另外，请问可以实现这样的需求吗：archive-article的title原本是黑色或者灰色，鼠标移动到上面title会变成蓝色，而不是一直是蓝色

文章卡顿和返回问题

感谢分享，你好。在电脑屏幕文章中点击右侧的目录过后，然后点浏览器返回上一个页面没有用。是一个标题一个标题的返回（并没有效果），点到最后才可以返回上一个链接，并且手机屏幕下文章有时候会卡顿。

如何更改站长统计呢？

这个JS代码具体在那个文件里呢？

请问分类和标签的文章头的格式是什么？还有就是菜单是不能随意添加的吗？我加了几个后发现页面无法显示了，这是为什么？如何才能正确添加？

我已在新建\source_posts\categories和tags,配置也是根据你的说明配的，我使用了这样的文章头
tags: 娱乐
categories： 表情包
标签在主页面可以看得到，但是在点击标签出现的页面还是404

请问你旅行页面的layout设置的什么属性。

无序列表没有吗？

你好，我在Markdown中使用了-、+、*尝试无序列表但是并没有起效。

我后来检阅了某些文章 发现部分失效 如果直接写的话就看不到前面无序列表的符号

加在引用中能看到 不过非常的窄，也许是文章宽度挡住了CSS的样式。

请问如何修改文章显示的宽度？

我在使用网页接入视频发现文章的宽度有些小。请问在哪里可以调整？还有就是如何添加密码验证，我在直接使用插件的时候，发现会导致文章无法打开，不知是要修改什么配置？望回答，十分感谢！

关于网易云音乐无法自动播放

我设定了音乐ID，页面上可以显示歌曲名称，但无法自动播放，点击播放按钮依然无效。

不能渲染latex公式

mathjax: enable 已经设置

首页图片的向下滑动按钮有问题

很多位置都滑动不下去，在电脑模式网页下。

请问网易云播放器无法播放的问题

设置为自动播放，且换了不同免费音乐的ID，博客中音乐播放器一直显示是暂停播放状态，点击后无法播放，能请教下解决方法吗

百度地图容器大小

您好，我尝试插入百度地图，发现容器不兼容，请问有什么建议

字体大小修改

标题的减小幅度太大,四级标题就已经比普通文字小了,请问我在哪里可以修改呢

添加# toC

文章目录
用Tocbot解析文章标题并生成目录

将以下配置复制到你ayer目录下的 _config.yml 里：

Toc

toc: true

添加这个代码http://localhost:4000/就显示不出来
是不是因为跟原来主题里存在的这个代码重复的原因

文章页是否显示目录

toc: true

手机访问页面时增加关闭目录的功能

试用了最新的版本，发现手机上访问时修复了目录不展现的问题，但是如果文章的目录比较长时，在浏览文章时，目录就会遮挡文章了。能否pc和手机做个区分，增加手机上可以不展现目录的功能。

归档和首页每一页的数量是否可以添加设置支持

如题，归档和首页是否可以设置每一页显示的数量，我看归档每一页显示的只有 10 条，下面的空间有点浪费，谢谢 @shen-yu

Ayer表格问题

作者大大您好：
虽然您设置了表格格式，但是在generate的时候会出现无法渲染的问题
我查询了一下，修改了ayer/source/css/_extend.styl的table部分的代码如下：

  table
    width 100%
    max-width 65em
    border 1px solid #dedede
    margin 15px auto
    border-collapse collapse
    empty-cells show
    th,td
        height 35px
        border 1px solid #dedede
        padding 0 10px
    th
        font-weight bold
        text-align center !important
        background rgba(158, 188, 226, .2)
        white-space nowrap
    tbody tr:nth-child(2n)
        background rgba(158, 188, 226, .12)
    td:nth-child(1)
        white-space nowrap
    tbody tr:hover
        background #efefef

就比较好看了，希望您能merge到代码中，谢谢~

封面图片自适应建议

一些背景图片在桌面端能够取得不错的效果，但是在移动端的适应效果并不理想，能否考虑一下支持手动设置PC/移动端下的封面图片？谢谢啦😊

标签页面是如何生成的。

你好，标签页面我这里发布过后会是404，请问不是自动生成的吗？

怎么禁用封面图上的标题

请问怎么设置可以不显示这个标题，我的网站标题比较长。在文档里没看到这个设置项。谢谢

兄弟好像每次切换侧边栏菜单的时候整个页面都会刷新，其实只要刷新中间的内容页就可以了吧

大兄弟还在维护吗 似乎可以优化一下

categories 无法显示

我按照Ayer的说明已经安装好了，可是 categories 以及 tags 无法正常显示

配置如下：

载入页面如下：

有大佬可以给我解答一下吗？谢谢啦～

有关表格居中问题

今天用md设置表格内容居中发现表格第二列设置居中失败(其他列均成功),排查后发现 ayer/source/dist/main.css中有这么一段:

.article-entry table td:nth-child(2) { text-align: left !important }
个人将其注释掉了,表格也恢复居中了.不知道是否会引发bug

分享功能能增加其他的社交分享功能吗？比如微信，头条等。

目前看，分享只能分享到推特，facebook等国外的社交平台，什么时间能支持国内的社交平台的分享呢？比如微信，QQ，头条等。

#<Object> is not a function

In a Ubuntu 18.04 with node.js v12.9.1 and npm 6.10.2.
First I copy the hole 'ayer' folder into the /themes and change the configure file to disable all the analyse, reward, and comments configurations.
Then when I add some markdown file in 'source/_posts/' and type 'hexo g'. Then I got the following messages:

root@7cf0c1302e4e:/data/MyBlogFolder# hexo g
INFO  Start processing
INFO  Files loaded in 341 ms
ERROR /data/MyBlogFolder/themes/ayer/layout/page.ejs:2
    1| <section class="outer">
 >> 2|   <%- partial('_partial/article', {post: page, index: true}) %>
    3| </section>

/data/MyBlogFolder/themes/ayer/layout/_partial/article.ejs:14
    12|     <div class="article-meta">
    13|       <%- partial('post/date', {class_name: 'article-date', date_format: null}) %>
 >> 14|       <%- partial('post/category') %>
    15|       <% if(theme.word_count && theme.word_count.enable && !post.no_word_count){%>
    16|       <%- partial('post/word') %>
    17|       <% } %>

/data/MyBlogFolder/themes/ayer/layout/_partial/post/category.ejs:3
    1| <% if (post.categories && post.categories.length){ %>
    2|   <div class="article-category">
 >> 3|     <%- list_categories(post.categories, {
    4|       show_count: false,
    5|       class: 'article-category',
    6|       style: 'none',

#<Object> is not a function
TypeError: /data/MyBlogFolder/themes/ayer/layout/page.ejs:2
    1| <section class="outer">
 >> 2|   <%- partial('_partial/article', {post: page, index: true}) %>
    3| </section>

/data/MyBlogFolder/themes/ayer/layout/_partial/article.ejs:14
    12|     <div class="article-meta">
    13|       <%- partial('post/date', {class_name: 'article-date', date_format: null}) %>
 >> 14|       <%- partial('post/category') %>
    15|       <% if(theme.word_count && theme.word_count.enable && !post.no_word_count){%>
    16|       <%- partial('post/word') %>
    17|       <% } %>

/data/MyBlogFolder/themes/ayer/layout/_partial/post/category.ejs:3
    1| <% if (post.categories && post.categories.length){ %>
    2|   <div class="article-category">
 >> 3|     <%- list_categories(post.categories, {
    4|       show_count: false,
    5|       class: 'article-category',
    6|       style: 'none',

#<Object> is not a function
    at Array.find (<anonymous>)
    at prepareQuery (/data/MyBlogFolder/node_modules/hexo/lib/plugins/helper/list_categories.js:30:23)
    at flatList (/data/MyBlogFolder/node_modules/hexo/lib/plugins/helper/list_categories.js:81:5)
    at Object.listCategoriesHelper (/data/MyBlogFolder/node_modules/hexo/lib/plugins/helper/list_categories.js:105:10)
    at eval (/data/MyBlogFolder/themes/ayer/layout/_partial/post/category.ejs:13:17)
    at category (/data/MyBlogFolder/node_modules/ejs/lib/ejs.js:682:17)
    at viewFn._compiledSync (/data/MyBlogFolder/node_modules/hexo/lib/theme/view.js:132:22)
    at viewFn.View.renderSync (/data/MyBlogFolder/node_modules/hexo/lib/theme/view.js:60:23)
    at Object.partial (/data/MyBlogFolder/node_modules/hexo/lib/plugins/helper/partial.js:34:15)
    at eval (/data/MyBlogFolder/themes/ayer/layout/_partial/article.ejs:33:17)
    at article (/data/MyBlogFolder/node_modules/ejs/lib/ejs.js:682:17)
    at viewFn._compiledSync (/data/MyBlogFolder/node_modules/hexo/lib/theme/view.js:132:22)
    at viewFn.View.renderSync (/data/MyBlogFolder/node_modules/hexo/lib/theme/view.js:60:23)
    at Object.partial (/data/MyBlogFolder/node_modules/hexo/lib/plugins/helper/partial.js:34:15)
    at eval (/data/MyBlogFolder/themes/ayer/layout/page.ejs:12:17)
    at page (/data/MyBlogFolder/node_modules/ejs/lib/ejs.js:682:17)
    at viewFn._compiled (/data/MyBlogFolder/node_modules/hexo/lib/theme/view.js:136:48)
    at viewFn.View.render (/data/MyBlogFolder/node_modules/hexo/lib/theme/view.js:41:15)
    at /data/MyBlogFolder/node_modules/hexo/lib/hexo/index.js:61:21
    at tryCatcher (/data/MyBlogFolder/node_modules/bluebird/js/release/util.js:16:23)
    at /data/MyBlogFolder/node_modules/bluebird/js/release/method.js:15:34
    at RouteStream._read (/data/MyBlogFolder/node_modules/hexo/lib/hexo/router.js:126:3)

And after I type hexo s, I couldn't reach the 'category' page and there's no 'index.html' in the 'public/categories'.
Is that any solution to solve this idea?

分享按钮点击后不显示图片

分类categories bug：同一个分类被分成两个标签

都是【测试】类别，但是会被归为不同的标签，如下图：

一篇文章同时给了多个categories分类，如下两图，前者是【测试】categories放在首位，后者是【测试】categories放在末尾，categories顺序导致了同时出现两个【测试】标签：

你好，我想问一下如何让文章归类到指定page？

感谢分享，很棒的主题！ 我不熟悉hexo操作，搜了半天没弄明白该怎么把文章归类到每个page。
比如说，我有一个page是笔记，我会发表一些笔记在这个page，怎么样才能做到呢？ 我现在只有在归档和主页能看到发表的文章

您好，我能否在您的主题基础上进行修改并发布

Ayer的作者，您好，请问我是否可以在您的主题Ayer的基础上进行二次修改并在GitHub发布，我会在作品中著名您（Shen-Yu）和“本主题改编自hexo-theme-ayer”，请问可以吗？谢谢

关于网站部署在二级目录导致配置的图片访问不到,search.js同样访问不到的问题

同上:

• hexo配置:

url: https://resticdog.github.io/linkzz/
root: /linkzz/

$ hexo server
之后访问localhost:4000/linkzz/ ,封面图,logo这些图片都是根路径localhost:4000/images/ayer.svg
而不是localhost:4000/linkzz/images/ayer.svg, 不知是否是主题的问题,还是我配置有误?

请问大佬如何解决文章图片显示问题？

非常抱歉这个问题似乎与你的主题是无关的，但是我真的很想知道你是如何使你文章的图片可以正常显示的，并且百度上的，我所能找到的方法都无法解决我的问题，我是使用Typora进行编写的

note提示块

Hello,
首先感谢提供了一个非常好看的主题，我也在使用。下面不算是个issue～～～

最近看到了了note提示块，觉得不错，能否直接使用？🌰https://mowenfeiming.github.io/post/writing/hexo/embed-note-tag-in-hexo/

无法显示图片

不知道为图片无法正常加载？

markdown语法支持有问题

比如下面这几句。

1. xxxx
   • xxxx
   • xxxx
2. xxxx
   中间的不缩进，而是和1，2这些序号对齐了。但是在github和vs code自带预览上就不会有这些问题。

另外，单行代码的样式可以改进一下吗？现在的样式不突出，和文本没啥区别。

在哪里设置页面宽度

找了一遍css下面的文件，把max-width都改成了1080
@media (max-width: 1080px)
但是没有效果

搜索功能无法正常使用

部署到github之后搜索功能无法正常使用。

Menu宽度自定义

Hi，这个主题超棒的！
但是我想如果Menu的宽度可以自定义就好了，模板里是“旅游”，“摄影”这种2个字的还好，如果是4个字的话，最后一个字会换行，有点不好看。

可以做到Menu宽度自定义吗？谢谢