Blog模板设计-富文本
文章模板生成:https://md.openwrite.cn/
微信二维码设计:https://www.canva.cn/
部分图片来源:https://www.graphfoundation.org/
文章封面slogan
文章开头slogan
Here's the table of contents:
Markdown 使用教程
•Markdown 是什么?•怎么使用 Markdown?
Markdown 是什么?
Markdown是一种轻量级标记语言,它以纯文本形式(易读、易写、易更改)编写文档,并最终以HTML格式发布。
Markdown也可以理解为将以MARKDOWN语法编写的语言转换成HTML内容的工具
为什么 要使用它?
•它是易读(看起来舒服)、易写(语法简单)、易更改纯文本。处处体现着极简主义的影子。•兼容HTML,可以转换为HTML格式发布。•跨平台使用。•越来越多的网站支持Markdown。•更方便清晰地组织你的电子邮件。(Markdown-here, Airmail)•摆脱Word。
如果不算扩展,Markdown的语法绝对简单到让你爱不释手。
三、Markdown 语法
Markdown语法主要分为如下几大部分:
标题,段落,区块引用,代码区块,强调,列表,分割线,链接,图片,反斜杠 \
**,符号'`'**。
3.1 标题
两种形式:
1)使用=
和-
标记一级和二级标题。
一级标题
=========
二级标题
---------
效果:
一级标题
二级标题
2)使用#
,可表示1-6级标题。
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题
效果:
一级标题
二级标题
三级标题
四级标题
五级标题
六级标题
3.2 段落
段落的前后要有空行,所谓的空行是指没有文字内容。若想在段内强制换行的方式是使用两个以上空格加上回车(引用中换行省略回车)。
3.3 区块引用
在段落的每行或者只在第一行使用符号>
,还可使用多个嵌套引用,如:
> 区块引用
>> 嵌套引用
效果:
区块引用
嵌套引用
3.4 代码区块
代码区块的建立是在每行加上4个空格或者一个制表符(如同写代码一样)。如
普通段落:
void main()
{
printf("Hello, Markdown.");
}
代码区块:
void main()
{printf("Hello, Markdown.");
}
注意:需要和普通段落之间存在空行。
3.5 强调
在强调内容两侧分别加上*
或者_
,如:
*斜体*,_斜体_
**粗体**,__粗体__
效果:
斜体,斜体
粗体,粗体
3.6 列表
使用·
、+
、或-
标记无序列表,如:
-(+*) 第一项 -(+*) 第二项 - (+*)第三项
注意:标记后面最少有一个_空格_或_制表符_。若不在引用区块中,必须和前方段落之间存在空行。
效果:
•第一项•第二项•第三项
有序列表的标记方式是将上述的符号换成数字,并辅以.
,如:
1 . 第一项
2 . 第二项
3 . 第三项
效果:
1.第一项2.第二项3.第三项
3.7 分割线
分割线最常使用就是三个或以上*
,还可以使用-
和_
。
3.8 链接
链接可以由两种形式生成:行内式和参考式。
行内式:
[OpenWrite官网地址](https:://openwrite.cn "OpenWrite")。
效果:
OpenWrite官网地址[1]。
参考式:
[OpenWrite官网地址1][1]
[OpenWrite官网地址2][2]
[1]:https:://openwrite.cn "OpenWrite"
[2]:https:://openwrite.cn "OpenWrite"
效果:
OpenWrite官网地址1[2]
OpenWrite官网地址2[3]
注意:上述的[1]:https:://openwrite.cn "OpenWrite"
不出现在区块中。
4.9 图片
添加图片的形式和链接相似,只需在链接的基础上前方加一个!
。
4.10 反斜杠\
相当于反转义作用。使符号成为普通符号。
4.11 符号'`'
起到标记作用。如:
`ctrl+a`
效果:
ctrl+a
谁在用?
Markdown 的使用者:
•GitHub•简书•Stack Overflow•Apollo•Moodle•Reddit•等等
本文由博客一文多发平台 OpenWrite[4] 发布!
References
[1]
OpenWrite: https:://openwrite.cn
[2]
OpenWrite: https:://openwrite.cn
[3]
OpenWrite: https:://openwrite.cn
[4]
OpenWrite: https://openwrite.cn
文章结尾slogan-动态
文章结尾slogan-WeChat公众号专用
文章结尾slogan-通用静态
Blog模板设计-富文本相关推荐
- Blog模板设计-Markdown
其他工具推荐: 文章模板生成 微信二维码设计 部分图片来源 Blog-封面Slogan Blog-开篇Slogan Here's the table of contents: Markdown 使用教 ...
- 打造Flutter高性能富文本编辑器——协议篇
闲鱼作为一个二手闲置交易平台,卖家发布商品产出优质的供给尤为重要:商品发布器希望拥有富文本编辑能力,让用户简单便捷的方式产出更加优质的内容:Flutter本身没有富文本编辑器的能力的,只有最基础的文本 ...
- qq模板图片asqq_重要更新 电脑编辑规则、快速滚动、富文本图片、规则模板等十多项更新!...
新方圆小棉袄,传说中的贴心小棉袄,宇宙无敌超级厉害. 记住我们的付费群(大佬众多):978260150,免费群:1101359539 1.方圆和海阔的规则导入和支付宝口令类似,将口令全部复制打开最新版 ...
- vue 是否有word编辑控件_GitHub - C84882428/editor-ui: vue集成 tinymce 富文本编辑器,增加导入 word 模板...
editor-ui vue 集成 tinymce 富文本编辑器 自定义 tinymce 富文本编辑器, 在原来的编辑器中增加上传 word 模板 最终展示效果: 主要代码: 整体思路: 1,在编辑器原 ...
- 图文列表+富文本解析+折线图示例小程序模板
简介: 一款多功能示例模板,带图文列表.富文本.折线图.会员中心模块,分享给大家学习. 网盘下载地址: http://kekewl.cc/NiqnJXnde6s0 图片:
- Vue 自定义富文本编辑器 tinymce 支持导入 word 模板
自定义富文本编辑器分为前端项目和后端项目两个部分,首先先说一下前端项目 前端 前端项目地址: https://github.com/haoxiaoyong1014/editor-ui 编辑器名称: t ...
- 带有富文本数据如何导出word文档(使用mht模板)
一.制作mht模板 使用word(不能用wps)制作好导出后想要的样子,并使用占位符填充,例如${NAME},设置好格式,另存为.mht格式的文件.之后用文本编辑器打开(我用的notepad++),检 ...
- 三甲:在线富文本编辑器的架构设计及实践
12月5日, 极客邦(InfoQ)在深圳举办 GMTC 大会,蚂蚁集团语雀编辑器技术同学三甲受邀参加大会并分享<在线富文本编辑器的架构设计及实践>,以下内容是根据现场演讲收集整理. 大家下 ...
- Android UI设计小知识——富文本
富文本 什么是富文本? 可能大家要问了,富文本是什么?怎么是这个"富"来,好奇怪啊--第一次接触的时候我也不知道什么是富文本,但是后来老师给举了一个例子就明白了.都喜欢用QQ聊天, ...
最新文章
- 从零开始入门 K8s | 理解容器运行时接口 CRI
- gcc 的visibility
- 无人值守网络安装Linux
- HBase全网最佳学习资料汇总
- avs3 ts格式封装 标准_第480期【软件】吊打格式工厂—高清视频转换器WonderFox HD Video便携版...
- Javascript 的模块化编程及加载模块【转载+整理】
- java递归看回文,如何使用正则表达式实现递归回文检查器? [关闭]
- CSP学习之ASN.1编码(一)
- android开发(37) android使用android_serialport_api 操作串口,解决权限问题
- Android Multimedia框架总结(三)MediaPlayer中创建到setDataSource过程
- iOS 之NSOperation(一)
- 【年月】-单词学习记录(模板)
- DSP编程时 c_int00是什么内容
- 香港资深艺人沈殿霞病逝 享年60岁(图)
- python里的str.format_详解Python中的str.format方法
- css手机圆角毛刺_CSS毛刺效果
- 【杭电oj】2089 - 不要62(打表)
- 动态规划--资源分配问题
- Android实现电量控制降低耗电
- nodejs图片处理工具gm用法
热门文章
- Zabbix5.0版本 全网监控方案
- 交流电源的原理和应用范围
- 【Python常用函数】一文让你彻底掌握Python中的enumerate函数
- SparkCore快速入门系列(5)
- 计算机24点游戏几把,24点游戏的玩法,要有准确介绍的!谢,这是初一上册数学上的,...
- Wcf测试工具 WcfClientTest
- j2ee基础list集合
- HTTP状态码100、200、300等含义
- SSTI原理以及ctf.show的SSTI(web361-web362)
- 商业建筑 HVAC 电力需求响应综述与分析