Regarding the use of the search bar

[xiaoditx]

Operating system:windows

Hugo installation method: winget

Hextra acquisition method: git

Go environment present: none

I think there might be something wrong with my steps, but I’m not sure where I went wrong. I spent nearly three hours trying to ask AI, but it only made things worse.Here’s what happened: I wanted to add a search bar to my website, so I started looking through your documentation. I found it, but it was in YAML. After trying for a long time, I still couldn’t get it to work inside my own TOML file, so I simply copied your file and started modifying it. However, a new problem appeared: although my website now displays the search bar, it doesn’t actually search anything—it’s just for show. I’ve tried various solutions, but none of them made it work. So now I’m here asking for help. If you’re willing to lend a hand, I’d be extremely grateful.

I think I should paste the modified file that caused this problem here.

title: '小狄同学呀'
baseURL: 'https://xiaoditx.github.io/public'

hasCJKLanguage: true
languageCode: 'zh-cn'

enableGitInfo: true
enableRobotsTXT: true

theme: 'hextra'
defaultContentLanguage: 'zh-cn'

outputs:
  home: [html, llms]
  page: [html]
  section: [html, rss]

 
languages:
  zh-cn:
    weight: 1
    languageName: 中文
    title: 小狄同学呀

# 下面的语言还没改好..
  en:
    weight: 2
    languageName: English
    title: XiaoDi
    menu:
      main:
        - name: Home
          pageRef: /
          weight: 10
        - name: Blog
          pageRef: /blog
          weight: 20
        - name: Docs
          pageRef: /docs
          weight: 30
        - name: Daily
          pageRef: /daily
          weight: 40

  ja:
    weight: 3
    languageName: 日本語
    title: 狄くん # 什么低质量翻译....
    menu:
      main:
        - name: ホーム
          pageRef: /
          weight: 10
        - name: ブログ
          pageRef: /blog
          weight: 20
        - name: ドキュメント
          pageRef: /docs
          weight: 30
        - name: 近況
          pageRef: /daily
          weight: 40

markup:
  highlight:
    noClasses: false
  goldmark:
    renderer:
      unsafe: true
    extensions:
      passthrough:
        delimiters:
          block: [['\[', '\]'], ['$$', '$$']]
          inline: [['\(', '\)']]
        enable: true

enableInlineShortcodes: true

menu:
  main:
    - identifier: home
      name: 首页
      weight: 1
    - identifier: documentation
      name: 文档
      pageRef: /docs
      weight: 2
    - identifier: blog
      name: 博客
      weight: 3
    - identifier: daily
      name: 动态
      pageRef: /blog
      weight: 4
    - identifier: about
      name: 关于
      pageRef: /about
      weight: 5
    - name: Search
      weight: 6
      params:
        type: search
    - name: GitHub
      weight: 7
      url: "https://github.com/xiaoditx"
      params:
        icon: github

  sidebar:
    - name: 更多内容 ↓
      params:
        type: separator
      weight: 1
    - name: "GitHub"
      pageRef: "https://github.com/xiaoditx"
      weight: 2
    - name: "FTXUI"
      url: "https://arthursonzogni.github.io/FTXUI/"
      weight: 3
      
params:
  description: 小狄同学呀的个人网站 | 开源软件、文档、博客、动态 | 立志做优秀开源者，最新项目：FreeOS
  externalLinkDecoration: true # 站外链接特殊标记
  banner:
    key: 'announcement-v0_10'
  
  navbar:
    displayTitle: true
    displayLogo: true
#    logo:
#      path: imgs/touxiang.jpg
#      #dark: images/logo-dark.svg
#      # width: 40
#      # height: 20
#      # link: /
#    width: wide

  theme:
    # light | dark | system
    default: system
    displayToggle: true

#  footer:
#    enable: true
#    displayCopyright: true
#    displayPoweredBy: true
#    width: normal

  # 显示最后一次修改时间
  displayUpdatedDate: true
  dateFormat: "January 2, 2006"

  # 搜索设置
  # 使用默认支持的flexsearch
  search:
    enable: true
    type: flexsearch

    flexsearch:
      # index page by: content | summary | heading | title
      index: content
      # full | forward | reverse | strict
      # https://github.com/nextapps-de/flexsearch/#tokenizer-prefix-search
      tokenize: forward
  
  # "在github上修改"选项的链接
  editURL:
    enable: true
    base: "https://github.com/xiaoditx/xiaoditx.github.io/edit/main/content"

  blog:
    list:
      displayTags: true
      # date | lastmod | publishDate | title | weight
      sortBy: date
      sortOrder: desc # or "asc"
      # Pagination
      pagerSize: 20

    article:
      displayPagination: true

  toc:
    displayTags: true

  highlight:
    copy:
      enable: true
      # hover | always
      display: hover

  page:
    # full (100%), wide (90rem), normal (80rem)
    width: normal
    # tabs:
    #   sync: true

[imfing]

Hi, thanks for opening the issue and sharing the details!

I’d recommend starting with the starter template, since it provides a minimal working setup where the search is already functional out of the box. This way you can confirm the search feature works in your environment first.

From there, you can gradually add your own content or migrate your configuration piece by piece. That usually helps isolate what might be causing the search to stop working.

If you still run into issues after trying the starter template, please share any error messages (e.g. in the browser console) or your updated configuration so we can help troubleshoot further.

[xiaoditx]

Thank you very much. The issue has been resolved. It seems to have been related to my decision to use a local flexsearch.js file due to network issues, possibly caused by misconfiguration. In any case, it's fixed now, and I’ve also taken the opportunity to optimize some details.

Wish you a great day!