Como escapar de um caractere de pipe em uma instrução de código em uma tabela de redução de custos?

No GitHub, quero construir uma tabela contendo pedaços de código em Markdown. Funciona bem, exceto quando eu coloco um caractere de tubo (ou seja |) entre os caracteres de crase (ou seja, `).

Aqui está o que eu quero:

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

O problema é que a barra vertical na instrução do código da segunda linha é interpretada como um delimitador de coluna. Então, a renderização da mesa parece muito feia. Como poderia evitar isso?

Note que já tentei usar o |código HTML, mas ele produz a |= y;.

A partir de março de 2017, usar tubos com escape é muito mais fácil: \|veja outras respostas.

Se você remover os crases ( ` ), usar o |hack funcionará

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

e produz a seguinte saída

Alternativamente, você pode substituir os crases ( ` ) por uma <code></code>marcação que corrige os problemas de maneira mais adequada, preservando a renderização

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

gerando a seguinte saída

A partir de meados de 2017, o tubo pode simplesmente ser escapado com uma barra invertida, assim: \|

Isso funciona tanto dentro quanto fora dos crases.

O código HTML também pode ser usado novamente, mas apenas fora dos crases.

Resposta anterior:

Em março de 2017, a resposta aceita parou de funcionar porque o GitHub alterou seu analisador de marcação . Usar outro símbolo Unicode que se assemelha a um tubo parece ser a única opção no momento, por exemplo:

ǀ (U + 01C0, letra latina clique dental)

∣ (U + 2223, o símbolo divide)

⎮ (U + 23AE, Extensão Integral)

Você pode escapar de |em uma tabela no GFM com um exemplo \:

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

Consulte https://github.github.com/gfm/#example-191 ou https://github.com/dotnet/csharplang/pull/743 para obter um exemplo.