• 如何在博客园上使用markdown


    目录[1]

    1. 打开markdown编辑器

    在你的博客园首页面选择新随笔,在编辑页面左上角有设置默认编辑器,点击选择markdown即可。这时你已经可以编辑了,但你会注意到,编辑页面是没有预览按钮的,当然你也可以滑到最底部选择保存为草稿,然后就可以查看了。如果你觉得很麻烦(确实麻烦),就可以寻找新的编辑工具或博客客户端。

    2. 寻找编辑工具

    博客园有推荐专门的博客客户端给我们,如windows Live Writer和Open Live Writer。但不幸的是这两者都不支持markdown,我相信万能的程序员已经开发出了用于博客的markdown工具,但我懒得找了。
    我用的是有道云笔记(是不是感觉很白痴),原因当然是因为安卓版的有道云笔记也可以markdown,这样就可以随时随地的编辑与修正。当然为知笔记也可以,但是收费,而且PC端不如有道方便,有道两个窗口,为知一个,预览还要按保存。其它还有很多更好更强大的编辑器,但是有道已经满足我了。当然,你还需要将整篇内容复制到博客园的编辑器中去。下面讲讲语法,我会将有道的markdown和博客园的markdown比对,确保复制成功。

    3. 基本语法

    标题(#):

    # 标题1
    ## 标题2
    ### 标题3
    #### 标题4
    ##### 标题5
    ###### 标题6
    ###### 标题6 ######
    

    标题1

    标题2

    标题3

    标题4

    标题5
    标题6
    标题6

    列表(-,+,*,数字.):

    - 条目1
        - 条目1.1
    - 条目2
    * 条目3
    * 条目4
    + 条目5
    1. 条目6
    1. 条目7
    
    • 条目1
      • 条目1.1
    • 条目2
    • 条目3
    • 条目4
    • 条目5
    1. 条目6
    2. 条目7

    链接与图片:

    [有道云笔记](https://note.youdao.com/)
    
    ![image](https://note.youdao.com/favicon.ico)
    

    有道云笔记

    image

    注意:如果在两句之间不加空行,就会这样
    有道云笔记
    image
    这告诉我们换行和段落要一个以上空行,或者用\换行,其它地方也是此用法。

    注意:使用图片时,括号里是图片的网络地址,或者说图床。请自行查阅。

    代码块和单行代码

    方法1:

    ```
    public class HelloWorld{
    
    }
    ```
    
    public class HelloWorld{
        
    }
    

    方法2:

    代码块2:
    
        public class Helloworld {
        
        }
    

    代码块2:

    public class Helloworld {
        
    }
    

    注意:建立代码区块,只要简单地缩进 4 个空格或者 1个制表符就可以。一个代码区块会一直持续到没有缩进的那一行(或是文件结尾)。方法2中,冒号下面要有一个或多个空行才行

    方法3:

    `int a = a + b;` 调用方法`printlf()`打印。
    
    int a = a + b;调用方法printlf()打印。
    

    int a = a + b; 调用方法printlf()打印。

    int a = a + b;调用方法printlf()打印。

    对比输出上下两行,是不是代码更突出了呢。反引号:英文输入模式下,ESC下面那个波浪键就是。

    引用:

    > 这是引用
    

    这是引用

    加粗,斜体等修饰:

    *斜体*
    **加粗**
    ~~删除线~~
    ++下划线++
    ==高亮==
    

    斜体
    加粗
    删除线
    ++下划线++
    高亮

    分割线:

    ***
    ---
    ____
    



    三个以上星号、减号、底线来建立一个分隔线,行内不能有其他东西

    单选框:

    - [x] 带勾的
    - [ ] 空的
    

    注意:博客园会在选择框的前面多显示一个圆点

    目录:

    添加目录很简单,加入标记:

    [Toc]
    

    他会自动索引所有的标题和标题层次。本文就是在文首添加了该标记,但是很遗憾博客园好像不支持,或者我语法错了?有道云是可以的

    脚注(跳转):

     ## 目录[^目录]
    [^目录]:回到目录
    

    在文章开头加上这两行(两个#无关,这是本文用来做标题的),要保证中括号[^标记名]里面的标记名一样,其余会照常显示。
    另外,有道云编辑器要把这两行调换一下才能用。本文用到了此功能,文末直接回到开头。PC可以用,我的手机跳转不了。

    其他

    其它还有许多功能,如表格,图等,这里只介绍了常用的几种,markdown可以转换HTML,事实上也是转换成HTML后显示的,如果你遇到了难题,请试着了解其中的转换规则。

    数学公式:

    ```math
    E = mc^2
    ```
    
    E = mc^2
    

    有道和github的 图

    表格:

    header 1 header 2
    row 1 col 1 row 1 col 2
    row 2 col 1 row 2 col 2

    4. markdown各软件语法对比

    有道云和博客园:

    很难受,语法是有一些不一样的,用且仅用本文所展示的语法来说。

    • 有道云很多标识符后面要加空格(#,*,-等),博客园不那么严格
    • 博客园不支持目录功能,而有道云是可以的。
    • 对于脚注的用法,稍微也不一样,简单说,那两行调换一下就好了。
    • 其它语法(限本文)都一样

    另一边,就是显示问题,确实不如其他的编辑器好看。

    • 引号显示
    • 分割线显示
    • 数学公式显示
    • 选择框显示,博客园在前面多个圆点

    另外,我把md用网页版github打开看了看,更心累了,不支持目录,下划线,高亮,脚注,甚至图片也没能打开。其它编辑器没试过。


    1. 回到目录 ↩︎

  • 相关阅读:
    hbase coprocessor 二级索引
    文档:ubuntu安装.pdf
    Python过滤敏感词汇
    nginx 对django项目的部署
    ZooKeeper 的常用操作方法
    Python操作reids
    教你为nginx 配置ssl 证书!
    单线程多任务异步爬虫
    go语言入门之环境的搭建
    关于csrf跨站请求伪造攻击原理,与csrftoken防范原理
  • 原文地址:https://www.cnblogs.com/lifan1998/p/8687398.html
Copyright © 2020-2023  润新知