logospathos's tech log
「エンジョイ、寄り道、回り道!」をモットーに、素人がトライした、ゆる〜い作業記録です。
2019年4月26日金曜日
連続した独立行に`\tag*`を含む独立行が複数あると、Bloggerでうまく表示されない
複数の独立行が連続した(空白行を入らずに)場合、その中に`\tag*`を含む独立行が複数あると、VSCodeのプレビュー上では表示されても、Bloggerでうまく表示されませんでした。 --- 僕は、Bloggerへの投稿記事を、VSCodeでマークダウン形式で作成しています。 数式入りの文章も投稿できるように、VSCodeには、拡張機能「Markdown+Math」をインストールすることで、数式入力できるようにし、Bloggerには、KaTeXを導入することで、数式が表示できるようにしました。 「Markdown+Math」も内部で、KaTeXを使用しているので、VSCodeのプレビューと同じように、Bloggerにも表示されるだろうと思っていたのですが、 複数の独立行が連続した(空白行を入らずに)場合、その中に式番号を表示するKaTeX関数`\tag*`を含む独立行が複数あると、Bloggerでうまく表示されませんでした。 以下、その症状と回避策についてのメモです。
--- ## 前提 環境と投稿の手順は以下のとおりです。 ### 環境 - ブログサービス:Blogger - 元テーマ:Awesome.Inc - マークダウン・プラグイン:Marked.js(0.6.2) - 数式表示プラグイン:$\KaTeX$(0.10.0) - マークダウン・エディタ:VSCode(1.33.1) - マークダウン関連拡張機能: - Markdown All in One(2.2.0) - Markdown Preview Enhanced(0.3.13) - Markdown+Math (2.3.9) - ブラウザ: - FireFox Quantum(66.0.3 (64 ビット)) - Microsoft EdgeHTML (17.17134) ### 投稿の手順 1. VSCode上で、マークダウン形式で投稿テキストを作成する。 - マークダウン形式で、数式を入力するときの区切り文字は、インライン(`inline`)の場合、`$`、独立行(`display`)の場合、`$$`とする。 2. 作成したテキストを、基本的にコピー&ペーストで、Bloggerに投稿する。 - Bloggerの投稿作成画面では、HTML形式欄で入力する。 --- ## 症状 複数の独立行が連続した(空白行を入らずに)場合、その中に`\tag*`を含む独立行が複数あると、Bloggerでうまく表示されなようです。 ### `\tag*`を含む独立行が2行連続した場合 .mdファイル: ```tex $$ \tag*{1.1} y = x + 1 $$ $$ \tag*{1.2} z = x^2 + 2x + 1 $$ ``` 表示結果: $$ \tag*{1.1} y = x + 1 $$ $$ \tag*{1.2} z = x^2 + 2x + 1 $$ Blogger上では、うまく表示されません。 ### 連続した独立行に`\tag*`を含む独立行が2行ある場合 .mdファイル: ```tex $$ \tag*{1.1} y = x + 1 $$ $$ \tag{1.2} z = x^2 + 2x + 1 $$ $$ \tag*{1.3} z = y^2 $$ ``` 表示結果: $$ \tag*{1.1} y = x + 1 $$ $$ \tag{1.2} z = x^2 + 2x + 1 $$ $$ \tag*{1.3} z = y^2 $$ 間に`\tag`を含む式が挟まれていますが、Blogger上では、うまく表示されません。 #### 参考:`\tag`を含む独立行が2行あっても、表示に問題ない。 .mdファイル: ```tex $$ \tag{1.1} y = x + 1 $$ $$ \tag{1.2} z = x^2 + 2x + 1 $$ ``` 表示結果: $$ \tag{1.1} y = x + 1 $$ $$ \tag{1.2} z = x^2 + 2x + 1 $$ ```tex $$ \tag{1.1} y = x + 1 $$ $$ \tag*{1.2} z = x^2 + 2x + 1 $$ $$ \tag{1.3} z = y^2 $$ ``` 表示結果: $$ \tag{1.1} y = x + 1 $$ $$ \tag*{1.2} z = x^2 + 2x + 1 $$ $$ \tag{1.3} z = y^2 $$ このように`\tag`を含む式なら複数行連続しても、問題なさそうです。 ## 原因 不明はよくわかりません。Blogger上のレンダリング結果では、`\tag*`の`*`が消えて表示されているのですが、それと関連しているかもしれません。 ## 回避策 式番号表示で`\tag*`を使用する場合、独立行の間に空行を挿入すると、Blogger上でもうまく表示できるようになりました。 .mdファイル: ```tex $$ \tag*{1.1} y = x + 1 $$ $$ \tag*{1.2} z = x^2 + 2x + 1 $$ ``` 表示結果: $$ \tag*{1.1} y = x + 1 $$ $$ \tag*{1.2} z = x^2 + 2x + 1 $$ ```tex $$ \tag*{1.1} y = x + 1 $$ $$ \tag{1.2} z = x^2 + 2x + 1 $$ $$ \tag*{1.3} z = y^2 $$ ``` 表示結果: $$ \tag*{1.1} y = x + 1 $$ $$ \tag{1.2} z = x^2 + 2x + 1 $$ $$ \tag*{1.3} z = y^2 $$ ## 解決策 原因がわからないので、解決策はまだわかりません。。。 とりあえず、僕は、式番号を表示するときには、基本的に`\tag`を使用することにしました。 また、そもそも見やすさの観点から、マークダウン形式テキストを作成するときは、数式の独立行の前後には、空白行を入れることにしました。そうすれば、式番号のカッコの種類を変えたくて、`\tag*`を使用しても、自然とこの問題を回避できそうです。 --- ## 今後の課題 * [ ] 根本的な原因がわかっていません。 * [ ] 根本的な解決策がまだわかっていません。 --- ## 更新履歴 2019-04-26 新規作成
0 件のコメント:
コメントを投稿
次の投稿
前の投稿
ホーム
登録:
コメントの投稿 (Atom)
0 件のコメント:
コメントを投稿