Markdown格式优化及使用技巧

从很早开始就热衷于使用markdown以及推广markdown,效果都还不错。目前个人基本上所有的文档都是使用markdown来书写。用的久了就会遇到一些之前没有遇到的奇奇怪怪的问题,以及一些经验总结,在这里集中记录一下,方便后续查找。

表格

其余通用的一些markdown的用法或者标签就不介绍了,这里重点介绍一下表格相关的内容。当使用markdown制作表格时,经常会遇到下面的问题:

  • 表格前期填充内容的同时还需要关注行列内容是否对齐,当空行较多是比较麻烦
  • 表格中内容的对齐,各种左中右对齐
  • 表格内容较多,尤其是某一列内容过多时,由于宽度自适应导致排版很丑

对于这三个问题,可以分别通过下面的方法来解决

内容填充

Tables Generator 是一个可以在线快速生成 Text、Markdown 格式等多种格式表格的工具,支持在表格中填充数据,保证排版整齐,而且支持将Excel等的表格转化为markdown的格式,生成复制以后即可使用。

表格对齐

表格中内容的对齐可以直接依靠markdown提供的标签来设置,通过添加 “:”来控制,下面直接上示例(由于博客有css样式,会重置,因此放上截图):

  • 应用效果
  • 对应源码 | 表格左对齐 | 表格居中对齐 | 表格右对齐 | |:--|:--:|--:| | 表格内容表格内容表格内容 | 表格内容表格内容表格内容 | 表格内容表格内容表格内容 |

表格格式

相比表格的对齐,表格的格式就相对复杂,由于mardkdown本身并不提供表格格式的设置标签,因此我们只能通过css来设置,同样上示例(由于博客有css样式,会重置,因此放上截图),同时在代码中添加足够多的注释方便更多人使用。

  • 应用效果
  • 对应源码

基于markdown的云端笔记

一直以来,日常笔记的云端同步都都很头痛,之前试用了很多,从印象笔记、到有道云笔记、到oneNote、再到使用自己搭的git,都或多或少有一些缺点。从去年中逛github的时候看到了目前用的boostnote以后,发现终于找到了一款到目前为止用的很顺手的笔记软件。废话不多,放上相关的地址和简单总结吧。

  • 官网地址: https://boostnote.io
  • 在线体验地址:https://boostnote.io/demo/
  • 优点:
    • UI 自定义
    • 支持代码格式
    • 支持markdown
    • 分组存储
    • 结合Dropbox或者微云实现云端备份
    • 剪贴板图片直接粘贴
    • 开源
    • 全平台
  • 缺点:
    • 默认格式不是markdown
    • 无法直接导出为pdf或者图片

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏九彩拼盘的叨叨叨

学习纲要:JavaScript 基础概念

8420
来自专栏攻城狮的动态

iOS视图编程指南(View Programming Guide for iOS)(译)

29940
来自专栏Java帮帮-微信公众号-技术文章全总结

HTML5 — header

最近,越来越多的人 HTML5 感兴趣,并开始广泛的使用其中的新元素,其中有一个就是 <header> 元素。 下面我们来谈谈什么时候能用它,什么时候不能用它,...

40470
来自专栏闻道于事

Vue.js(一)了解Vue

什么是Vue? 1.Vue.js是一个构建数据驱动的web界面的库。类似于Angularjs,在技术上,他重点集中在MVVM模式的View层,非常容易学习,非常...

382120
来自专栏iOS开发随笔

iOS类似淘宝头条的文字滚动广告

最近两个项目都用到类似淘宝头条的功能,就是文字上下无限循环滚动,所以决定简单封装一下,以便以后使用。由于习惯用SDCycleScrollView来做广告图的无限...

68630
来自专栏知晓程序

开发 | 教你刷爆朋友圈:2 招搞定小程序生成分享图片功能

最近频频刷屏的许多 HTML 5 作品,都用到了生成含有用户信息的图片并保存分享的功能。

20150
来自专栏Web行业观察

可视化讲解 DOM 的构建过程

最近在看 Secrets of the JavaScript Ninja, 书中第二章讲到 DOM 的构建流程.

9820
来自专栏web开发

移动端web开发,click touch tap区别

移动端用tap时会有穿透问题 一:click与tap比较 click与tap都会触发点击事件,但是在手机web端,click会有200-300ms的延迟,所以一...

468100
来自专栏非著名程序员

基础篇章:关于 React Native 之 Touchable 系列组件的讲解

【回复“1024”,送你一个特别推送】 ? (友情提示:RN学习,从最基础的开始,大家不要嫌弃太基础,会的同学请自行略过,希望不要耽误已经会的同学的宝贵时间) ...

21990
来自专栏听雨堂

对asp.net响应事件的试验

1、可否把bind独立出来,在page_load中只是初次时bind,以后都在具体事件的处理中bind    实验:        page_load中,只作d...

22480

扫码关注云+社区

领取腾讯云代金券