タイトルが次のようなマークダウンで書かれた単純な Web ページがあります。
---
title: <h1 class="side">Text Title | </h1><h3 class="side">Text Subtitle</h3>
---
ページの本文では正しく表示されますが、ブラウザのタブ バーなどの領域に書式設定が表示されます。フォーマットを表示せずに維持する方法を見つけたいと思います。
明確にするために、これclass="side"
は見出しをインラインで表示するための css<style>
であり、ページは次の結果で html に処理されます。
<title><h1 class="side">Text Title | </h1><h3 class="side">Text Subtitle</h3></title>
タイトルが正しく表示される本文の領域は次のようになります。
<header>
<h1>{{ page.title }}</h1>
</header>