如何用Markdown轻松排版知乎专栏文章?

免费、便捷、高效的知乎专栏Markdown排版技巧。希望读过本文,可以让你的写作过程也变得更愉悦。

img_80179324edd41d4cf12a9b8de69c2f28.png

痛点

从前,写作时的排版是件辛苦事。不论你把排版环节放在写作中还是写作后,总会在心里清楚意识到,还有这么一个繁重而无趣的工作在等着你。

后来,有了Markdown,排版就变成了一件令人愉悦的事情了。你只需要用非常简单的记号说明一些特殊位置,例如标题、列表、脚注和图片等,然后应用不同的样式,你写好的文字就能自动转化为各种漂亮的排版效果了。

读者看着舒服,作者写得高兴。Markdown这东西,真的影响了世界。

然而……

不是每一个写作平台,都支持Markdown。

这话应该倒过来说——目前主流的写作平台里,支持Markdown的还不是很多。

我孤陋寡闻,用过的写作平台,仅有简书、新生大学和Matrix支持Markdown格式排版。所以用起来很舒服。

但是我们无法因此拒绝其他写作平台。毕竟辛辛苦苦写了文章,总希望更多人都能看到。那些平台往往给你一个类似简化了的Word的编辑界面。你可以加粗字体、设置列表、插图制表,但是平台期待你手动完成上述工作。

我曾经围绕着如何用Markdown排版微信公众号的问题,写了好几篇文章。有的文章写了将近一年,还有新读者在点赞。

这让我很惭愧。因为近一年以来,我自己的Markdown写作和排版流程都发生了变化。现在你可以利用免费的编辑器搭建更为舒适的写作环境,安装插件更方便地上传图片到图床,同时应用更好的样式让读者在移动设备上读得更愉快

关于如何用Markdown排版微信公众号的文章,已经太多了。今天我们换一个话题,聊聊如何用Markdown排版知乎专栏文章。其实,本文的操作流程对微信公众号、今日头条等其他写作平台都是通用的。

最近我在知乎专栏发布了一些文章。比起其他写作平台,知乎的读者似乎更喜欢在留言中与作者互动。尤其是追问式地拓展讨论、探求真知。这给了作者(也就是我)很大鼓舞。在此,我把Markdown排版知乎专栏的技巧发布出来,希望帮助更多的作者收获这种创作和交流的喜悦。

工欲善其事,必先利其器。让我们从编辑器讲起吧。

编辑器

这里给大家推荐的编辑器,叫做Atom。

这款编辑器最初的用户,大部分都是Geek和程序员。因为它的生态系统过于强大,所以就如同Emacs一样,简直就是“伪装成编辑器的操作系统”。

普通人写篇文章,原本是根本用不上这种大杀器的。

但是谁叫Ulysses改成订阅式了呢?

Atom,至少在目前,还是开源免费的。

请到这个地址下载Atom编辑器。网站会根据你的操作系统,自动找到对应的版本供你下载。

img_61fa078938f883bcc9b1673018aa68fa.jpe

因为我用的是macOS,所以这里网站提供的是苹果版本Atom。

下载之后,安装运行。然后你需要安装2个插件。

第一个插件是帮你预览Markdown用的,它叫做markdown-preview-enhanced。Markdown里,有图片、表格和网页链接,如果没有预览功能,那你就得面对许多代码一样的东西。对于非技术类写作者来说,可能就会觉得不舒服了。

Atom编辑器安装插件的方法很简单。

使用Cmd + ,呼叫配置菜单。注意我这里说的是苹果系统macOS上的操作。如果你用的是Windows,请把所有出现的Cmd按键替换为Ctrl按键,或者查阅帮助文档。下同。

img_d43e3afcf5ee987dd3c9dfe760e54afa.jpe

选择左侧边栏的最后一项,那个+号,用于安装新的插件。

img_1a595f982d73cb17417fe7a850fdde55.jpe

在搜索框中输入该插件的名字:markdown-preview-enhanced

点击搜索结果中该插件的Install按钮。

很快,插件安装好了。

img_53ac6672ae90605586d13f3af0228992.jpe

点击上图中出现的Settings。你会看到这个插件的一些选项。

img_f7e99dccbaa6c8ee224226a5eb119219.jpe

下拉滑动条到中间左右的位置,你会看到一个叫做Image Uploader的选项。请点击右侧的上下箭头按钮,选择sm.ms

img_bbc3b230cf9672a6ded963209550becb.jpe

好了,第一个插件安装设置完成了。下面我们安装第二个插件,叫做markdown-image-assistant。安装方法和刚才的插件一样,不赘述了。安装好后你会看到这样的显示。

img_4189037a2e847f74c2611b2aead7d390.jpe

这里,我们不需要调整设置。

好了,编辑器配置完毕,下面我们开始试用一下。

使用Cmd + N新建一个文件,保存名称为test.md

然后我们输入了这样一些内容。

img_7ad455edb56ac4564befabafa3435a74.jpe

Ctrl+Shift+M呼叫预览,我们可以看到右侧边栏出现了Markdown排版后的样子。

img_cbae79917173bfba97aec0fc8eab6db1.jpe

基础的Markdown排版一般不会有什么问题,下面我们来看看最让图文写作者头疼的项目——插图。

插图

我们用Markdown写作的时候,一般插图都会使用本地文件。但是排版完成,打算发布的时候,这些本地文件却是无法被写作平台识别的。因此很多人本地排版Markdown预览效果之后,又需要在写作平台上重新插图一次。

想想都觉得恐怖。尤其是像我这样,一篇文章里恨不得要放几十张插图的人。

有的人于是很激进地选择就在云端写作和插图。这样的好处是你写作时候的插图就可以直接发布,缺点是本地没有副本。

这很不安全。因为写作平台也未必保证永续经营。如果某一天平台宣布停止运营,你放置其上的一堆图片怎么办?

所以,最为贪婪的想法是——我在编辑器插图,在本地存留备份,同时自动上传一份插图到云端图床,以便发布使用。

你是不是觉得我这像是在做白日梦?

不是,其实这样的设置你已经做好了。

不信?

现在我们就试一下。

我们在网上找到了一幅图片。

img_aedace7a8478db92575be66787c9207f.jpe

我们把图片存储到本地,然后在Atom编辑器里找到合适的位置,把本地的那张图片拖拽进来,奇迹就发生了。

img_87a3e7972d02f565d3c38eb4b7ccf29b.jpe

你可能会纳闷——咦?我明明只插了一次图像,为什么右侧预览里面有2张图。

实际上,你看左侧的Markdown语句,是这样的:

![game-of-thrones-jon-snow-season-6-1080x608_sjva](http://upload-images.jianshu.io/upload_images/64542-9292e9669d76ced6.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)![](/Users/wsy/Dropbox/markdown_export/repo/test-cd7de992.jpg)

这里是两个插图语句写在了一行上。

第一部分是远程图床的插图代码,其后跟着的是本地插图代码。

这样,你的一次拖拽,图片就被保存在了本地assets目录,并且同时被上传到了云端。而相应的代码,编辑器和插件都替你写好了。

排版

把纯文本的Markdown文件,变成移动互联网上图文并茂的漂亮文章,你需要用合适的样式文件来排版。样式文件(css)替你操心哪里用几号字,什么标题用某种颜色,以及段间距多少之类的琐碎事。

我目前使用的是尹航的css,他专门为移动设备阅读做了优化。因为涉及版权保护问题,请自行搜索后下载,存储为本地的css文件备用。

同类的css文件还有很多,例如李笑来、阳志平都有各自的版本分享出来。请根据自己的口味进行选择。

选择并存储好css文件后,我们来安装浏览器插件。

请在Google Chrome里面安装Markdown Here插件。

img_dbea3d921749977ff3573d9ee489e25f.jpe

安装后,右键点击该插件图标,在弹出菜单里单击“选项”按钮。

img_5607b6dcd15f58fc6171a8ba0e038c56.jpe

找到上图这个文本框,把你下载好的css文件内容拷贝粘贴进去。

然后打开wangEditor

img_76fd34f2c80c40c4d4f181cac44343bd.jpe

回到Atom编辑器里面,把左边栏写好的Markdown格式文章全文拷贝,粘贴到wangEditor的编辑器窗口中。

img_ef53b0413e37b1b2ef0976aab7a0475c.jpe

点击Chrome的Markdown Here插件,你会立即看到排版后的结果。

img_45cff9ff61ad8b2ac965d956ac7f7c09.jpe

确认排版效果一切正常后,全选wangEditor编辑区域的内容,拷贝。

打开知乎专栏的“写文章”功能。

img_6d2fc6e925a46794b72a1700827bf328.jpe

在“请输入正文”的部分,粘贴。

img_059010333d97cfcf663627ce0bfecfb4.jpe

你会看到,云端图床的图片正常显示,本地链接图片没有正常上传。不过这丝毫没有关系

因为当你预览或者发布的时候,看到的内容是这个样子的:

img_d2c5328a09fed0537de78c6c7be1e410.jpe

好了,知乎专栏文章用Markdown排版成功!

讨论

你平时都在哪些写作平台上发布文章?你使用Markdown了吗?使用过程中有什么心得体会?遇到过哪些问题?相比本文,你是否有更好的编辑排版流程?你使用的编辑器是否更有特色?欢迎留言,记录下你的思考,我们一起交流讨论。

如果你对我的文章感兴趣,欢迎点赞,并且关注我的文集“玉树芝兰”。

如果本文可能对你身边的亲友有帮助,也欢迎你把本文通过微博或朋友圈分享给他们。让他们一起参与到我们的讨论中来。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/280499.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Python FastApi:post文件与数据/本地端测试

FastAPI快速搭建 1 .uvicorn模块用于启动FastAPI,可以自定义端口,方便快速启动,特别适合pycharm启动。 2.app.post(/file/)自定义定义访问路径。 3. get_keyword_position() 内是需要输入的参数,包含文件和变量。普通变量建议…

德国巴伐利亚山谷积雪遍地 汽车被大雪掩埋

当地时间1月24日,德古南部巴伐利亚一座村庄里,小汽车被大雪掩埋,只露出一角窗户。当地时间2019年1月24日,德国加尔米施-帕滕基兴,积雪遍地。图为一名滑雪者在雪道上滑雪。当地时间2019年1月24日,德国加尔米…

macbook图形化编程_如何判断MacBook使用的是哪种图形芯片(并进行切换)

macbook图形化编程Apple’s top end MacBook Pros come with two graphics chips: an integrated Intel Iris Pro chip and a discrete graphics card with more power. That way, you can use the integrated chip when you need better battery life, and the more powerful …

跨集群流量调度实现 Kubernetes 集群金丝雀升级

有了多集群服务和跨集群的流量调度之后,使用 Kubernetes 的方式会发生很大的变化。流量的管理不再限制单一集群内,而是横向跨越了多个集群。最重要的是这一切“静悄悄地”发生,对应用来说毫无感知。就拿 Kubernetes 版本升级来说吧。记得曾经…

usr/bin/expect方式免密码登录和发送文件脚本

2019独角兽企业重金招聘Python工程师标准>>> ssh 登录 #!/usr/bin/expect set timeout 20 if { [llength $argv] < 3} { puts "Usage:" puts "remote_host password cmd" exit 1 } set remote_host [lindex $argv 0] set passwor…

8-[多线程] 进程池线程池

1、为甚需要进程池&#xff0c;线程池 介绍官网&#xff1a;https://docs.python.org/dev/library/concurrent.futures.htmlconcurrent.futures模块提供了高度封装的异步调用接口 ThreadPoolExecutor&#xff1a;线程池&#xff0c;提供异步调用 ProcessPoolExecutor: 进程池&a…

香港连续25年被评为全球最自由经济体

中新社香港1月25日电 美国智库传统基金会25日在华盛顿发表2019年《经济自由度指数》报告&#xff0c;香港今年再次成为唯一一个总分超过90分的经济体&#xff0c;已连续25年被评价为全球最自由经济体。 报告显示&#xff0c;香港今年的总分为90.2分&#xff08;100分为满分&…

mac 下安装jenkins

2019独角兽企业重金招聘Python工程师标准>>> 平台搭建 Jenkins安装和启动 官网&#xff1a;https://jenkins.io/index.html 下载&#xff1a;http://mirrors.jenkins-ci.org/war/latest/jenkins.war 安装&#xff1a; 依赖于Java环境&#xff0c;首先安装和配置Java…

safari 获取视频流_如何在Safari中将RSS feed和社交媒体合并为一个流

safari 获取视频流Safari allows you to subscribe to RSS feeds and add your social media accounts so you can view them right in the browser, in one universal feed, without the need of any add-on applications or extensions. Safari允许您订阅RSS feed并添加您的社…

编译安装Centos7.2+Apache2.4.25+PHP7.2.10+Mysql5.6.16

一、编译部署Apache2.4.251、环境准备#设置或停止防火墙&#xff1a; [rootlocalhost ~]# systemctl stop firewalld.service [rootlocalhost ~]# systemctl disable firewalld.service#关闭selinux&#xff1a; 临时关闭&#xff1a; [rootlocalhost ~]# setenforce 0永久关闭…

国际知名计算机视觉和机器学习软件开源平台OpenCV正式支持龙架构

前言介绍近期&#xff0c;OpenCV开源社区正式合入了对龙架构&#xff08;LoongArch™&#xff09;支持的代码&#xff0c;基于龙架构自主指令系统&#xff0c;优化后的OpenCV性能显著提升。OpenCV是一款跨平台的计算机视觉和机器学习软件平台&#xff0c;在计算机视觉领域广泛使…

优化器--牛顿法总结

---这里记录下一些关于牛顿法来作为优化器的个人笔记 &#xff1a;&#xff09; 关于牛顿法&#xff0c;先不说其中的概念&#xff0c;来简单看一个例子&#xff1f; 不用计算器&#xff0c;如何手动开一个值的平方根&#xff0c;比如计算{sqrt(a) | a4 } &#xff1f; 不用程序…

在命令提示符输出c语言代码_您可以在Windows命令提示符中更改输出缓冲区的大小吗?...

在命令提示符输出c语言代码If you are someone who loves using the Windows Command Prompt, you may have found yourself curious as to why the screen output buffer has such a ‘large’ default size. Can you change it to a smaller (or even larger) size? Today’…

django23:BS4/kindeditor上传图片

BS4 Beautiful Soup&#xff0c;Beautiful Soup 是一个可以从HTML或XML文件中提取数据的Python库.它能够通过你喜欢的转换器实现惯用的文档导航,查找,修改文档的方式。 安装 pip3 install beautifulsoup4 使用 from bs4 import BeautifulSoup#html_doc为网页内容 soup Be…

mac 防止 下载 睡眠_如何暂时防止Mac进入睡眠状态

mac 防止 下载 睡眠Let’s say you start a big download, then go to bed. When you wake up, you realize your Mac went to sleep before finishing its job. Isn’t there some way to stop this? 假设您开始进行大量下载&#xff0c;然后上床睡觉。 当您醒来时&#xff0…

mac共享单个磁盘_如何与您的所有设备共享酒店的单个Wi-Fi连接

mac共享单个磁盘Many hotels still limit you to one or two Wi-Fi devices per room–a frustrating limitation, especially when traveling with someone else. Connection restrictions can apply anywhere you have to log into a Wi-Fi network via a portal instead of …

Python FastApi:快速建立docker容器/挂载共享文件夹/导入导出

一、目的 a.快速把原有fastapi代码部署到docker&#xff0c;让docker在server运行。 b.不涉及docker深入设置。 c.使用python第三方lib少或简单。 二、步骤 ps:请提前安装docker 1.新建Dockerfile&#xff0c;放入到项目根目录 a.Dockerfile没有后缀. b.准备好requireme…

PHP-FPM 与 Nginx 的通信机制总结

PHP-FPM 介绍 CGI 协议与 FastCGI 协议 每种动态语言&#xff08; PHP,Python 等&#xff09;的代码文件需要通过对应的解析器才能被服务器识别&#xff0c;而 CGI 协议就是用来使解释器与服务器可以互相通信。PHP 文件在服务器上的解析需要用到 PHP 解释器&#xff0c;再加上对…

Android——监听事件总结

各种监听事件 1.按钮 Button&#xff08;1&#xff09;点击监听btn_1.setOnClickListener(new View.OnClickListener() { &#xff08;2&#xff09;长按监听btn_1.setOnLongClickListener(new View.OnLongClickListener() { 2.单选框 RadioGroupradio_gp.setOnCheckedChangeLi…