美文网首页MakeDown
makedown的代码引用与表格制作

makedown的代码引用与表格制作

作者: 阿龙学区块链 | 来源:发表于2017-11-03 13:36 被阅读39次

    每天学一点:

    一、插入代码段

    我主要是参考这个markdown入门指南http://www.jianshu.com/p/1e402922ee32/
    不过那里面,对简书的markdown,有几个错误(插入代码段,有序列表等,你们对着实践下就知道了)。
    插入代码段方法:英文输入法下, 建多二行,输入一对```(就是键盘左上角~键) ,然后把代码段黏贴到它们之间,就ok了。例如下面,是不是美美哒

    image.png

    以下是另一个测试,不用理会

    <span id="jump">Hello World</span>

    pragma -mark viewLife

    (void)viewDidLoad {
        [super viewDidLoad];
        // Do any additional setup after loading the view.
    
        [self.view addSubview:self.btnShare];
        [self.view addSubview:self.btnPay];
    }
    

    二、表格的制作:

    效果:

    向左对齐 居中对齐 向右对齐
    col 3 is right-aligned $1600
    col 2 is centered $12
    zebra stripes are neat $1
    image.png
    | 向左对齐       | 居中对齐         | 向右对齐 |
    |:-------------|:-------------:| -----:|
    | col 3 is      | right-aligned | $1600 |
    | col 2 is      | centered      |   $12 |
    | zebra stripes | are neat      |    $1 |
    
    试着去掉第一个:试一试吧!
    

    认真观察,是不是对齐方式不一样?思考一下由什么造成的?

    • 表格例子二
    居中对齐 向右对齐试一试
    image.png
    |notice|this is a test |
    |----:|-----:|    
    
    注意这里:与: 是不一样的喔!
    
    image.png

    三、MarkDown页内跳转实现

    1. 先定义一个锚(id)
    <span id="jump">Hello World</span>
    
    1. 然后使用markdown的语法:
            [XXXX](#jump)
    

    试一试 XXXX


    部分引用 作者:Te_Lee
    链接:http://www.jianshu.com/p/1e402922ee32/
    來源:简书
    著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
    

    相关文章

      网友评论

        本文标题:makedown的代码引用与表格制作

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