美文网首页
在简书使用markdown编辑器的学习笔记

在简书使用markdown编辑器的学习笔记

作者: 许铮_f637 | 来源:发表于2018-06-05 15:40 被阅读0次

    发现简书里有这篇文章,我觉得还不错
    献给写作者的 Markdown 新手指南
    不过学习还是得自己打开编辑器码一遍,我打完这篇文章的时候,就已经掌握基本语法了.

    因为一开始没有找到预览模式,在用反复发布的方式查看效果,几十次下来累死了.......删除一些无用的语气言论.....后来一不小心发现预览模式了.....就在上面右边的按钮里,不过预览结果和发布结果有较大出入,暂且不知道怎么改,而且翻动效果竟然不能同步

    决定用简书,就学吧

    首先花了1个小时搜索,最后我是使用www.zybuluo.com/mdeditor结合它自带的示例进行的学习,希望这链接没有广告嫌疑.......(话说我都不知道这玩意是哪的....)
    加上写这篇文,总体又学了1个小时吧


    话说markdown这个玩意好像也挺简单,毕竟最初要设计它就是为了方便书写和排版,其实比较人性化,大概就是沉浸式写作那类意思啦.

    三个需要理解的要点,带着这三个词去阅读本文,并且对号入座,即可融汇贯通:
    `1. 标记符号`
    `2. 开头标记`
    `3. 包围标记`
    

    整体的思路(套路)呢,就是在原有的写字的基础上,每行前面加一些标记,然后这个标记后面的一整行字,就都有了效果和版式.
    然后遇到有些类似加粗字体,斜体化这样的可能穿插在句子中间的东西,会采用包裹的方式,就是前后各加一对标记
    牛逼的是,这些标记,大多数都可以混着来,比如上一行,高亮的部分也使用了加粗

    只是这样换行会被限制(因为程序发现了换行符才算是一行结束嘛),不过也没啥,自动的排版就很美了,不需要用换行留白的套路

    1. 分割线

    下面是用---生成的分割线,三个以上的减号都可以,打一行就是一条,三行就是三条,然后打完要换行,不然会把文字当成分割线




    2. 文本内容

    像这样直接打字,就是普通的内容

    想加这种引用的格式,就在最前面打一个大于号,空格分隔,连续多行引用自动合并

    • 想让文字前面有个点点的话,就在最前面打个星星符号,然后用空格把它和文本区分开
    • 然后,这俩玩意还可以联用,就是注意空格就好

    3. 加粗和斜体

    **像这样前后各两个星星符号包围文本即可加粗字体** 加粗的字体
    *像这样前后各一个星星符号包围文本即可倾斜字体* 倾斜的字体

    4. 大概是行高亮吧....

    刚才不小心在一行的前面加了4个空格,变成了这样的效果
    

    5. 引用

    用> 轻舟已过万重山 就可以完成引用,标记后面用空格与文本分离

    轻舟已过万重山

    6.代码引用

    然后用tab上面,1左边那个小点点键包围文字,可以做到这样的效果,类似语句中的关键词,高亮词条之类的
    如果是一堆,就用前后```来包围

    两岸猿声啼不住
    轻舟已过万重山
    

    强大的代码引用可以引入语言的格式
    比如

    print ('hello world')
    pass
    

    我只是在第一行的```上加了python几个字母(其实不加也有高亮,不知道咋回事)

    7. 嵌入链接

    然后如果想添加链接,比如http://www.baidu.com,就用"<http://"和">"来包围网址"www.baidu.com",怎么感觉好像不包围也可以变成链接......

    [点击这里百度一下](https://www.baidu.com)
    用这样的方式可以做成这样的效果
    点击这里百度一下

    8.嵌入图片

    图片上传就直接拖进来吧,会自动填好名称和链接,然后修改一下[]里的文字就可以了,()里是链接,有现成图片地址也可以直接使用,暂且不知道怎么调图片大小和对齐方式

    ![我用在第一篇文里的图片,我拍摄的某个公园的地面](https://img.haomeiwen.com/i12386044/dac2800d75922589.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
    
    我用在第一篇文里的图片,我拍摄的某个公园的地面

    还可以这种形式:

    !我用在第一篇文里的图片,我拍摄的某个公园的地面[我用在第一篇文里的图片,我拍摄的某个公园的地面](https://img.haomeiwen.com/i12386044/dac2800d75922589.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
    

    我用在第一篇文里的图片,我拍摄的某个公园的地面我用在第一篇文里的图片,我拍摄的某个公园的地面
    其实就是个链接,不过能多句话,图片也变成链接了

    9.制作选项

    • [ ] 支持以 PDF 格式导出文稿
    • [x] 新增 Todo 列表功能
      我用的那个东西里可以支持,简书好像暂时不行

    10. 制作表格

    |姓名|年龄|性别|
    |---|---|---|
    |A|20|女|
    |B|19|男|
    |C|44|未知|
    |测试宽度会自己适应|测试可以和一些标记联用|`你看我比别的都大,还红`
    
    姓名 年龄 性别
    A 20
    B 19
    C 44 未知
    测试宽度会自己适应 测试可以和一些标记联用 你看我比别的都大,还红

    表格里面的东西都可以设置居中居右啥的

    |姓名|年龄|性别|
    |---|:---:|---:|
    |A|20|女|
    |B|19|男|
    |C|44|未知|
    
    姓名 年龄 性别
    A 20
    B 19
    C 44 未知

    11. 学习进阶技能

    Markdown 语法说明 (简体中文版)

    12. 上标

    不支持
    [^LaTeX],我学习时使用的那个编辑器,可以通过这种标志点击跳转到页面的某一个位置

    13. 绘制各种图表

    不支持
    那个cmdmarkdown,可以在```后面加上类别字母就可以更改引入的代码显示方式

    14.简括号的尝试

    13. 补充

    关于字体改变大小的big和small的尖括号标记,试过不好使
    然后网上在markdown里插入视频的方法也试过不好使,
    初步推测可能是所有与html尖括号代码有关的都不好使,后期再尝试.

    • 简单概括一下,对比使用体验,简书的markdown略显简陋,很多有用的功能都没做.
    • 视频是插入不了了,因为html不支持呀.只能保持尽量静态的东西.
    • 上标无法使用,页面的快速跳转也没找到办法实现(比如目录),
    • 甚至实时预览的结果和最终发布的样子不一样,两边的滚动条状态不能同步,需要翻了一边,再翻另一边,影响书写节奏.
    • 作为写字的地方,简书成功,作为博客的话,书写体验略差.可能产品定位与我的个人期望不符吧.
    • 还是希望进阶功能可以得到开发,毕竟有些人在记录时也需要使用它们.

    不过还是继续使用了,因为感觉简书的接受度更高一点.

    相关文章

      网友评论

          本文标题:在简书使用markdown编辑器的学习笔记

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