parse code snippets ie ``js const a = 1;`` in Telegram and perform syntax highlighting in the post using Prism

This commit is contained in:
Pierre Nel
2024-08-09 11:37:54 +02:00
parent 50fc7413a9
commit ddfcec21c2
3 changed files with 35 additions and 26 deletions

View File

@@ -51,12 +51,8 @@ const FOOTER_INJECT = getEnv(import.meta.env, Astro, 'FOOTER_INJECT')
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#f4f1ec" />
<link
rel="alternate"
type="application/rss+xml"
title={channel?.title}
href={origin + '/rss.xml'}
/>
<link rel="alternate" type="application/rss+xml" title={channel?.title} href={origin + '/rss.xml'} />
<link href="https://cdnjs.cloudflare.com/ajax/libs/prism-themes/1.9.0/prism-atom-dark.min.css" rel="stylesheet" />
<style is:inline>
@view-transition {
navigation: auto; /* enabled */
@@ -64,9 +60,7 @@ const FOOTER_INJECT = getEnv(import.meta.env, Astro, 'FOOTER_INJECT')
</style>
<SEO
titleTemplate={`%s | ${channel?.title}`}
titleDefault={[channel?.title, seoParams.description]
.filter(Boolean)
.join(' - ')}
titleDefault={[channel?.title, seoParams.description].filter(Boolean).join(' - ')}
twitter={{
card: 'summary_large_image',
creator: twitter ? `@${twitter}` : undefined,
@@ -86,19 +80,10 @@ const FOOTER_INJECT = getEnv(import.meta.env, Astro, 'FOOTER_INJECT')
<slot name="aside">
<div class="nav">
<div class="nav-item">
<a
href={SITE_URL}
title={channel?.title}
class={`nav-link current`}>Home</a
>
<a href={SITE_URL} title={channel?.title} class={`nav-link current`}>Home</a>
</div>
</div>
<input
class="search-icon"
name="icon"
type="checkbox"
placeholder="Search"
/>
<input class="search-icon" name="icon" type="checkbox" placeholder="Search" />
<form class="search-form" action="/search/result" method="get">
<input type="text" name="q" placeholder="Search" />
</form>
@@ -112,12 +97,7 @@ const FOOTER_INJECT = getEnv(import.meta.env, Astro, 'FOOTER_INJECT')
>
BroadcastChannel
</a> &
<a
href="https://github.com/Planetable/SiteTemplateSepia"
title="Sepia"
target="_blank"
rel="noopener"
>
<a href="https://github.com/Planetable/SiteTemplateSepia" title="Sepia" target="_blank" rel="noopener">
Sepia
</a>
</div>