编程在于折腾

【译】双语对照翻译测试文件

Web Translation 2017/08/10

本文于776天之前发表，文中内容可能已经过时。如有疑问，请在评论区留言。

本文件与《pandoc-markdown测试文件》大同小异，再加上一些比较特殊的情况，比如嵌套列表， 测试在pandoc-markdown下翻译的处理情况是否准确。但为了行文容易阅读，不再包含代码块，可以自行到markdown格式的文件查看。 【请忽略不准确的翻译，毕竟本文展示的是翻译的显示效果而不是内容~】

综述

基本元素测试

这篇博客的目的是为了帮助你确认你的HTML元素是否以合适的方式展示出来。如果你使用了CSS重置样式， 不要忘记重新自定义你的样式。

标题1

标题2

标题3

标题4

标题5
标题6

段落

不知道生成的文本怎么翻译，只认识测试链接 强调文本后面也是一串生成文本。 斜体后面也是一串生成文本。 下划线文本后面也是一串生成文本。 删除效果的文字 后面亦是如此。 那我就念两句诗？gou……zhi

这么长一段文字“Interdum et malesuada fames ac ante ipsum primis…”就只有一种样式，那就是行内代码。比如Sed erat diam

引用文本应该不会有问题吧。短文本我也看不懂机器生成的。

好像“Maecenas ornare arcu at mi suscipit, non molestie tortor ultrices.”并没有什么需要注意的。我在Webstorm里面将其折叠， 而没有空一行或者空两个空格，应该还是在用一个块级元素里面，不会生成多个标签吧？就不知道Github的兼容如何了。

列表类型

定义列表（dl）

定义列表的标题
这是一个定义列表分区

有序列表（ol）

  1. 有序列表item1
  2. 有序列表item2
  3. 有序列表item3

嵌套有序列表（nested ol）

  1. 有序列表Item 1

    1. 浅嵌套有序列表Item 1.1
    2. 因为出现三次过长而在编辑器折行的浅嵌套有序列表Item 1.2
    3. 浅嵌套有序列表Item 1.3

  2. 有序列表Item 2

    1. 浅嵌套有序列表Item 2.1

      1. 深层次嵌套有序列表Item 2.1.1
      2. 深层次嵌套有序列表Item 2.1.2
      3. 因为出现三次过长而在编辑器折行的深层次嵌套有序列表Item 2.1.3
    2. 浅嵌套有序列表Item 2.2
    3. 浅嵌套有序列表Item 2.3
  3. 有序列表Item 3

无序列表

  • 无序列表 1
  • 无序列表 2
  • 无序列表 3

嵌套无序列表（nested ul）

  • 无序列表Item 1

    • 浅嵌套无序列表Item 1.1
    • 因为出现三次过长而在编辑器折行的浅嵌套无序列表Item 1.2
    • 浅嵌套无序列表Item 1.3

  • 无序列表Item 2

    • 浅嵌套无序列表Item 2.1

      • 深层次嵌套无序列表Item 2.1.1
      • 深层次嵌套无序列表Item 2.1.2
      • 因为出现三次过长而在编辑器折行的深层次嵌套无序列表Item 2.1.3
    • 浅嵌套无序列表Item 2.2
    • 浅嵌套无序列表Item 2.3
  • 无序列表Item 3

表格

表格标题1 表格标题2 表格标题3
表格体1.1 表格体1.2 表格体1.3
表格体2.1 表格体2.2 表格体2.3
表格体3.1 表格体3.2 表格体3.3

杂项 - abbr, acronym, sub, sup等等

这里有一个上角标superscript，这里有一个下角标 subscript，当然还有你我看不懂的胡说八道。 这一句并没有什么特别之处，就有一个cite引用，不信你看~ cite 我真的好想把手放在键盘上胡乱地敲。因为并没有什么需要讲的，但我还是忍了，but I am angry。而下面的这一句NBA，是使用了“acronym”标签， 因为它已经有了title属性，那我们就直接翻译，不做处理。NBA，当然特殊的还有“abbr” 这个缩写标签，也不做处理，Let it go，谁让它们在p标签下面呢. AVE

标签测试

这一章节是用来测试Hexo自带的标签(tag)插件。更多详情请查看文档

块级引用

一般块级引用

真心无f**k可说，别总是想借用生成文本搞大新闻

引述自书本

为什么只有body部分呢？哦，对哦，人名一般也不需要翻译，nice~ 这句谚语翻译过来就是：独乐乐不如众乐乐？
David LevithanWide Awake

引述自Twitter

震惊！！！DevDocs支持语法高亮！！详情点击 http://devdocs.io

引述自网络中的文章

每次的互动都是宝贵的？（好low的翻译）

代码块

普通代码块

alert('Hello World!');

拥有标题的代码块

Array.map
array.map(callback[, thisArg])

拥有标题和链接的代码块

.compactUnderscore.js
.compact([0, 1, false, 2, ‘’, 3]);
=> [1, 2, 3]

拥有高亮代码行的代码块

第1，7，8，10行应该被不同于背景色的颜色标记。

const http = require('http');

const hostname = '127.0.0.1';
const port = 1337;

http.createServer((req, res) => {
  res.writeHead(200, { 'Content-Type': 'text/plain' });
  res.end('Hello World\n');
}).listen(port, hostname, () => {
  console.log(`Server running at http://${hostname}:${port}/`);
});

注意：主题的样式应该支持.highlight.line.marked（建议使用选中颜色或者当前行的颜色）

Gist

jsFiddle

醒目引文

左醒目引文

说好的左醒目引文，你就糊弄我？

一串很长又没有意义的文字，我也可以啊。 ash多哈so防患未然斯蒂芬拉黑色调为urodhfasdf 阿大区物业QWDGUWQWAHEWOEFH阿萨德阿误认为而已发撒旦气温偶点告破i热土未全额uiqwyefiasdfwqeiuiowa三大队立即投入诶阿怒气未tv了关于i二阿桑的期望哦谷热他俩三等奖权威。 就问你怕不怕！！！我先去洗一下脸，键盘好脏。

右醒目引文

一个糊弄我就算了，右边的你也来？

一串很长又没有意义的文字，我也可以啊。 ash多哈so防患未然斯蒂芬拉黑色调为urodhfasdf 阿大区物业QWDGUWQWAHEWOEFH阿萨德阿误认为而已发撒旦气温偶点告破i热土未全额uiqwyefiasdfwqeiuiowa三大队立即投入诶阿怒气未tv了关于i二阿桑的期望哦谷热他俩三等奖权威。 就问你怕不怕！！！我先去洗一下脸，键盘好脏。 Ctrl+C，Ctrl+V就是那么简单~

avatar high起来 😝
【译】Map 与 FlatMap 的对比

  1. 1. 综述
  2. 2. 基本元素测试
  3. 3. 标题1
    1. 3.1. 标题2
      1. 3.1.1. 标题3
        1. 3.1.1.1. 标题4
          1. 3.1.1.1.1. 标题5
            1. 3.1.1.1.1.1. 标题6
    2. 3.2. 段落
    3. 3.3. 列表类型
      1. 3.3.1. 定义列表（dl）
      2. 3.3.2. 有序列表（ol）
      3. 3.3.3. 嵌套有序列表（nested ol）
      4. 3.3.4. 无序列表
      5. 3.3.5. 嵌套无序列表（nested ul）
    4. 3.4. 表格
    5. 3.5. 杂项 - abbr, acronym, sub, sup等等
  4. 4. 标签测试
    1. 4.1. 块级引用
      1. 4.1.1. 一般块级引用
      2. 4.1.2. 引述自书本
      3. 4.1.3. 引述自Twitter
      4. 4.1.4. 引述自网络中的文章
    2. 4.2. 代码块
      1. 4.2.1. 普通代码块
      2. 4.2.2. 拥有标题的代码块
      3. 4.2.3. 拥有标题和链接的代码块
      4. 4.2.4. 拥有高亮代码行的代码块
      5. 4.2.5. Gist
      6. 4.2.6. jsFiddle
    3. 4.3. 醒目引文
      1. 4.3.1. 左醒目引文
      2. 4.3.2. 右醒目引文