#documentation
%% run start
```ts
const {LinkPreview} = customJS
return LinkPreview.getLinkPreviewFromUrl("https://codehike.org/")
```
%%
<div class="nifty-link-card-container">
<a class="nifty-link-card" href="https://codehike.org/" target="_blank">
<div class="nifty-link-card-text">
<div class="nifty-link-card-title line-clamp-2">Code Hike</div>
<div class="nifty-link-card-description">Marvellous code walkthroughs</div>
<div class="nifty-link-href">
<img class="nifty-link-icon" src="https://codehike.org/favicon-32x32.png">
https://codehike.org/
</div>
</div>
<div class="nifty-link-image-container">
<div class="nifty-link-image" style="background-image: url('https://site-5ohqgvnxq-codehike.vercel.app/cards/card.png')">
</div>
</div>
</a>
</div>
%% run end %%
<video src="https://codehike.org/show1.mp4" controls="controls" style="width: 100%;"></video>
> [!info] read more
> [code-hike/codehike: Marvellous code walkthroughs (github.com)](https://github.com/code-hike/codehike)
I learn about it here: [yuleicul/obsidian-mdx: Preview MDX in Obsidian, with support for Code Hike (github.com)](https://github.com/yuleicul/obsidian-mdx)
You might also want to know [[MDX]].