trimill.xyz/flaskr/templates/_blog.html

{% extends "/_base.html" %}
{% block head %}
<!-- KaTex -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.0/dist/katex.min.css" integrity="sha384-Xi8rHCmBmhbuyyhbI88391ZKP2dmfnOl4rT9ZfRI7mLTdk1wblIUnrIq35nqwEvC" crossorigin="anonymous">
<link rel="stylesheet" href="/static/pygments.css">
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.0/dist/katex.min.js" integrity="sha384-X/XCfMm41VSsqRNQgDerQczD69XqmjOOOwYQvr/uuC+j4OPoNhVgjdGFwhvN02Ja" crossorigin="anonymous"></script>
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.0/dist/contrib/auto-render.min.js" integrity="sha384-+XBljXPPiv+OzfbB3cVmLHf4hdUFHlWNZN5spNQ7rmHTXpd7WvJum6fIACpNNfIR" crossorigin="anonymous"></script>
<script>
	document.addEventListener("DOMContentLoaded", function() {
		renderMathInElement(document.body, {
			delimiters: [
				{left: '$', right: '$', display: false},
				{left: '\\[', right: '\\]', display: true},
			],
			throwOnError : false
		});
	});
</script>

<style>
img {
	display: block;
	max-width: 80%;
	margin-left: auto;
	margin-right: auto;
}
p {
	margin-top: 24px;
	margin-bottom: 24px;
}
</style>
{% endblock %}

{% block content %}
<h1>{{ title }}</h1>
<p class="faded">{{ date.isoformat() }}</p>
<article>
{{ content | safe }}
</article>
{% endblock %}