Loading [MathJax]/jax/input/TeX/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >用Markdown写微信公众号文章

用Markdown写微信公众号文章

作者头像
云深无际
发布于 2020-08-12 07:09:40
发布于 2020-08-12 07:09:40
2.1K70
代码可运行
举报
文章被收录于专栏:云深之无迹云深之无迹
运行总次数:0
代码可运行

目前微信公众号的编辑器是不支持Markdown语法的,那怎么办呢?

有一款叫Markdown Here的插件可以解决这个问题(支持Chrome、Firefox、Safari)。

官方网站:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
http://markdown-here.com/

Markdown here插件下载地址(需翻墙)

Markdown Here 的用法非常简单,直接在编辑器中用Markdown语法写完文章或粘贴进去写好的文章,然后鼠标右键选择「Markdown转换」,或者点击 Markdown Here 插件图标转换。(键盘默认快捷键是Ctrl + Alt + M)

这时候你会发现文章排版全好了,amazing!

Markdown Here默认使用的是Github风格的排版,如果你懂CSS的话甚至可以自己定义。

那么工作步骤是什么样的:

  • 设置 Markdown 编辑器;
  • 在 Markdown 编辑器上码字,顺便练习 Markdown 语法;
  • 在 Chrome 浏览器中安装 Markdown Here 插件;
  • 自定义 Markdown Here 的 CSS;
  • 把 Markdown 编辑器上码好的文章复制粘帖到微信公众帐号的编辑器中;
  • 使用 Markdown Here 一键渲染,完成排版;
  • 插入图片,审核,修订;
  • 保存并群发。

一般的文章写作主要用到语法就是以下这些符号(英文状态输入):

  • 一级标题:标题内容前加 #
  • 二级标题:标题内容前加 ##
  • 三级标题:标题内容前加 ###
  • 加粗:加粗内容两端加 **
  • 斜体:斜体内容两端加 *
  • 引用:引用内容前加 >
  • 列表:列表内容前加 * 或 -
  • 加框:加框内容两端加 `
  • 图片:!加 [图片名称] 加 (图片网址)
  • 链接:[文字] 加 (链接网址)
  • 邮箱:<邮箱地址>
  • 删除:删除内容两端加 ~~
  • 分割线:三个或以上的 * 或 -

如果你不喜欢这种效果,可以自定义 Markdown Here 的 CSS,来实现自己想要的效果。当然,前提是你必须懂得 CSS 语法。

右键插件

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
.markdown-here-wrapper {
  font-size: 16px;
  line-height: 1.8em;
  letter-spacing: 0.1em;
}


pre, code {
  font-size: 14px;
  font-family: Roboto, 'Courier New', Consolas, Inconsolata, Courier, monospace;
  margin: auto 5px;
}

code {
  white-space: pre-wrap;
  border-radius: 2px;
  display: inline;
}

pre {
  font-size: 15px;
  line-height: 1.4em;
  display: block; !important;
}

pre code {
  white-space: pre;
  overflow: auto;
  border-radius: 3px;
  padding: 1px 1px;
  display: block !important;
}

strong, b{
  color: #BF360C;
}

em, i {
  color: #009688;
}

hr {
  border: 1px solid #BF360C;
  margin: 1.5em auto;
}

p {
  margin: 1.5em 5px !important;
}

table, pre, dl, blockquote, q, ul, ol {
  margin: 10px 5px;
}

ul, ol {
  padding-left: 15px;
}

li {
  margin: 10px;
}

li p {
  margin: 10px 0 !important;
}

ul ul, ul ol, ol ul, ol ol {
  margin: 0;
  padding-left: 10px;
}

ul {
  list-style-type: circle;
}

dl {
  padding: 0;
}

dl dt {
  font-size: 1em;
  font-weight: bold;
  font-style: italic;
}

dl dd {
  margin: 0 0 10px;
  padding: 0 10px;
}

blockquote, q {
  border-left: 2px solid #009688;
  padding: 0 10px;
  color: #777;
  quotes: none;
  margin-left: 1em;
}

blockquote::before, blockquote::after, q::before, q::after {
  content: none;
}

h1, h2, h3, h4, h5, h6 {
  margin: 20px 0 10px;
  padding: 0;
  font-style: bold !important;
  color: #009688 !important;
  text-align: center !important;
  margin: 1.5em 5px !important;
  padding: 0.5em 1em !important;
}

h1 {
  font-size: 24px !important;
  border-bottom: 1px solid #ddd !important;
}

h2 {
  font-size: 20px !important;
  border-bottom: 1px solid #eee !important;
}

h3 {
  font-size: 18px;
}

h4 {
  font-size: 16px;
}


table {
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  font: inherit;
  border: 0;
  margin: 0 auto;
}

tbody {
  margin: 0;
  padding: 0;
  border: 0;
}

table tr {
  border: 0;
  border-top: 1px solid #CCC;
  background-color: white;
  margin: 0;
  padding: 0;
}

table tr:nth-child(2n) {
  background-color: #F8F8F8;
}

table tr th, table tr td {
  font-size: 16px;
  border: 1px solid #CCC;
  margin: 0;
  padding: 5px 10px;
}

table tr th {
  font-weight: bold;
  color: #eee;
  border: 1px solid #009688;
  background-color: #009688;
}
@pinwen

给你贴心的安排了一份CSS

复制我上面的东西,到这个地方

做个示范,这个是我本地预览的

md的文档

打开简书的写作后台

未处理

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2020-07-22,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 云深之无迹 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
7 条评论
热度
最新
若 MP4 的视频没有缓存完成,播放不了...... 2024 年了,楼主在吗?
若 MP4 的视频没有缓存完成,播放不了...... 2024 年了,楼主在吗?
回复回复点赞举报
视频会抖动怎么解决
视频会抖动怎么解决
回复回复点赞举报
m3u8的格式支持吗
m3u8的格式支持吗
22点赞举报
核心是用avplayer去播放的,只要avplayer支持就可以了
核心是用avplayer去播放的,只要avplayer支持就可以了
回复回复点赞举报
缓存的话 有试过m3u8 的吗 我使用你的demo 这种格式的好像有些问题
缓存的话 有试过m3u8 的吗 我使用你的demo 这种格式的好像有些问题
回复回复点赞举报
求个demo啊
求个demo啊
11点赞举报
文章最后不是有github地址吗?
文章最后不是有github地址吗?
回复回复点赞举报
推荐阅读
编辑精选文章
换一批
【iOS】今日头条的转场动画设置+手势控制
最近公司有个需求,做一个今日头条的用户动态的进入和退出的动画效果,并且退场时,可以自己点击退出,也可以手势下滑退出。头条的效果如下:
MapleYe
2020/03/31
1.9K0
【iOS】今日头条的转场动画设置+手势控制
iOS-自定义交互式转场动画
自定义转场动画主要有以下步骤 自定义导航栏 自定义交互动画 通过UIPercentDrivenInteractiveTransition协议实现交互 自定义导航栏 自定义导航栏需要遵守<UINavigationControllerDelegate>协议,该协议主要有两个协议方法: // 该方法返回导航跳转时的动画,如果返回nil,则是系统默认的跳转动画,并且通过operation来判断当前执行push还是pop -(id<UIViewControllerAnimatedTransitioning>)navi
用户2215591
2018/06/29
8530
自定义一个浮层弹窗视图
早在2017年年初,我就用七八篇文章的篇幅系统介绍过Objective-C中的CoreAnimation框架。CoreAnimation是iOS中实现动画的框架,整个iOS中的动画(比如UIView中封装的动画、UIViewController切换时的转场动画、UITableViewCell移除增添时的动画等,都是对CoreAnimation的封装)都是通过CoreAnimation实现的。
拉维
2019/08/12
1.5K0
自定义一个浮层弹窗视图
iOS-可交互滑动的TabBarController
1.先看一下效果 左右滑动交互的TabBarController 2.在iOS7.0以前,要实现这样的效果,只有自定义TabBar了,但这很麻烦。而在iOS7.0以后,苹果在UITabBarContr
用户2215591
2018/06/29
1.9K0
玩转iOS转场动画 原
    关于动画在iOS开发中的应用,曾经整理过一系列的博客进行总结。包括简单的UIView层的动画,CALayer层的动画,Autolayout自动布局动画以及CoreAnimation核心动画框架等。本篇博客主要深入讨论视图控制器、导航控制器来进行界面跳转时的专场动画相关内容。之前的动画相关博客列举如下:
珲少
2018/08/15
1.5K0
玩转iOS转场动画
                                                                            原
iOS 转场动画探究(一)
什么是转场动画:        转场动画说的直接点就是你常见的界面跳转的时候看到的动画效果,我们比较常见的就是控制器之间的Push和Pop,还有Present和Dismiss的时候设置一下系统给我们的modalTransitionStyle,以及通过手势的左滑或者是右滑的转场等等,这些就是我们比较常见的,当然很大部分APP转场的方式也是我们上面说的常见的。我自己的建议和理解,转场动画能帮你加深理解、总结你对动画的学习,但不要轻易在你的项目中大量的去尝试,还是觉得动画用的好就有点睛之笔的感觉,但若是大量的使用
Mr.RisingSun
2018/01/15
2.8K0
iOS 转场动画探究(一)
【IOS开发基础系列】UIViewController专题
        在UIViewController中,view(黑体的view指的是controller的view属性)有两个循环:加载和卸载循环。当程序的一部分向controller请求view的指针且view不在内存中时,view会进入加载循环,controller会将view加载入内存。
江中散人_Jun
2023/10/16
1K0
【IOS开发基础系列】UIViewController专题
iOS-视频播放器的简单封装
iOS-视频播放器的简单封装 封装视频播放器,首先需要了解视频播放器的实现,iOS9之前可以使用MediaPlayer来进行视频的播放,iOS9之后系统推荐使用AVFoundation框架实现视频的播放。 如果仅仅是播放视频两者的使用都非常简单,但是相比MediaPlayer,AVPlayer对于视频播放的可控制性更强一些,可以通过自定义的一些控件来实现视频的播放暂停等等。因此这里使用AVPlayer的视频播放。 封装视频播放器,首先需要实现视频播放器,然后再去考虑怎样封装可以让以后自己使用起来方便快捷。
xx_Cc
2018/05/10
2.1K0
iOS_Custom Transition Animation 自定义转场动画
想要在 push 和 pop viewController 时使用自定义的转场动效,需要设置self.naviagtionController.delegate, 并实现UINavigationControllerDelegate的一个方法:
mikimo
2023/10/18
4220
iOS_Custom Transition Animation 自定义转场动画
Objective-C AVPlayer播放视频的使用与封装大致效果界面搭建Demo地址
看下成员变量就知道我怎么搭建的了,这里我将video播放层的size作为参照量,对所有控件的size按照其video的size宽高进行比例缩放
gwk_iOS
2018/08/23
1.6K0
Objective-C AVPlayer播放视频的使用与封装大致效果界面搭建Demo地址
iOS动画开发之三——UIView的转场切换 原
        前两篇博客中,我们分别介绍了UIView动画的两种使用方式,分别为,带block的方式:http://my.oschina.net/u/2340880/blog/484457 ,传统的属性配置的方式:http://my.oschina.net/u/2340880/blog/484538。通过UIView动画的类方法,我们可以十分方便的使View某些属性改变的同时拥有动画效果。这篇博客主要讨论View切换的动画操作。
珲少
2018/08/16
1K0
iOS学习——UIView的研究
在iOS开发中,我们知道有一个共同的基类——NSObject,但是对于界面视图而言,UIView是非常重要的一个类,UIView是很多视图控件的基类,因此,对于UIView的学习闲的非常有必要。在iO
mukekeheart
2018/03/26
3K0
iOS学习——UIView的研究
iOS小技能:查看大图浏览器(图片支持滑动切换)
demo视频:https://live.csdn.net/v/embed/157526
公众号iOS逆向
2022/08/22
1.2K0
iOS小技能:查看大图浏览器(图片支持滑动切换)
IOS开发之简单音频播放器
        今天第一次接触IOS开发的UI部分,之前学OC的时候一直在模拟的使用Target-Action回调模式,今天算是真正的用了一次。为了熟悉一下基本控件的使用方法,和UI部分的回调,下面开发了一个特别简易的音频播放器,来犒劳一下自己这一天的UI学习成果。在用到UI的控件时如果很好的理解之前博客在OC中的Target-Action回调模式,感觉控件的用法会很顺手。下面的简易播放器没有用到多高深的技术,只是一些基本控件和View的使用。         话不多说简单的介绍一下今天的音频播放器。在播放
lizelu
2018/01/11
1.8K0
IOS开发之简单音频播放器
自定义转场详解(一)
前言 本文是我学习了onevcat的这篇转场入门做的一点笔记。 今天我们来实现一个简单的自定义转场,我们先来看看这篇文章将要实现的一个效果图吧: 过程详解 热身准备 我们先创建一个工程,首先
Scott_Mr
2018/05/16
9820
iOS视频播放的基本方法
本文总结了iOS中最常见的视频播放方法,不同的方法都各具特点,我希望能够总结它们的不同,方便在开发中选择合适的技术方案。 Apple为我们提供了多种方法来实现视频播放,包括MPMoviePlayerController,MPMoviePlayerViewController,AVPlayer,AVPlayerViewController等。而值得注意的是,上述的MPMoviePlayerController与MPMoviePlayerViewController在iOS9.0之后被弃用。虽说如此,这还是将它
梧雨北辰
2018/07/06
4.6K0
自定义转场详解(一)
前言 本文是我学习了onevcat的这篇转场入门做的一点笔记。 今天我们来实现一个简单的自定义转场,我们先来看看这篇文章将要实现的一个效果图吧: 过程详解 热身准备 我们先创建一个工程,首先
Scott_Mr
2018/07/05
1K0
iOS 自定义 ViewController 过渡动画
WWDC 2013 session 218: Custom Transitions Using View Controllers
Alan Zhang
2018/10/19
1.5K0
iOS 自定义转场动画
1、创建一个遵循<UIViewControllerAnimatedTransitioning>协议的动画过渡管理对象,并实现如下两个方法:
且行且珍惜_iOS
2018/05/22
1.2K0
AVFoundation | 封装一个好用的视频播放器
AVFoundation是苹果在iOS和OS X系统中用于处理基于时间的媒体数据的Objective-C框架. 供使用者来开发媒体类型的应用程序。
网罗开发
2021/01/29
1.2K0
AVFoundation | 封装一个好用的视频播放器
相关推荐
【iOS】今日头条的转场动画设置+手势控制
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验