# Intro to the new site

DevFeed: [Intro to the new site](<https://devfeed.tech/articles/intro-to-the-new-site-28091.md>)

Original publisher: [Read original article](<https://jlongster.com/intro-new-site>)

Author: James Long

Published: 2024-07-09T12:00:00Z

Content type: article

Language: en

Sources: [James Long](<https://devfeed.tech/sources/james-long.md>)

Topics: [Back end](<https://devfeed.tech/topics/backend.md>), [Obsidian](<https://devfeed.tech/topics/obsidian-md.md>), [User experience (UX)](<https://devfeed.tech/topics/ux.md>), [Syntax Highlighting](<https://devfeed.tech/topics/syntax-highlighting.md>), [render](<https://devfeed.tech/topics/render.md>), [math](<https://devfeed.tech/topics/math.md>)

Tags: [backend](<https://devfeed.tech/tags/backend.md>), [math](<https://devfeed.tech/tags/math.md>), [obsidian](<https://devfeed.tech/tags/obsidian.md>), [render](<https://devfeed.tech/tags/render.md>), [syntax-highlighting](<https://devfeed.tech/tags/syntax-highlighting.md>), [ux](<https://devfeed.tech/tags/ux.md>), [workflow](<https://devfeed.tech/tags/workflow.md>), [writing](<https://devfeed.tech/tags/writing.md>)

## AI overview

The author introduces a new site backend and a workflow centered on Obsidian for fast writing and publishing. The site supports interactive JavaScript code blocks, syntax highlighting, DOM output, rendering functions, and KaTeX mathematics, motivated partly by the author's AI studies.

## Source excerpt

I just pushed a new backend for this site. I love having a quick direct connection to my site: being able to write content and publish it with a quick press of a key. Previously, I was using logseq for this but while writing my latest post I got frustrated with how slow it is. I use this site not just for writing content, but also quick sketches of interactive code. I can easily make a code block interactive by tagging it to run inline in the page, making it easy to develop quick ideas. For this to work, publishing needs to be instant and the editing experience is vital. In logseq, it took 3-4 seconds to publish content (some of this is due to how I wired up the process) but worse is the editing experience in large posts with lots of code was very slow and frustrating. My new setup uses obsidian to write content which I've found extremely polished and fast. A big difference is logseq is an "outliner" and obsidian treats content as a simple file of text. I'll miss certain features of outliners but overall the UX improvement is very much worth it. New site allows code with syntax highlighting (just as before): function calc(x) { return x + 6 * 10000; } ^659b71 I can make code blocks easily run by adding the run tag to a codeblock. It looks like this: ```js run function calc(x) { return x + 5 * 10; } return calc(10); ``` ^4536cf If I want to show something from the code I can just return the value and it appears in the DOM: (note: skipping interactive content block) ^ef4d56 Alternatively I could use a render function within the code block to do the same thing: render(calc(10)). It's a little more verbose, but the benefit with this is I can render multiple things and at different places in the call stack. I also took the time to support math which is rendered with katex. For example $g(\\sqrt{a^2 + b^2})$ renders as this: $g(\sqrt{a^2 + b^2})$. This new workflow will be instrumental in my AI studies, which was the primary motivation for this rehaul. Watch this space: I