Format inline code blocks in article titles

This commit is contained in:
Râu Cao 2024-10-28 12:36:15 +01:00
parent 5f38355d5c
commit 5906655902
Signed by: raucao
GPG Key ID: 37036C356E56CC51

View File

@ -53,7 +53,7 @@ export async function articleHtml(
<main>
<header>
${draftLabel}
<h1>${article.title}</h1>
<h1>${titleHtml(article.title)}</h1>
<div class="meta">
<img class="avatar" src="${profile.picture}" alt="User Avatar" />
<div class="content">
@ -77,12 +77,16 @@ export async function articleHtml(
return htmlLayout({ title: pageTitle, body, metaHtml });
}
function titleHtml(title: string) {
return title.replace(/`([^`]+)`/g, "<code>$1</code>");
}
function articleListItemHtml(article: Article): string {
const formattedDate = localizeDate(article.publishedAt);
return `
<div class="item">
<h3><a href="/${article.naddr}">${article.title}</a></h3>
<h3><a href="/${article.naddr}">${titleHtml(article.title)}</a></h3>
<p class="meta">
${formattedDate}
</p>