如何优雅的排版?
隔三差五,就看到身边的朋友开始写微信公众号,每每点开,心里都暗自佩服:
「好家伙,还能写这么一手好文章,厉害厉害」。
有足球迷,有玉器行,有金融干货,有吐槽朋友,各式各样,很有意思。但唯有一个小遗憾:
「多半用的是默认编辑。说实话,差点意思」。
于是就想把学来的「排版妙法」分享出来,让他们这些业余玩家也能自己定制。
正如现在看到的这篇文字,字体颜色、行间距、加粗、斜体等等,都可以灵活调整。如果是你想要的效果,那就耐下性子,三五分钟学会,就成了你一辈子的妙法。
而且这个妙法不止应用于微信公众号,还能应用在邮件编辑等浏览器编辑页面。
一共才三步
安装插件: Markdown Here ,该插件支持Chrome, Firefox, Safari, and Thunderbird 等浏览器;
码字:对,这事儿是你已经在做了,但需要换成 Markdown 语法,很容易;
一键生成:将内容贴到微信后台编辑器里面,点一下浏览器插件按钮,贴上图片,打完收工。
一步步来学
一、安装插件
Markdown Here 是个浏览器插件(支持 Chrome/Firefox/Safari),可以将浏览器中编辑里的 Markdown 文本转换成渲染后的 HTML 格式,又由于它能自定义 CSS 样式,写作者完全可以自定义想要的文字样式,非常方便。
假如你在用 Chrome 浏览器,点击右上角「三个点」-「更多工具」-「扩展程序」,拖到最下面「获取更多扩展程序」,在「左侧搜索框」搜索「Markdown Here」如下图:
注意LOGO 和作者,应该是第一个的,点击安装,你的浏览器就会多出一个按钮,右键点击试一下如下图:
「Markdown Here」就是发动技能的那个按钮,不要急着按。
先点击「选项」,你可以看到这个界面如下图:
你最需要关注的就是「基本渲染 CSS」
这里面的代码决定了你的文本样式,对于文本样式的调整,如果你对 CSS 语法有一定了解,那就更好,不会也不怕,可以用 Google 搜索进行学习或者参考我的配置。
我的配置:
[Github 地址查看源文件](https://github.com/DavidFnck/markdown-here-css
二、Markdown 语法
光有工具你还没办法施魔法,你得把咒语学好,这个咒语就是「Markdown 语法」:最纯粹的编辑语法,不用再为 Word 的格式发愁。
想想你写篇文章需要几个内容?最好找一篇你已经写好的文章,逐一替换试试,这里你可以直接打开一个马克飞象的 Web 端,跟着操作一遍,保证一学就会,一用就上瘾。
- 标题
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
效果如下:
一级标题
二级标题
三级标题
四级标题
五级标题
- 加粗
**我是加粗的哦**
效果如下:
我是加粗的哦
- 斜体
*我是斜体哦*
效果如下:
我是斜体哦
- 引用
> 这是引用
> 还能换行
> 记住要空格
效果如下:
这是引用
还能换行
记住要空格
- 删除
~~我要被删除了~~
效果如下:
我要被删除了
- 列表
+ 首先
+ 然后
+ 最后
效果如下:
- 首先
- 然后
- 最后
星号(*)、加号(+)、减号(-)都可以用作标记,记住一定要空格
- 表格
dog | bird | cat
----|------|----
foo | foo | foo
bar | bar | bar
baz | baz | baz
效果如下:
| dog | bird | cat |
|---|---|---|
| foo | foo | foo |
| bar | bar | bar |
| baz | baz | baz |
三、一键生成
将编辑好的内容,贴到微信后台,将鼠标在编辑区域点击一下(把光标留在编辑区域),再点击这个按钮吧:
「Markdown Here」就是发动技能的那个按钮,不要急着按。
值得注意:
图片一定要最后插入。这里容易出错,格式经常来回调;
等你最后搞定,直接点下
「Markdown Here」的开关吧!是不是很神奇?接下来就是插入图片,修修补补,改改错别字。






@davidfnck, steemit上我觉得只需要静静读你的贴就值了~~~
@davidfnck, 世界上有一种人叫作家,你就是其中之一!
BTW,嘿嘿,让 @cn-cutie.pie 可可妹子抢了首发咧...
Congratulations @davidfnck! You have completed some achievement on Steemit and have been rewarded with new badge(s) :
Click on any badge to view your own Board of Honor on SteemitBoard.
For more information about SteemitBoard, click here
If you no longer want to receive notifications, reply to this comment with the word
STOP