< all posts

blog-demo

> 10/12/2025

> A demo post showcasing some features

Hello!!

This is a demo post to test out/showcase some features.

Read my entry about how this was made (coming soon…) to learn more about this blog.

Feature Overview

  1. Markdown formatting

Files are render through Astro with a custom Base.

  1. Code syntax highlighting

  2. Latex-like math rendering with katex

  3. Tag-based organization

see tags or click one of the tags on the top of this post.

Markdown features

Table of Contents

Table of Contents auto generated in obsidian.

Math Demo

Inline math equations

random integral, 0exdx=1\int_0^\infty e^{-x} dx = 1

Another math demo

A sequence x1,x2,x3x_{1}, x_{2}, x_{3}\dots of real numbers is cauchy if

ϵ>0,NN:n,mNxnxm<ϵ\begin{align*} \forall \epsilon>0, \exists N \in \mathbb{N} : \forall n,m &\ge N \Rightarrow |x_{n} - x_{m}| < \epsilon \end{align*}

Block equations

f^(ξ)=f(x)e2πixξdx\hat{f}(\xi) = \int_{-\infty}^{\infty} f(x) e^{-2\pi i x \xi} dx

Markdown Table

with custom css

TableCol 1Col 2
Row 1T11T12
Row 2T21T22

Code Demo

Binary Search in C:

int first_true(int* arr, int n, int (*is_true)(int)){
	if(!n) return n;
	
	int lo=0, hi = n-1;
	while(lo<hi){
		int mid = lo + (hi-low)/2;
		
		if(is_true(arr[mid])){
			// go to left subarr
			// inclusive of mid
			// new subarr = [lo, mid]
			hi = mid;
		}
		else{
			// right subarr
			// skip mid
			// new subarr = (mid, hi]
			lo = mid+1;	
		}
	}
	// if lo==hi we have hit the candidate
	return is_true(arr[lo]) ? lo : n;
}

Callout Demo

Here is a callout

Obsidian style callout support with https://github.com/r4ai/remark-callout

Different type of callout (Warning Callout)

Nested Exaple

Nested Level 1 (Quote Callout)

Nested Level 1 content

Nested Level 2 (Example Callout)

Nested Level 2 content

Nested Level 2 Line 2

Level 1 again

Image Demo:

A screenshot of a lecture slide:

image test custom css for image captions

See more stuff…