文字排印与标记语言 #134

Open
lifesinger opened this Issue · 13 comments

12 participants

lifesinger Stephen.Wu xiaominglui Beelzebub Jeff noodles Okawa 题叶 熊松松 张正雄 James Fancy Qian Ye
lifesinger

922cbf39c55bb1fa86b378c50a676175

今天的文章来自支付宝交互技术部前端工程师南伯。南伯是个天才般的少年,写代码对他来说是种享受。南伯兴趣广泛,从旅游、绘画、钢琴,到文学、排版、摄影等等,兴趣盎然,且都略有研究。下面是文字排印与 Markdown 标记语言的一篇文章,欢迎阅读。


文字排印与标记语言

文 / 南伯

许多年前,我也曾想过将来要做一个文字工作者,结果现在从事了互联网行业。这次单从互联网从业人员的角度谈文字排印。

提到「标记语言」,不免会让不知情者以为高深,其实很简单,正如某言「无技术含量​​」。然而真正要做好,亦非易事。糟糕的排版随处可见,例如在一段文字中突兀出现很大几个字,又或者一段黑色文字中夹杂几句红的绿的黄的句子,更可憎的是有些文字还一闪一闪亮晶晶,这样的例子在互联网上比比皆是,不忍卒读。通俗来讲,称为暴发户气质。

好的排版(指单篇文章)是为了文章的易读性,让人看着愉悦看着舒服,实际经验告诉我们,略微泛黄的奶油色底加黑色文字是让人最愉悦的搭配。当然,除了颜色,还有字体、大小、字间距、行间距等诸多因素影响着排版的效果。

做为写作者,我们应该关注的真的是文章的显示效果么?当我们说「把这段文字加粗」,我们的本意是想强调这段文字,加粗只是表象,强调并不意味着一定要加粗。相反,我们所需要的是理解文字段落的本质,忽略其表现效果,一个好的开头就是改变我们的思维方式,回归本原, 「这段文字需要着重强调一下」

正如多年前的互联网,当时(也许现在还存在)还没有样式分离的观念,前端开发者迷失在样式的表象上,忽视了事物的本质。于是,各种 <font> 之类的 HTML 标记大行其道。但是现在的情况好很多了,比如我们会用 <strong> 而不是 <b> 来「加粗」文字,这样的改变体现的正是观念的转变,<b> 意味着 bold,是表象上的加粗,<strong> 体现的是著重强调,是本质上的加粗。这是一小步改变,也是一大步改变。

也许你并不了解什么是 HTML,什么是 <strong>,什么是 <b>,这没有关系,你正在看的这个网页其实就是一个HTML。但是你不需要知道这些。因为有更简单,更多适合写作者的标记语言—— Markdown。

已经有不少人谈过 Markdown,例如:

普遍的误解是,这些标记语言是程式师们的东西。但是正如其作者 John Gruber 所说:

Markdown is a text-to-HTML conversion tool for web writers.

它从一开始就不是所谓 Geek 的东西,恰恰相反,它是为你这样的文字工作者所设计的。它很简单,它在 IT 界所以越发流行也正是因为其简单易学,甚至有人称其学习成本为零。

我们只需要简单介绍一下基本的文法,聪明者如你应该不需要五分钟就可学会。

  • 一级标题(大标题)

    # 这是一级标题
    
  • 二级标题(副标题)

    ## 这个是副标题
    
  • 那么三级标题,四级标题也就很容易猜出来了

    ### 三级标题
    #### 四级标题
    
  • 图片与链接

    ![image description](image URL)
    [link text](link URL)
    
  • 着重强调

    *emphasize* **strong**
    _emphasize_ __strong__
    
  • 引用的内容

    > 生命是一袭华美的袍,爬满了虱子。
    
  • 有序列表

    1. 有序列表第一条
    2. 有序列表第二条
    
  • 无序列表

    * 无序列表
    * 无序列表
    

现在你已经了解了所有你需要知道的了,这难道能叫做难学么?忘记介绍段落了,你只需要保证段落之间有空行就可以了。

也许你还需要一个编辑器来辅助你,例如我现在正在用 Mou 来写作这篇文章。对,你所看到的这篇文章正是用 Markdown 写作的。也许你对自己的写作不放心,需要实时预览,借助这些工具也许能让你更放心。其实真的不需要,例如当我写作这篇文章时,我并不需要即时预览,我知道我写出来的效果一定就会是我想要的。

另外我正在编写一个网页版的 Markdown 编辑器,虽然还没有完成,不过已经足以帮助你熟悉一下 Markdown 的文法了。我也为你准备了一份详细的英文版文法说明。

也许你还会觉得这些文法不​​够用,你还是想把你的文章弄得花花绿绿的,我想这篇文章不是为你而写的。我也深深为你的审美捉急呀。

(完)

原文地址:http://lepture.com/work/typography-and-markdown
南伯新浪微博:@lepture


玉伯有话说

  1. 南伯这篇文章介绍了 Markdown 基础用法,非常推荐大家尝试,特别是程序员。如果经常用 GitHub,在 Issue 等页面,可以摁 m 键,快速查看 Markdown Cheat Sheet,用上几次后,就会非常熟悉,效率倍增。

  2. Markdown 对我来说,也是用上后就很难离开的东西。自从有了它,就很少开 Word 了。在此推荐 Markdown 编辑器 Byword,安静、自然、舒适,码起字来,如坐幽谷,泉水叮咚。

  3. 上个月去上海参加了一席。一席关注人文、科技、白日梦,有点像国外的 TED 论坛。一席上个月的视频已放出,特别推荐蔡朝阳老师:以自由看待教育 无论你现在有没有小孩,这都是值得一听的讲演。

  4. 霜波说心理学系列,微信上收到了大量温馨的反馈,也有少量说这是心灵鸡汤没意思的回复。无论在微博还是微信上,某篇文字是否心灵鸡汤,我觉得主要取决你阅读时的心态。你是否真的沉浸去读了、去思考了。把自己掏空,抛去一些自以为是的预设,你会看到更多美好。

题图:好的排版,简单、舒适、自然。


欢迎订阅 WTP(Web 技术与产品交流)微信公众帐号。WTP 关注技术、产品、自由梦,在每个工作日(偶尔休息日)会定期推送一篇原创文字。欢迎扫描二维码订阅: