Markdown--入门到精通

导语:

Markdown是一种轻量级的[标记语言],它的优点很多,目前也被越来越多的写作爱好者,撰稿者广泛使用.看到这里请不要被[标记],[语言]所迷惑,Markdown的语法十分简单.常用的标记符号也不超过十个,这种对于更为复杂的HTML标记语言来说,Markdown可谓是十分轻量的,学习成本也不需要太多,且一旦熟悉这种语法,会有一劳永逸的效果.

一, 认识Markdown

在刚才的导语里提到,Markdown是一种用来写作的轻量的[标记语言],它用简洁的语法替代排版,而不像一般我们用的字处理软件Word或Pages有大量的排版,字体设置,它使我们专心于码字,用[标记]语法,用代替常用的排版格式.例如此文本内容懂啊格式,甚至插图,键盘可以通通搞定了.目前来看,支持Markdown语法的编辑器有很多,包括很多网站(例如简书)也支持了Markdown的文字录入.Markdown从写出到完成.导出格式随心所欲.你可以导出HTML格式的文件用来网站发布,用Markdown写出的简历也十分方便的导出PDF格式更能得到HR的好感.本文的所有格式,内容也是用Markdown写成.

Markdown官方文档

这里可以看到官方的Markdown语法规则文档,当然,后文我也会用自己的方式阐述这些语法的具体用法.

使用Markdown的优点

专注你的文字内容而不是排版样式
轻松的导出HTML,PDF和本身的.md文件.
纯文本内容,兼容所有的文本编辑器于字处理软件
可读,直观.适合所有人的写作语言

我该用什么工具

Mou icon
在Mac OS X上.我强烈建议你用Mou这款免费且十分好用的Markdown编辑器,它支持实时预览,既左边是你编辑Markdown语言,右边会实时的生成预览效果,笔者文章就是Mou这款软件写出来的.

1.1是的范德萨
1.2是的范德萨
1.3是的范德萨

黑体

Tables	Are	Cool
col 3 is	right-aligned	$1600
col 2 is	centered	$12
zebra stripes	are neat	$1

`
// 创建一个view
UIView *showView = [[UIView alloc] initWithFrame:CGRectMake(100, 100, 100, 100)];
[self.view addSubview:showView];
showView.backgroundColor = [UIColor redColor];
showView.alpha = 0.5;

// 贝塞尔曲线(创建一个圆)
UIBezierPath *path = [UIBezierPath bezierPathWithArcCenter:CGPointMake(100 / 2.f, 100 / 2.f)
                                                    radius:100 / 2.f
                                                startAngle:0
                                                  endAngle:M_PI * 2
                                                 clockwise:YES];


// 创建一个shapeLayer
CAShapeLayer *layer = [CAShapeLayer layer];
layer.frame         = showView.bounds;                // 与showView的frame一致
layer.strokeColor   = [UIColor greenColor].CGColor;   // 边缘线的颜色
layer.fillColor     = [UIColor clearColor].CGColor;   // 闭环填充的颜色
layer.lineCap       = kCALineCapSquare;               // 边缘线的类型
layer.path          = path.CGPath;                    // 从贝塞尔曲线获取到形状
layer.lineWidth     = 4.0f;                           // 线条宽度
layer.strokeStart   = 0.0f;
layer.strokeEnd     = 0.1f;

// 将layer添加进图层
[showView.layer addSublayer:layer];

// 1s后执行动画操作(直接赋值就能产生动画效果)
dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(1 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
    layer.speed       = 0.1;
    layer.strokeStart = 0.5;
    layer.strokeEnd   = 0.9f;
    layer.lineWidth   = 1.0f;
    
});

分割线后