Markdown--入門到精通
導(dǎo)語:
Markdown是一種輕量級的[標(biāo)記語言],它的優(yōu)點(diǎn)很多,目前也被越來越多的寫作愛好者,撰稿者廣泛使用.看到這里請不要被[標(biāo)記],[語言]所迷惑,Markdown的語法十分簡單.常用的標(biāo)記符號也不超過十個(gè),這種對于更為復(fù)雜的HTML標(biāo)記語言來說,Markdown可謂是十分輕量的,學(xué)習(xí)成本也不需要太多,且一旦熟悉這種語法,會有一勞永逸的效果.
一, 認(rèn)識Markdown
在剛才的導(dǎo)語里提到,Markdown是一種用來寫作的輕量的[標(biāo)記語言],它用簡潔的語法替代排版,而不像一般我們用的字處理軟件Word或Pages有大量的排版,字體設(shè)置,它使我們專心于碼字,用[標(biāo)記]語法,用代替常用的排版格式.例如此文本內(nèi)容懂啊格式,甚至插圖,鍵盤可以通通搞定了.目前來看,支持Markdown語法的編輯器有很多,包括很多網(wǎng)站(例如簡書)也支持了Markdown的文字錄入.Markdown從寫出到完成.導(dǎo)出格式隨心所欲.你可以導(dǎo)出HTML格式的文件用來網(wǎng)站發(fā)布,用Markdown寫出的簡歷也十分方便的導(dǎo)出PDF格式更能得到HR的好感.本文的所有格式,內(nèi)容也是用Markdown寫成.
Markdown官方文檔
這里可以看到官方的Markdown語法規(guī)則文檔,當(dāng)然,后文我也會用自己的方式闡述這些語法的具體用法.
使用Markdown的優(yōu)點(diǎn)
- 專注你的文字內(nèi)容而不是排版樣式
- 輕松的導(dǎo)出HTML,PDF和本身的.md文件.
- 純文本內(nèi)容,兼容所有的文本編輯器于字處理軟件
- 可讀,直觀.適合所有人的寫作語言
我該用什么工具
在Mac OS X上.我強(qiáng)烈建議你用Mou這款免費(fèi)且十分好用的Markdown編輯器,它支持實(shí)時(shí)預(yù)覽,既左邊是你編輯Markdown語言,右邊會實(shí)時(shí)的生成預(yù)覽效果,筆者文章就是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 |
`
// 創(chuàng)建一個(gè)view
UIView *showView = [[UIView alloc] initWithFrame:CGRectMake(100, 100, 100, 100)];
[self.view addSubview:showView];
showView.backgroundColor = [UIColor redColor];
showView.alpha = 0.5;
// 貝塞爾曲線(創(chuàng)建一個(gè)圓)
UIBezierPath *path = [UIBezierPath bezierPathWithArcCenter:CGPointMake(100 / 2.f, 100 / 2.f)
radius:100 / 2.f
startAngle:0
endAngle:M_PI * 2
clockwise:YES];
// 創(chuàng)建一個(gè)shapeLayer
CAShapeLayer *layer = [CAShapeLayer layer];
layer.frame = showView.bounds; // 與showView的frame一致
layer.strokeColor = [UIColor greenColor].CGColor; // 邊緣線的顏色
layer.fillColor = [UIColor clearColor].CGColor; // 閉環(huán)填充的顏色
layer.lineCap = kCALineCapSquare; // 邊緣線的類型
layer.path = path.CGPath; // 從貝塞爾曲線獲取到形狀
layer.lineWidth = 4.0f; // 線條寬度
layer.strokeStart = 0.0f;
layer.strokeEnd = 0.1f;
// 將layer添加進(jìn)圖層
[showView.layer addSublayer:layer];
// 1s后執(zhí)行動(dòng)畫操作(直接賦值就能產(chǎn)生動(dòng)畫效果)
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;
});
分割線后
