search

YunYouJun / hexo-theme-yun

☁️ A fast & light & lovely theme for Hexo. 一个对可爱自以为是的 Hexo 主题。
https://yun.yunyoujun.cn
MIT License
1.43k stars 170 forks source link

Yun 1.5.2 + Hexo 5.4.0 搜索只显示两个结果（实际不止） #117

Closed XMuli closed 3 years ago

XMuli commented 3 years ago

升级了一下 Hexo 和 yun 1.5.2，本地搜索结果为只显示两个结果，但是实际关键字实际远远不止2 个结果。

  1. 预期的结果应该为 显示正确的个数结果，而不是只有两个。

  2. 且背景会跟随光标的移动而移动，而希望的预期是搜索时候，背景会固定住、最好还能够显示特定的背景

PS：在本机和部署环境中均会发生如此，可在 ifmet.cn 自行预览

本机环境：

INFO  Yun version 1.5.2. Guide: https://yun.yunyoujun.cn
hexo: 5.4.0
hexo-cli: 4.2.0
node: 14.16.1

部署环境，参见ifmet.cn

截图： image

在其 blog/source/_datayun.yml 下的配置为

########################################################################################
##                                      主题配置                                       ##
########################################################################################

################# 社交图标开启 #################
social:
  - name: RSS
    # set rss in your root config
    # https://github.com/hexojs/hexo-generator-feed
    link: /atom.xml # config.feed.path
    icon: icon-rss-line
    color: orange
  - name: QQ
    # https://isux.tencent.com/wp-cont打码打码打码打码2f4c3b3118e1a6f31cc83373
    icon: icon-qq-line
    color: "#12B7F5"
  - name: GitHub
    link: https://github.com/xmuli
    icon: icon-github-line
    color: "#181717"
  - name: E-Mail
    link: mailto:xmulitech@gmail.com
    icon: icon-mail-line
    color: "#8E71C1"
  # - name: 微博
  #   link: https://weibo.com/jizhideyunyoujun
  #   icon: icon-weibo-line
  #   color: "#E6162D"
  # - name: 豆瓣
  #   link: https://www.douban.com/people/yunyoujun/
  #   icon: icon-douban-line
  #   color: "#007722"
  # - name: 网易云音乐
  #   link: https://music.163.com/#/user/home?id=247102977
  #   icon: icon-netease-cloud-music-line
  #   color: "#C10D0C"
  # - name: 知乎
  #   link: https://www.zhihu.com/people/xmuli
  #   icon: icon-zhihu-line
  #   color: "#0084FF"
  - name: 哔哩哔哩动画
    link: https://space.bilibili.com/106940738
    icon: icon-bilibili-line
    color: "#FF8EB3"
  # - name: POPI
  #   link: https://www.popiask.cn/elpsycn
  #   icon: icon-questionnaire-line
  #   color: "#525252"
  # - name: 微信公众号
  #   link: https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/about/white-qrcode-and-search.jpg
  #   icon: icon-wechat-2-line
  #   color: "#1AAD19"
  - name: Twitter
    link: https://twitter.com/xmulite
    icon: icon-twitter-line
    color: "#1da1f2"
  - name: Telegram
    link: https://t.me/xmuli
    icon: icon-telegram-line
    color: "#0088CC"
  # - name: Telegram Channel
  #   link: https://t.me/elpsycn
  #   icon: icon-telegram-fill
  #   color: "#0088CC"
  - name: Travelling
    link: https://xmuli.blog.csdn.net
    icon: icon-send-plane-2-line
    color: black

################# 标语动画 #################
banner:
  enable: true
  title: 偕臧的小站
  src: /js/ui/banner.js
  border: true
  cloud:
    enable: true
    color: "white"
  go_down:
    enable: true
    icon: icon-arrow-down-s-line

################# 亮暗模式 #################
# 可选 light | dark | auto | time
mode: auto

#################  #################
################# 引擎搜索/ #################
engine_search:  # 关闭默认搜索
  enable: false
  href: "https://www.google.com/search?q=site:"
  # href: "https://www.baidu.com/s?wd=site:"
  # href: "https://www.bing.com/search?q=site:"
  domain: ifmet.cn
local_search:   # 开启本地搜索
  enable: true
  src: /js/search/local-search.js

################# 图片背景 #################
bg_image:
  enable: true
  # url: https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/bg/stars-timing-0-blur-30px.jpg
  # dark:
  # blur: 30px # 设置背景模糊程度
  url: https://cdn.jsdelivr.net/gh/xmuli/xmuliPic@pic/2021/back-light.jpg
  dark: https://cdn.jsdelivr.net/gh/xmuli/xmuliPic@pic/2021/back-dark.jpg
  opacity: 1

################# 搜索背景 #################
search:
  modal: true
  bg_image: https://cdn.jsdelivr.net/gh/xmuli/xmuliPic@pic/2021/back-light-blur.jpg
  dark_bg_image: https://cdn.jsdelivr.net/gh/xmuli/xmuliPic@pic/2021/back-dark-blur.jpg
  # placeholder:

################# 头像 #################
avatar:
  enable: true
  url: /images/avatar.png
  rounded: true
  opacity: 1
  mickey_mouse: false
  status:
    enable: true
    emoji: 🍀
    message: 一片四叶幸运草

################# 导航 #################
menu:
  home:
    path: /
    icon: icon-home-4-line
  list:
    - type: archives
      path: /archives/
      icon: icon-archive-line
    - type: categories
      path: /categories/
      icon: icon-folder-2-line
    - type: tags
      path: /tags/
      icon: icon-price-tag-3-line
    # - path: https://www.yunyoujun.cn
    #   icon: icon-cloud-line
    #   count: 你猜
  custom:
    title: 文档
    path: https://ifmet.cn/about
    icon: icon-calendar-line

################# 页面链接 #################
pages:
  - name: 友链直达
    url: /links/
    icon: icon-women-line
    color: dodgerblue
  - name: 学习他人
    url: /learn/
    icon: icon-heart-line
    color: Pink

################# 目录 #################
toc:
  list_number: true
  max_depth: 6
  min_depth: 1
  placeholder: 很遗憾，咱没写啥目录
  collapse: false

################# 编辑链接 #################
post_edit:
  enable: true
  url: https://github.com/xmuli/xmuliMark/tree/master/source/

################# 代码高亮/开启一键复制按钮 #################
codeblock:
  copy_btn: true
  prismjs:
    light: default
    dark: tomorrow

################# 打赏二维码 #################
reward:
  enable: true
  icon: icon-hand-coin-line
  comment: I don't rely on this for a living, but I would be encouraged if you donated.
  # url: https://github.com/YunYouJun/yunyoujun.github.io/issues/96
  methods:
    - name: 支付宝
      path: https://cdn.jsdelivr.net/打码打码打码打码332.png
      color: "#00A3EE"
      icon: icon-alipay-line
    - name: 微信支付
      path: https://cdn.jsdelivr.ne打打码打码打码打码701013449.png
      color: "#2DC100"
      icon: icon-wechat-pay-line
    - name: QQ 支付
      path: https://cdn.jsdeliv打码打码打码打码0701013628.png
      color: "#12B7F5"
      icon: icon-qq-line

################# 起始年份/备案/运行时间 #################
footer:
  since: 2019
  beian:
    enable: true
    icp: 鄂ICP备2021002780号
  live_time:
    enable: true
    prefix: 本博客已萌萌哒地运行
    suffix: (●'◡'●)
    start_time: "2019-06-09T00:00:00"

################# 默哀 #################
mourn:
  enable: true
  days:
    - "4-4"

########################################################################################
##                                      页面配置                                       ##
########################################################################################

################# 相册 albums #################
albums:
  enable: false

########################################################################################
##                                      第三方支持                                     ##
########################################################################################

################# 评论 #################
comment:
  enable: true
  tips:
    - #为空，什么也不显示  - 若您想及时得到回复提醒，建议跳转 GitHub Issues 评论。
  # candidates:
  #   - valine
  #   - utterances

################# GitHub Issue #################
github_issues:
  enable: false
  username: xmuli
  repository: xmuli.github.io
  filters: is:issue

################# Valine #################
valine:
  enable: true
  appId: j1ERzyBCV打码打码打码打码r8-MdYXbMMI
  appKey: EuraM打码打码打码打码NrkQ49n
  placeholder: 不同的观点和想法相遇，促进彼此的成长，当然，这里也可以俏皮一下 (´・ω・`) ~~~ (填写邮箱可以收到回复)
  avatar: wavatar
  meta:
    - nick
    - mail
    - link
  pageSize: 10 # pagination size
  # lang: zh-CN
  visitor: true
  highlight: true
  recordIP: true
  # serverURLs:
  # Emoji See: https://valine.js.org/emoji.html
  # emojiCDN: //i0.hdslb.com/bfs/emote/
  # emojiMaps:
  #   tv_doge: 6ea59c827c414b4a2955fe79e0f6fd3dcd515e24.png
  #   more...
  # enableQQ: false
  # requiredFields:
  #   - nick
  #   - mail

################# 谷歌分析 #################
google_analytics:
  enable: true
  id: UA-打码打码打码打码9-1
  #// 注意：最近新建的谷歌分析账号ID已经修改，格式如：G-XXXXXXXXXX，可以直接填入id一项，功能正常。
  #// 站点配置文件`_config.yml`中的站点部署的 url 应与 CNAME 中的域名（或xxxxx.github.io）一致

########################################################################################
##                                      额外依赖库支持                                  ##
########################################################################################

################# 字数统计 #################
wordcount:
  enable: true
  count: true
  time: true
YunYouJun commented 3 years ago

鼠标放在搜索结果上，是否可以滚动？ 没带电脑，明天再看。

XMuli commented 3 years ago

好哒，不急。试了下背景条和滚动条都可以滚动，但是内容没有滚动（且也只显示两个结果）

YunYouJun commented 3 years ago

似乎无法复现，我本地测试的文章搜索是可以搜到多篇文章的。（含有 qt 文章可否举例。）

我个人的猜测，存在文章过多，导致 xml 生成的内容长度有限制的可能。

背景的话，现在用的是模糊，也可以自定义背景图。

XMuli commented 3 years ago

那我晚上将压缩包私发给你作测试？

YunYouJun commented 3 years ago

OK.

YunYouJun commented 3 years ago

原因为一篇文章中的 xml 代码与 local search 生成的 xml 文件冲突。

<example name="Screenshot Example" docUrl="qthelp://org.qt-project.qtwidgets.5113/qtwidgets/qtwidgets-desktop-screenshot-example.html" projectPath="widgets/desktop/screenshot/screenshot.pro" imageUrl="qthelp://org.qt-project.qtwidgets.5113/qtwidgets/images/screenshot-example.png">
    <description>&lt;![CDATA[The Screenshot example 中文修改3 shows how to take a screenshot of the desktop.]]></description>
    <tags>screenshot,widgets</tags>
    <fileToOpen>widgets/desktop/screenshot/main.cpp</fileToOpen>
    <fileToOpen>widgets/desktop/screenshot/screenshot.h</fileToOpen>
    <fileToOpen mainFile="true">widgets/desktop/screenshot/screenshot.cpp</fileToOpen>
</example>

将 <![CDATA[ 中 < 替换为 &lt; 可解决。 &lt;![CDATA[

<![CDATA[ 在 xml 文件中将始终被识别。

XMuli commented 3 years ago

专业，多谢大佬

XMuli commented 3 years ago

反馈一个问题，上次就想问的，今天做了一个最小化测试， 5-8 日，控制变量法。

使用本地预览是有没问题的

image

使用 https://xmuli.github.io/ 访问是有问题的空白页 image

结论： 这是 yun 主题的 Bug ？？？

但是修改会为 yun 就会有问题，而使用默认的 landscape 的则没有这个问题（同样都是文件上传到 私有 github 仓库，然后通过 action 解析到公有仓库部署 xmuli.github.io.git ）

复现步骤 均在 GitHub 上实现，创建私有仓库 test， 创建 HEXO_DEPLOY_KEY 变量； image

， 将 blog 文件夹（见xmuliMark.zip 附件） push 上去，然后通过自带的 Action 部署到公开的 xmuli.github.io.git 上面。发现action 是成功了的。

可自行·修改

deploy:
    type: git
    repo: git@github.com:xmuli/xmuli.github.io.git
    branch: master
    message: '站点更新:{{now("YYYY-MM-DD HH:mm:ss")}}'

theme: yun # landscape 但是使用 landscape 则没本地和部署均可正常访问，切换为 yun 则有问题。

YunYouJun commented 3 years ago

yun clone 的时候已经是一个 git 仓库，所以使用 action 实现自动部署时，应当添加 clone 模块的命令，或设置 yun 为仓库子模块。

如：

https://github.com/YunYouJun/yunyoujun.github.io/blob/65d1cf33cd6c42e0ea602da7d96fe5d9301459d7/.github/workflows/gh-pages.yml#L10-L12

默认主题没问题，应该是默认主题此时并非一个 git 仓库，而是代码的一部分。

XMuli commented 3 years ago

没想到居然也没有睡觉。 有设置submodules， 但是之前没如下两行，加了如下就好了

        with:
          submodules: true

666。蟹蟹蟹蟹٩('ω')و