美文网首页干货技术
文字排印与标记语言

文字排印与标记语言

作者: 佚名 | 来源:发表于2014-09-04 11:31 被阅读1055次

    副标题:写给文字工作者的 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. 有序列表第一条
    1. 有序列表第二条
    • 无序列表

    * 无序列表

    • 无序列表

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

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

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

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


    作者:lepture
    原文链接:http://lepture.com/zh/2013/typography-and-markdown

    相关文章

      网友评论

        本文标题:文字排印与标记语言

        本文链接:https://www.haomeiwen.com/subject/xyuytttx.html