论坛Markdown编辑器教程

任务栏MEMZ

[md]> 本帖最后由 任务栏MEMZ 于 2022-12-24 09:07 编辑

> 本帖最后由 任务栏MEMZ 于 2022-12-24 09:06 编辑

# 你们好，这章将为大家讲述论坛的Markdown编辑器的使用方法

在发表帖子的时候，下方会显示“使用Markdown编辑器”


我推荐使用Markdown编辑器，因为它简洁美观，而且支持的功能也挺多的，比如支持HTML，也就是说可以外嵌一个音乐，我的另外一个帖子就是由它进行编辑的：[小任飞行工具包](https://bbs.chinaflier.com/forum ... 2&fromuid=95367)

**劝退警告:  使用Markdown编辑器需要掌握一些语法，但是其实很简单，如果实在不会就算了。**
**劝退警告：分享美图建议用原来的默认编辑器，请看到问题解答（最下面）**

---

### 界面认识

Markdown编辑器的主界面长这样
上方是常用的工具，从左到右依次是：表情，标题，粗体，斜体，删除线，链接，无序列表，有序列表，任务列表，引用，分割线，代码块，行内代码，上传图片或文件，开始录音/结束录音，表格，撤销，重做，全屏
当然，还有很多的工具没有显示，我就依次介绍吧

左边一栏可以理解为代码区，右边一栏可以理解为渲染出来的样子。
我们写文字是要在左边写得，右边是效果

### 常用语法

[8分钟教程](https://www.bilibili.com/video/B ... arch-card.all.click)

（BV1JA411h7Gw）
仅需8分钟，掌握Markdown基本语法
看完后，如有不懂的可以在此贴下留言，但我也是个小白，不一定都会

### 拓展

想知道如何点击图片实现链接跳转吗？
首先得有一张图片。我就以这张图片来开展介绍吧
假如这张是我们的图片

代码如下：![压缩包.png]（data/attachment/forum/202212/24/082414pnoxdzsq7osnqaqx.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/300 "压缩包.png"）

然后我们可以再在下面把跳转链接的写上
比如我要跳转到百度
[百度]（https://baidu.com/）
然后把中括号里的内容改为图片的代码

之后就是这个效果
[![压缩包.png]（data/attachment/forum/202212/24/082414pnoxdzsq7osnqaqx.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/300 "压缩包.png"）]（https://baidu.com/）
[](https://baidu.com/)
点击就可以跳转到百度了！

---

### 音乐

想不想再加个音乐？
例如：

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=1399616170&auto=0&height=66"></iframe>

我以网易云音乐为例，打开它的官网
https://music.163.com/

搜索你想要的音乐，比如Never Gonna Give You Up

在搜索出来的结果中找到你的目标音乐（**注意不能是vip歌曲**）

音乐封面下面有一个“生成外链播放器”，我们点进去


请选择iframe插件，不要用flash
尺寸随意，自动播放随意，然后点击复制代码
然后就直接粘贴过来即可

### 问题解答

Q1：为什么粘贴了图片，发表帖子的时候显示，你有未插入的图片？
A1：这应该属于论坛的BUG，解决方法很麻烦：需要在其他地方生成一个外链，然后替换它，有服务器的应该很清楚，没有的话，可能就废了。
Q2：为什么我按照视频里的操作，打了一个#，却不能生成标题？
A2：有些论坛的使用方法可能有问题，请直接在工具栏点击大写的H就行

### 福利！

如果你在写文章的时候发现图片有问题，你们可以用这个虚拟主机
下载一个FTP软件，推荐winscp
然后新建会话
协议：FTP
加密：不加密
主机名：69.165.68.134
端口：21
用户名：up_mrren_top
密码：I_love_1930

这样你就可以把图片上传上去
假如在**根目录**上传了个文件叫：1.png
那么访问链接为：http://up.mrren.top/1.png

[/md]

火星上开飞机

【你被骗了】，不过习惯了不好改过来

一池星光

这个很有用的！

⒎冄31.號

不错的教程。
支持一下

zkp718

感谢分享资源。学习学习

pisa000

学会了 感谢感谢

73yyyy

感谢分享资源。学习学习

VanB

多谢。                           

丝瓜嘿嘿嘿

这个很有用的！