Formatting test for Markdown
The purpose of this file is to test all the markdown support and syntaxs
Main header
Link to heading “Main header”Another example of the formatting, this is what supposed to be a blockqoute This is an example of the highlight
Code snippet
Link to heading “Code snippet”You can only do this if you have certain understanding regarding how to do the thing that are meant to be that thing.
this is an inline-quotedoes it works? click here to jump to code-snippet-2, or you can just scroll down, also you can hover on the code blocks.npm run install && npm run updateThis a blockqoute inside a blockqoute inside a blockquote, it is a
block-ceptionconst isDarkThemePreferred = !localStorage.theme && window.matchMedia('(prefers-color-scheme: dark)').matches const dataset = document.documentElement.dataset // Getting all dataset
Secondary header
Link to heading “Secondary header”The markdown is being handle by the markdown-it and eleventy, while some extra works is being done by vanila javascript.
SELECT * FROM `ikan`;
DROP table `ikan`;
Code snippet
Link to heading “Code snippet”def greet(name):
print(f"Hello, {name}! Welcome to the Markdown formatting test.")
greet("Visitor")
Here is a simple JavaScript function that adds two numbers and logs the result.
Code snippet 2
Link to heading “Code snippet 2”function add(a, b) {
return a + b
}
console.log(add(2, 3)) // Output: 5
Here is a simple JavaScript function that adds two numbers and logs the result.
const schedulerLoader = (schedules = {}) => {
let time = new Date()
let currentTime = time.getUTCHours() + 9
if (currentTime > 23) currentTime -= 23
if (replaceStatus) replaceStatus.textContent = 'Idle'
setTimeout(() => {
for (let i = 0; i < schedules.length; i++) {
let { day, endHour, startHour } = schedules[i]
if (!replaceStatus) return
if (days[currentDay] === toCapitalizeWord(day)) {
if (currentTime > startHour && currentTime < endHour) {
replaceStatus.textContent = 'Studying'
}
break
}
replaceStatus.textContent = 'Idle'
}
}, 0)
}
const schedulerLoader = (schedules = {}) => {
let time = new Date()
let currentTime = time.getUTCHours() + 9
if (currentTime > 23) currentTime -= 23
if (replaceStatus) replaceStatus.textContent = 'Idle'
- setTimeout(() => throw new Error(),0)
+ setTimeout(() => {
+ for (let i = 0; i < schedules.length; i++) {
+ let { day, endHour, startHour } = schedules[i]
+ if (!replaceStatus) return
+
+ if (days[currentDay] === toCapitalizeWord(day)) {
+ if (currentTime > startHour && currentTime < endHour) {
+ replaceStatus.textContent = 'Studying'
+ }
+ break
+ }
+ replaceStatus.textContent = 'Idle'
+ }
+ }, 0)
├─ docs
│ ├─ .vuepress
│ │ └─ config.js
│ └─ README.md
└─ package.json
And this is an example of markdown list:
- line
- line
- line
1. stop it
2. what
3. don't worry
- line
- line
- another list
- what is this?
- line
- stop it
- what
- don’t worry
Code snippet 3
Link to heading “Code snippet 3”const Logger = (text, type = LoggerType.EMPTY) => {
const typeFormatted = type === LoggerType.EMPTY ? `${type}` : `${type}:`
if (isDevelopment) console.log(`${typeFormatted}`, text)
}
Last line header
Link to heading “Last line header”#body {
color: red;
}
Another test with json c + d control + d or meta + d.
{
"id": "s9RT21XS8399#!821838"
}
What about error? you can do a combo of Shift + A, with this as the sole purpose of testing any random stuff.
Secondary header
Link to heading “Secondary header”#code-snippet is type of reference that we needs[1].
Table?
Link to heading “Table?”| Side | Face | Timeline |
|---|---|---|
| Side | Another one bites the dust | 2025-02-01 |
| For The Emperor | Light up the sky with the flame of the emperor |
Accessibility: The future of Web Development
