markdown如何设置图片大小_Markdown编辑知乎文章的完全攻略

2024-05-14 03:01:04

Markdown风格

发布自媒体文章时虽然内容非常重要，但是排版更加重要。因为没有外在美，如何让人花时间和精力去了解你的内在美呢。

最早由于公众号的流行，但它自带的编辑器却非常low(注: 现在已经好很多了)，所以一时间市面上出现非常多的在线编辑器，如秀米，135编辑器等。这些编辑器由于功能过于复杂，模版和风格太多，总让人眼花缭乱，大部分人花在排版上的时间比写文章还多。

作为追求写作内容的人们来说，markdown风格可能是一种比较好的解决方案。

Markdown常用语法

通常我们只需要学习以下几个语法就足够了：

Markdown编辑器

工欲善其事，必先利其器。使用所见即所得编辑器来编辑Markdown文章，使用阿里云OSS作为图床。

PC端：Typora编辑器 + iPic图库/阿里云OSS客户端
iPhone/iPad端: MWeb编辑器 + 阿里云OSS
Android端：iA Writer编辑器

排版主要涉及4部分内容：

字体(大小和颜色)：正文的字号最好在14-18px之间，以16px最合适。
行间距：行间距1.5-1.75倍的行距最合适。
移动端文章，无需首行锁进。
段落之间空一行。

我们使用Markdown编辑器目的就是把主要精力放在内容上，因此我们不可能每次都手动调整字体、行间距等，令人欣慰的是上面介绍的编辑器都支持自定义CSS来控制样式。

从github.com/huanxi007/markdown-here-css网址上获取一些比较优秀的CSS文件。

给Typora编辑器添加主题：

打开Typora编辑器 > 偏好设置 > 外观 > 打开主题文件夹 > 新建一个wechat.css文件，内容为上一步下载的CSS文件内容。

给MWeb编辑器新增预览样式：

iPad打开MWeb编辑器 > 左上角设置按钮 > 新增预览样式 > 设置名称为wechat，CSS内容为上一步下载的CSS文件内容。

渲染Markdown文章

大部分自媒体平台都只支持富文本编辑器，因此我们需要将用Markdown编辑好的文章渲染后复制到自媒体平台编辑器中。

复制步骤：编辑器中全选渲染好的文章内容 > Ctrl - C > 进入自媒体平台编辑器中 > Ctrl - V。

注意：有些自媒体平台编辑器(如头条号)会自动删除一些复制的文本格式，因此需要用Markdown-Here浏览器插件来渲染。

markdown如何设置图片大小_Markdown编辑知乎文章的完全攻略相关推荐

markdown如何调整行距_Markdown编辑知乎文章的完全攻略
Markdown风格发布自媒体文章时虽然内容非常重要,但是排版更加重要.因为没有外在美,如何让人花时间和精力去了解你的内在美呢. 最早由于公众号的流行,但它自带的编辑器却非常low(注: 现在已经好 ...
markdown如何设置图片大小_不会吧，还不会用markdown排版吗
请使用 Chrome 浏览器. 请阅读下方文本熟悉工具使用方法,本文可直接拷贝到微信中预览. 1 Markdown Nice 简介支持自定义样式的 Markdown 编辑器支持微信公众号.知乎和稀 ...
markdown如何设置图片大小_cnblogs文章/MarkDown内如何调整图片的宽度？
前言想发布已经写好的MarkDown文档,需要手动调整的地方只有图片.原因是默认插入的图片太大的话,图片会占满屏幕,导致浏览不便. 个人体验:常见的横屏情况下,一张图片不宜超过2/3屏幕高度,主体内 ...
markdown统一设置图片格式_Markdown教程
Markdown是一种强大的文本书写语言,可以用经历少的步骤书写出非常工整的格式,无论是些用来写实验报告,写博客还是电子书都算得上是强力的工具,本文将粗略讲解Markdown的基本语法.其余用法读者可 ...
markdown如何设置图片大小_Gitee(码云)实现免费 Markdown 图床
" 阅读本文大概需要 6 分钟前言 Markdown是一种易于上手的轻量级标记语言,由于其目的在于注重文字内容而不是排版,目前很受大家欢迎,写完一篇文档可以直接复制到其他各大平台上,不用担 ...
markdown统一设置图片格式_Markdown中如何设置图片居中
Markdown默认并不支持排版,排版需要借助HTML/CSS来实现遇到这个问题时,网上搜索发现很多人都有相同需求,但看到的答案却大多不怎么满意,因此这里整理一下.说是Markdown中图片居中,但 ...
word 批量设置图片大小
word批量修改图片大小--固定长宽篇方法一: 这部分要说的是把word中的所有图片修改成固定的并且相同的长和宽! 1.打开word,工具-宏-宏(或者直接按Alt+F8)进入宏的界面,如下面所示 ...
vue-quill-editor图片大小的编辑，拖拽，上传视频
vue-quill-editor图片大小的编辑,拖拽,上传视频在vue组件中注册和使用 <quill-editor v-model="formInline.viewConfig&qu ...
C# 操作word 指定书签位置插入图片并设置图片大小和位置
object Nothing = System.Reflection.Missing.Value; //创建一个名为wordApp的组件对象 Application w ...

最新文章

热门文章