如何使用CSDN中的Markdown写博客——纯小白篇

这篇博客用来学习如何使用CSDN中的Markdown写博客

在写这篇博客前,我找了很多教程,摸索了很长时间才会用这东西写博客,现在写一个教程方便像我一样的纯小白学习如何用这个Makedown写博客。

我第一次使用Markdown时干了什么?

那天我心血来潮,突然想写一篇博客,于是我激动的点击了写博客按钮,对于我这样没写过博客的纯小白来说,我以为写博客就像写word文档一样。可当我进入写博客的界面后一脸懵逼,欢迎使用Markdown编辑器,然后整个界面都是一堆我看不懂的动西,心想:“这是什么鬼,删了,全删了”然后我再把提前写好的复制粘贴了进来,可谁知道竟然变成了照片。不解不解不解…最后我还是发布了。后来我才意识到那是教程,我心里一万个后悔啊,呜呜呜。为了帮助像我一样的小白学习如何使用Markdown,特写此博客,如有大佬发现错误,还请指出,感激不尽!我第一次用Markdown写的博客
第一次进入markdown时的示例

界面介绍

界面

  1. 最上面那一行字:如何使用CSDN中的Markdown写博客——纯小白篇 就是将来你发布博客后的题目。紧接着那一行 B I H 什么的是工具栏。然后下面分为左右两部分,左半部分是你写博客的地方,右半部分是预览的,也就是你写的博客发布出去,别人打开后看到的情况。
  2. 那一行有 B I H 什么的工具栏把鼠标放上去停一会就会显示出功能了,如图
    鼠标停留效果
    然后例如点击 B 的话会出现这种情况,如图
    点击B的效果
    可以看到被选中的部分就是预览里显示的,如果想要改成其他字只要改选中的部分就行。

下面是正式的语法介绍

1.标题

使用 # 加上你要写的字就是标题了,目前共支持六级标题。一级标题就是一个 # ,二级标题就使用两个 # 也就是写成 ## 文字 的格式,如图
标题格式
注意 #与文字之间要有一个或一个以上的空格,要不然就会这样:
#后加空格
标题的快捷键是:Ctrl/Command + Shift + H
比如我按下 Ctrl + Shift + H ,如图,默认的是二级标题。

标题快捷键
还可以点击工具栏里的 H ,这个默认的也是二级标题。
H 是标题

2.加粗

方法一:点击工具栏里的 B
方法二:自己打,格式 ** 要加粗的文字 **,注意 ** 和文字之间没有空格,我打空格是因为:如果我不打空格的话就显示不出来格式了。
方法三:快捷键 Ctrl/Command + B
加粗不要带空格

3.斜体

方法一:点击工具栏里的 I ,就是 B 右边的那个
方法二:自己打,格式 * 要斜体的文字 *,注意 * 和文字之间也没有空格。
方法三:快捷键 Ctrl/Command + I
斜体每空格

4.加粗并倾斜

方法一:点击工具栏里的 B 和 I(先后顺序不影响效果)。
方法二:自己打,格式 *** 斜体并加粗的文字 *** ,注意 *** 和文字间也没有空格。
方法三:使用快捷键 Ctrl/Command + B 后再使用快捷键 Ctrl/Command + I (先后顺序不影响效果)。
加粗并斜体

5.分隔线

就是长这样的
分隔线
方法一:工具栏里没有,就没有方法一了,哈哈。
方法二:连打三个 * (星号就是乘号)或三个 -(减号) 或三个_(下划线,输入法调成英文,shift + - 就可以打出来了,不是小键盘上的 - 啊,是那个大键盘上的)
方法三:嗯…好像没有快捷键。
分隔线语法

6.把自己写的代码搞上去

如果你懒得学这个,可以直接打代码,能显示,但是显示不出来头文件中<>里的东西,如图
直接打代码会怎样
所以我们还是学一下吧
方法一:点击工具栏里的 <>
插入代码工具栏
方法二:自己打,格式三个 ` (这个键在大键盘的数字1的左边,输入法要调成英文),紧接着不要空格写上代码使用的语言,然后另起一行写代码,写完代码再另起一行打三个那符号。
方法三:快捷键 Ctrl/Command + Shift + K (注意这个快捷键如果你使用搜狗输入法,中英文模式都是无效的,可以换成微软的输入法,亲测有效)
写编程语言

7.插入图片

方法一:点击工具栏上的插入图片工具栏
方法二:快捷键 Ctrl/Command + Shift + G
示例如图:
在这里插入图片描述
我一般都是点这个上传图片
然后再点红色的上传图片,从自己的电脑里找就行了
在这里插入图片描述
插入图片后你会看到这个东西:
在这里插入图片描述
这个被选中的部分是图片描述,可改可不改。
其他插入图片的方法我也没试过,大家可以自己试一下。
如何改变图片的大小
刚刚上面那张图()里的就是图片的链接,想要改变图片的大小用

<img src="链接" width="50%">

代替上面的全部东西(包括图片的描述)就行了。注意width前的空格,其中50%是缩放比例,可以自己调整。如图
在这里插入图片描述
刚刚这张图不清楚,我再贴张大的
在这里插入图片描述
效果对比
在这里插入图片描述

8.超链接

方法一:点击工具栏上的
超链接工具栏
方法二:自己打,其实有几种格式,这里只写一种我用的格式 [ 链接的名字](链接网址),注意是英文括号。
方法三:快捷键 Ctrl/Command + Shift + L
超链接
然后把链接复制粘贴上去,再点确认就会这样
在这里插入图片描述
把选中的字换成你想要的就行了。


好了,这些基本上够用了,如果还想干别的可以点击工具栏最右边的问号,你就会看到更多语法。

在这里插入图片描述
另附上别人写的教程,我觉得也挺适合小白的
Markdown基本语法
Markdown基本语法2
这两个其实都在CSDN Markdown在线编辑专栏


  • 25
    点赞
  • 81
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 9
    评论
Liblog已更新至V1.2.1版本,源码下载地址:https://github.com/livisky/liblog/archive/1.2.1.tar.gz Liblog最新教程已收录在w3cschool(http://www.w3cschool.cn/liblog/) ,欢迎评论和支持! 一.简介 Liblog是一个简单易用的Markdown博客系统,它是基于开源框架thinkJS(使用 ES6/7 特性开发 Node.js 框架)开发的nodejs项目 需要mysql数据库支持,具有管理后台功能,更新博客分为普通文章markdown文章markdown文章只需要导入你好的Markdown文件即可。它摆脱了在线编辑器排版困难,无法实时预览的缺点,一切都交给Markdown来完成,一博客就是一个Markdown文件。同时也支持评论,代码高亮,分类,标签云,留言板、友情链接、系统设置等常用功能。Liblog提供了不同的主题样式,你可以根据自己的喜好配置,如果你想自己制作博客主题,也是非常容易的。Liblog还支持整站静态网页生成,同时有发布相关的配置,使用nginx做反向代理,动静态资源分离,静态缓存等,使您发布后的博客访问秒开。 二.功能特点 一键导入Markdown文章 文章评论 代码高亮 文章内容分页 系统主题设置 响应式布局,支持手机端访问 良好的SEO 登录/注册/个人心/个人设置 小型bbs,讨论社区 支持cms标签循环 完善的后台及权限控制 三.安装及其他介绍 安装教程:http://www.jsout.com/page/423.html 前台登录:admin@jsout.com 123456 后台登录:admin 123456 安装Liblog之前,请star并fork项目给作者以鼓励。 如果你认可并支持Liblog,还可通过扫描二维码捐赠Liblog(http://www.jsout.com/donate.html) 四.最新版本Liblogv1.2.1更新 【后台管理】添加友情链接管理 1)友情链接增加独立管理菜单,增加审核、排序、隐藏功能 2)友情链接增删查改 3)系统设置-常规设置的友情链接设置项删除 【后台管理】后台主题设置优化,修复设置错误后台打不开的bug 【个人心】修复个性签名设置bug,积分算法bug修复-forlong401 【后台管理】添加社区标签管理功能-forlong401 【后台管理】添加后台文章标签排序功能 【个人心】积分排名榜修复,添加缓存 【后台管理】完善导航管理(新窗口打开、排序等)-斯迈欧 【后台管理】添加系统logo设置-斯迈欧 修复部分已知bug 五.感谢 Liblog的成长需要各位亲们支持!感谢你们使用Liblog,感激你们对Liblog的良好建议与Bug反馈。如果你的博客也是基于Liblog,请告知作者,无偿获取技术指导。 前端汇 http://www.jsout.com 维卡冲突世界 http://www.kixeyes.com Liblog QQ群:256687601 作者邮箱:262248861@qq.com 演示网站:https://www.jsout.com 六.更新日志 详见:https://github.com/livisky/liblog/wiki/updateLog 添加静态资源一键打包功能(html,css,javascript) gulp配置 添加开发和生产运行模式 七.运行程序请选择运行模式 //压缩html,css,js 并生成相应目录 npm run compress //运行开发模式,html,css,js均加载未压缩版本 npm run dev //运行生产模式,html,css,js均加载压缩版本 npm run app //首次运行/更新运行前请先编译项目 npm run compile //线上推荐用pm2来运行(先配置好pm2.json) pm2 start pm2.json 标签:liblog  markdown
评论 9
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

影龙武

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值