[HTML] 文章写作神器 markdown 介绍(1)

论坛 期权论坛 期权     
老宅的数据科学之旅   2019-7-27 14:52   5141   0

华盛顿杰佛逊纪念堂
惊悉老宅的把把也开了公众号,现在真是每个人都有公众号了!在此特向宅爸介绍一款让人专注于写作的神器:markdown。虽然有秀米之类的编辑器,但是在技术宅看来有点无趣了不是...本文为第一篇,专为老爸而写,后续会介绍更多高级应用(很多与 HTML 语言混合使用的应用)。
markdown 的本意是把人从不停设置文字格式的苦难中解放出来,专注于写作本身。markdown 本身是一种轻语法结构,本质上是 HTML 语言的封装,因此兼容 HTML 语言(意味着如果你是 HTML 大神,想手撕 markdown 格式也是可以的),所以本文归入 HTML 序列。对从来没有学过编程的人可能需要时间学习,但是一旦掌握了,会发现它非常好用。我已经离不开了!虽然我已经可以熟练使用 markdown,但我现在正好在学 HTML 语言,两者对比就当温故知新了。老宅的终极目标是:学会 HTML 语言,手撕秀米编辑器(秀米跟你什么仇什么怨...)!
两段之间要空至少一行,空更多行的效果是一样的。比如
你以为在编辑器里看是这样的:
“你以为在编辑器里看是这样的,其实 markdown 翻译以后是这样的”(本段话横屏观看效果更佳)
其实 markdown 翻译以后是这样的:
“你以为在编辑器里看是这样的, 其实 markdown 翻译以后是这样的” (本段话横屏观看效果更佳)
需要把需要分段的句子之间至少放一个空行才行:
“你想要分段的效果,就必须这么断才行”(本段话横屏观看效果更佳)
markdown 翻译以后是这样的:
“你想要分段的效果,就必须这么断才行”(本段话横屏观看效果更佳)
空更多行的效果是一样的,这里就不举例了哈。
字体的变化:
1.斜体:在文字两边加星号如 *斜体*,显示为 斜体。2.加粗:在文字两边加双星号如 **加粗**,显示为 加粗。3.加斜加粗:在文字两边加三星号如 ***加斜加粗***,显示为 加斜加粗。
注:这里是 bug,斜体显示不出来。其实应该是这样的:倾斜倾斜加粗(这里是用 HTML 语句实现的)
插入图片:格式是 ![](插入图片的地址),就像这样:
![](https://mmbiz.qpic.cn/mmbiz_jpg/OuEFiapfBFkG9okXV09OLoq516ibp1U9lLQNhmu0X01YdoRGdBWIH9TQ5hvubb270PiaMrGuSo8N56qu9icSDyXRRg/0?wx_fmt=jpeg)
markdown 编译之后会显示图片:

有一点要注意,外链是不允许的~所以想插入图片,需要把图片先上传到公众号里生成地址。
段落标题与段落分隔
井号后面需要一个空格
# 主标题
[h1]主标题[/h1]## 副标题
[h1]副标题[/h1](又有一个 bug,其实副标题应该是下面的样子。这里同样是用 HTML 语句实现的)
[h1]副标题[/h1]### 段落标题
[h1]段落标题[/h1]*** 段落分割线,见下(这个编辑器生成的分割线可能不明显)
有序排列和无序排列(同样需要空格分隔标识符和文本,与上下文需要空行分开)
有序排列语法如下:
1. 第一条 2. 第二条显示出来是这样的:
1.第一条2.第二条
无序排列类似,语法如下:
- 第一条 - 第二条显示效果如下:
第一条第二条
杀千刀的微信公众号编辑器不支持 markdown,不过好在已经有了很多强大的微信公众号 markdown 编辑器,老宅写这篇文章使用的就是老宅觉得最优雅的编辑器[sup][1][/sup](排出来的板式和文字最好看,最适合一般的文章):https://lab.lyric.im/wxformat/
界面分成两个部分,左边的部分是编辑区,在这里进行文章的编写;右边是预览区,用来预览 markdown 翻译的效果。写好了以后把右边的文字复制、粘贴进微信公众号的编辑器里就可以啦。
掌握以上的技巧就可以横扫 90% 的公众号写作任务啦!更多高级技巧,敬请期待后续文章。老爸加油鸭!
[h2]References[/h2]
  1. [1]
复制代码
最优雅的编辑器: 这个编辑器虽然比较优雅,用来展示代码可不大行。下一篇我会介绍处理代码的markdown编辑器

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:10
帖子:2
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP