前言:
现在你们对“左边图片右边文字html”大致比较注重,同学们都需要学习一些“左边图片右边文字html”的相关知识。那么小编同时在网上搜集了一些关于“左边图片右边文字html””的相关知识,希望各位老铁们能喜欢,你们一起来学习一下吧!作为一个技术人,在当下这个时代,学习写作是非常非常有必要的,也有越来越多的伙伴开始了公众号技术写作,但不少人问到:
晓衡哥,我看到一些漂亮的文章排版是搞的呢?张哥,如何将公众号文章发到CSDN或是相反?衡哥,我公众号文章论坛的图片挂了,这个要怎么办?
以上问题,我相信大多数刚开始写作的伙伴都会遇到。
为了文章被更多人看到,需要分发到更多的媒体平台上,比如:CSDN、知乎、今日头条、博客园、开源中国等,因此写一篇文章也需要具备“跨平台”能力,其中有两大要点:
要讲到跨平台大家多半第一时间冒出的是:JavaScript、Java、Python 这些编程语言,而在编写文字内容上也有跨平台的语言格式:Markdown
Markdown是一种轻量级标记语言,创始人为约翰·格鲁伯(英语:John Gruber)。 它允许人们使用易读易写的纯文本格式编写文档,然后转换成有效的XHTML(或者HTML)文档。这种语言吸收了很多在电子邮件中已有的纯文本标记的特性。
简单理解 Markdown 就是将文本转换为 HTML 文档,配置不同的 CSS 样式可以变化出不同的排版样式和主題网格。
01 简书
我最早接触 Markdown 是使用的简书,分成左右两栏:左边输入 Markdown 文本,右边生成 HTML 文档内容,你可以即时观察到文档的排版效果。
然后,我将右边生成的 HTML 正文内容复制到微信公众号上,早期这样做完全没问题,我也用了一年左右!
后来简书将图片做了禁止外链,就悲剧了,CSDN、博客好多图片都挂了。
02 代码风格
用了一阵简书的公众号排版后,发现,总是没有别人那么nice,特别是整体背景与代码部分。
经过一翻研究,发了「程序员 DD」的在线的 Markdown 编辑器,排版漂亮多了,特别是代码!
不过我的工作量又增加了,先是将文章用 Markdown 在简书写好,将 Markdown 文本复制到这个在线编辑器上,将它生成的内容复制到公众号上。
这样的在线编辑器我收集了好几个,有时换着用。
这里再推荐一个在线编辑器“mdnice.com”,简直就是神器,提供十多个主题样式,而且还支持图片的保存!
不过好景不长,没过多久mdnice.com 这个网站太火了,图片压力太大,又是免费的,现在图片仅只保留24小时了,后来我才不得不去折腾一个叫“图床”的东东!
03 图床
随着自媒体平台的竞争,各大网站都将图片禁止外链,有不少早期的 Markdown 文章出现了掉图!
而且不少 Markdown 工具也提供了图床的配置选项,才知道需要将图片保存到自己的服务器上,下图是我使用的 “openwrite” 内容分发工具图床配置,看下图:
图床其实就是对应云服务中的对象存储,比如阿里云的「OSS」和腾讯云「COS」,但这两个都是要收费的虽然价格不贵。
后来我选择了使用「七牛云」的对象存储10G免费使用,唯一缺点是需要自己提供域名。
开通了对像存储后,将提供的访问ID、密钥、Bucket 等填写到相应配置,直接在 Markdown 编辑器复制图片,即可直接上传到自己的云对象存储中,这时你的 Markdown 文件就能随处跨平台使用了!
04 Typora
在互联网上点文字,真的也不容易,也是需要技术的
是要学习 Markdown 语法,非常简单半小时就能上手;使用优质的 Markdown 排版工具,这里推荐“mdnice.com” 这个免费的网站;文章中的图片到自己的服务器上,需要借助云服务、还要有域名。不想花钱,也没有域名的伙伴还可以使用 git、gitee 做图床。
再给大家介绍一个桌面端 Markdown 编辑器工具 Typora,我现在就是使用的它!
Typora是一款支持实时预览的 Markdown 文本编辑器。它有 OS X、Windows、Linux 三个平台的版本,而且目前完全免费的。
不过在使用 Typro 编写文章时,还需要搭配 PicGo 这个图片上传工具
并且在 Typora 中配置使用 PicGo 来上传图片
至此,终于可以爽快的码字了,你们说我这一路容易吗?原创不易,感谢来点赞,希望对你有所帮助!
标签: #左边图片右边文字html