Heading section number raise an error in browser inspector

[AbdulSayyed]

Say the following are the contents of the markdown index.md file, and appear after front matter.

1. Install on Arch Linux

This guide will walk you through the installation of Arch Linux, a lightweight and flexible Linux distribution that is known for its simplicity and customization options. Arch Linux follows a rolling release model, which means it is continuously updated rather than having fixed releases.

1.1. System Requirements

Before installing Arch Linux, ensure your system meets the following requirements:

• A compatible x86_64 processor
• At least 2 GB of RAM (4 GB recommended)
• A minimum of 20 GB of free disk space
• A USB drive (at least 2 GB) for the installation media

1.1.1. Downloading Arch Linux

1. Visit the Arch Linux download page to get the latest ISO file.
2. Choose a mirror close to your location for faster downloads.
3. Download the ISO file and verify its integrity using the provided checksums.

The Section number causes an error shown in the inspector

selector-engine.js:41 Uncaught SyntaxError: Failed to execute 'querySelector' on 'Element': '#1-install-on-arch-linux' is not a valid selector.
at Object.findOne (selector-engine.js:41:44)
at _ScrollSpy._initializeTargetsAndObservables (scrollspy.js:213:48)
at _ScrollSpy.refresh (scrollspy.js:93:10)
at new _ScrollSpy (scrollspy.js:75:10)
at _ScrollSpy.getOrCreateInstance (base-component.js:66:41)
at scrollspy.js:286:15
at handler (event-handler.js:98:15)
findOne @ selector-engine.js:41
_initializeTargetsAndObservables @ scrollspy.js:213
refresh @ scrollspy.js:93
_ScrollSpy @ scrollspy.js:75
getOrCreateInstance @ base-component.js:66
(anonymous) @ scrollspy.js:286
handler @ event-handler.js:98

[razonyang]

That's because the id of element for document.querySelector should not start with number.

There are three solutions:

1. Request Bootstrap Scrollspy to query selector with document.querySelector('[id="foobar"]') for IDs.
2. Transform generated IDs with Hugo, but there isn't ideal way.
3. Using CSS to numberify the headings, but I have no plan to implement it for now.

BTW, please wrap your code block with Markdown, for easilly copying and pasting...