Blogger（Blogger.com）で記事を作成する際、Geminiできれいに表示されている数式や記号（$\pi$ など）が、そのままではコードの文字列として露出してしまうのはよくあるお悩みです。
Bloggerは標準でLaTeX形式の数式を解釈する機能を持たないため、以下のいずれかの対策を行うことで解決できます。
対策1：ブログに「MathJax」を導入する（おすすめ）
ブログ全体のテンプレートに MathJax（マスジャックス） というJavaScriptライブラリを一度組み込んでおくだけで、記事内の
$...$ や $$...$$ を自動で美しい数式・記号に変換してくれるようになります。導入の手順
- Bloggerの管理画面にログインします。
- 左メニューの 「テーマ」 をクリックします。
- 「カスタマイズ」ボタンの横にある下向き矢印（▼）をクリックし、「HTMLを編集」 を選択します。
- HTMLエディタが表示されたら、キーボードの
Ctrl + F（MacはCmd + F）を使って、</head>というタグを探します。 </head>タグのすぐ上の行に、以下のコードをそのまま貼り付けます。
HTML
<!-- MathJaxの設定・読み込み -->
<script>
window.MathJax = {
tex: {
inlineMath: [['$', '$'], ['\\(', '\\)']],
displayMath: [['$$', '$$'], ['\\[', '\\]']]
},
svg: {
fontCache: 'global'
}
};
</script>
<script async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
- 画面右上にある保存アイコン（フロッピーのマーク）をクリックして保存します。
これで、今後Geminiから出力されたLaTeX形式の数式や記号を含む文章をそのまま貼り付けても、自動的にブラウザ上で綺麗に描画されるようになります。
対策2：HTMLの編集をしない場合の簡単な回避策
「テンプレートの編集は少しハードルが高い」「数式をたまに使うだけなので手軽に済ませたい」という場合は、Geminiへの指示を少し変えるか、文字を置き換える方法が手軽です。
- Geminiへの指示の工夫:プロンプト（指示文）に次のように添えてみてください。「Bloggerに貼り付けるので、LaTeX形式（
$\pi$など）ではなく、通常の文字記号（π）やプレーンテキストで出力してください」 - HTMLビューでの直接編集:Bloggerのエディタを「作成ビュー」ではなく「HTMLビュー」に切り替え、該当部分を記号の
πやHTMLエンティティ（π）に書き換えることでも対応可能です。
