[解決済み] マークダウンテーブルのコードステートメントでパイプ文字をエスケープするには？

質問

GitHubで、Markdownのコード片を含むテーブルを作りたいと思っています。それは私がバックスティック（すなわち ` ）文字の間にパイプ文字（すなわち | ）を置くときを除いてうまく動作します。

以下は私が望むものです。

      a     |  r  
------------|-----
 `a += x;`  |  r1
 `a |= y;`  |  r2

問題は、2行目のコード文の縦棒が列の区切り文字として解釈されることです。そうすると、テーブルのレンダリングがかなり醜くなります。どうすればそれを避けることができるでしょうか？

なお、私はすでに | という HTML コードが生成されますが、これは a |= y; .

どのように解決するのですか？

2017年3月現在、エスケープされたパイプを使用することはより簡単です。 \| 他の回答もご覧ください。

バックティックを削除すると( ` ) を使用すると | ハックが動作します。

      a     |  r  
------------|-----
 `a += x;`  |  r1
 a |= y;  |  r2

で、次のような出力を生成します。

また、バックスティック( ` ) を <code></code> というマークアップにすると、レンダリングを維持することでよりきれいに問題を解決できます。

      a     |  r  
------------|-----
 `a += x;`  |  r1
<code>a &#124;= y;</code>  |  r2

は以下のような出力を生成します。