← Blog

Building a Blog with MDX

|
metaweb

This is the inaugural post on my blog. I built this using MDX with SolidJS, which lets me mix Markdown with interactive components.

Code Highlighting

Here's an example of syntax-highlighted code:

import torch
import torch.nn as nn
 
class GNNLayer(nn.Module):
    def __init__(self, in_dim, out_dim):
        super().__init__()
        self.linear = nn.Linear(in_dim, out_dim)
 
    def forward(self, x, adj):
        return torch.relu(self.linear(adj @ x))

Math Formulas

The message-passing framework in GNNs can be expressed as:

hv(l+1)=σ(W(l)AGG({hu(l):uN(v)}))h_v^{(l+1)} = \sigma\left(W^{(l)} \cdot \text{AGG}\left(\{h_u^{(l)} : u \in \mathcal{N}(v)\}\right)\right)

Where hv(l)h_v^{(l)} is the representation of node vv at layer ll, and N(v)\mathcal{N}(v) denotes the neighborhood of vv.

GFM Features

FeatureSupported
TablesYes
StrikethroughNo Yes
Task ListsYes
  • MDX pipeline
  • Code highlighting
  • Math rendering
  • D3 visualizations

D3 Visualization

A force-directed graph showing the GNN research landscape. Nodes are draggable.

Built with SolidJS + TailwindCSS.