vscode markdown_使用vscode开始Markdown写作之旅
本文适用于以下对象——
从没用过Markdown的
打算开始用Markdown的
日常使用Windows平台的
Markdown的介绍大家可以参考上一篇文章;本文的目的,则是引导大家开始Markdown的写作。
1. 下载和安装vscode
1.1. 下载
随便找个搜索引擎,搜vscode,不出意外,第一个结果应该就是vscode的官方网站,长这样——
我相信你既然决定开始使用Markdown了,下载安装个软件应该难不倒你……吧?需要注意的是,安装的时候,下面这两个可选项建议勾上——
有什么用呢?勾了这两个选项后,你就可以在windows的右键菜单里看到一个“Open with Code”的选项,使用这个选项,你可以利用windows的资源管理器来管理你的Markdown文稿目录。举个例子,我所有的公众号文章的源文件都存在“blog”文件夹下,每次我要开始写东西的话,我就在这个文件夹上右键,选择“Open with Code”,所有目录下的文件都会出现在vscode的编辑区内,便于随时切换
1.2. 安装中文包
嗯,默认vscode装好以后是英文的,对很多小伙伴来说可能不是太好。不过,巨硬是给做了中文包的,但需要自己装一下——
打开vscode后,左侧竖着的导航栏最底下的图标就是vscode的插件市场,在这里可以找到中文包;
在插件市场的搜索框里搜索“Chinese”
第一个结果就是中文语言包——
安装这个包就可以了,安装好后一般会提示你重启vscode;如果安装好并且重启后界面仍然是英文,则需要额外改一下vscode的配置文件(开源软件就是会比较麻烦……)。快捷键Ctrl+Shift+P调出vscode的命令行输入栏,长下面这样——
在输入栏里输入“language”,会模糊匹配可用的命令
选择“ConfigureDisplay Language”
vscode会为你打开一个json文件,长下面这样——
把其中的 "locale":"" 改成图上的 "locale":"zh-CN" ,再重启vscode,界面语言就会是中文了。
1.3. 安装Markdown增强插件
vscode默认是支持Markdown的,但是我们还是需要一些额外的插件来辅助。如前文安装中文包一般,到vscode的插件市场中,搜索Markdown关键字,安装这几个插件——
第一个插件,是一个组合包,一股脑把最常用的Markdown优化都给你装好;第二个插件,则是Github使用的Markdown渲染样式,不是特别华丽,很朴素,很简洁的样式,因为很多人用Markdown都是为了使用Github Pages,所以这个样式特别受欢迎。
使用这个样式,在本地就能预览Markdown文件最终在Github Pages中显示的效果。
1.4. 开始你的第一篇Markdown文档
为了集中管理用Markdown的文档,你可以在你容易找到的地方,专门建立一个文件夹,这取决于大家使用电脑的习惯,每个人都不一样。
使用vscode打开这个文件夹,你会在左侧的导航窗口里,看到这样的显示——
红框圈出来的,就是你的文件夹,或者说,工作目录,你觉得怎么好理解就怎么理解好了。
在这个目录下,右键可以弹出选项菜单,其中就有新建文件这样的选项。
选择新建文件,工作目录上就会多一行,并且可以输入文件名;
请注意,文件名一定要带后缀,markdown的后缀是.md ,如下所示—
当你输入.md的后缀时,你会发现,新建的文件名前多了一个logo,这代表它已经被vscode识别为markdown文件了。
现在,你就可以开始写markdown了。
在继续之前,请点击右上角的这个图标——
然后你的页面就会变成两栏分列的样子;右侧这一栏就是markdown文件被渲染为HTML的预览;
由于我们安装饿了Github的渲染风格,所以这里会按照Github的样式来渲染你的markdown文件。
2. Markdown的部分语法
这一节全部用Gif来给大家展示——(做gif图很麻烦啊,推荐一个开源免费的软件,ScreenToGif,可惜不能通过支付宝给他们捐赠……)
2.1. 标题编辑
2.2. 正文
2.3. 代码块
干IT的少不了和各种代码,命令行接触;Markdown的代码块功能就非常有用了——
代码块通过两行 ``` 符号框出,如果你写的代码是某种语言,那么可以在第一行末尾加上这个语言的名字,代码块内的代码就会执行对应的高亮语法,例如python
2.4. 行内代码
正文中的代码,则通过输入`` 框出
2.5. 列表
有序列表,输入数字,加一个句点,然后空格即可;可以缩进空置多级列表;
无序列表,输入 - ,然后空格
2.6. 加粗和倾斜
上面是常用的一些用法,还有一些我没列出来的用法,比如插入表格,各位可以自行“度娘”或者“谷哥”一下。
3. 小结
相信聪明的同学已经知道我为什么建议一开始用vscode写markdown了——原因很简单,分栏输入和预览,你可以直观的看到自己输入的代码渲染后的效果,当然,这其实是大部分markdown编辑器都支持的行为——typora有些不太一样,它不是这种分栏模式。
如果你是印象笔记或者有道云笔记的用户,其实这两个笔记现在也都支持markdown了,但是说实话,使用体验我个人认为并不好,而且最重要的是,抹杀了markdown的自由性,既然都用笔记了,好像用不用markdown也无所谓了。
markdown的语法并不多,也没有很复杂的格式,样式完全基于软件所支持的CSS样式渲染,如我上一篇文章所说,很多时候,简单的就是最好的。你不太可能拿markdown来写一篇正式的论文,但是作为日常的笔记来说,markdown再好不过——够用、可迁移、专注写作。
下篇会介绍一下windows上的markdown编辑神器——typora。用熟了markdown的语法后,你可以立即抛弃vscode,投身typora的怀抱。
4. 吐槽
我还是忍不住要吐槽一下公众号的编辑,真特么难用……
看看隔壁X乎,markdown文件可以直接导入……鹅厂也就是那么回事了。
vscode markdown_使用vscode开始Markdown写作之旅相关推荐
- vscode markdown_VS Code中的Markdown插件
这篇文章已经介绍过如何下载和使用VSC作为Markdown编辑器: 蓝莓的铲屎官:[Markdown] 使用vscode开始Markdown写作之旅zhuanlan.zhihu.com 本文旨在介绍 ...
- vscode markdown_搭建 Markdown 舒适写作环境(VSCode,含扩展盘点)
Markdown 编写环境概览 Markdown 是一种易于读写的轻量级的标记语言,编写出的作品简洁美观,近年来受到了越来越多的追捧,被广泛地用于日常写作,乃至电子书发表.与此同时,一系列优秀 Mar ...
- 用VSCode打造宇宙最强Markdown编辑器【VSCode篇】vscode+MPE插件+PigGo图床+最佳实践+使用技巧
在昨天,简单写了一下Markdown,并学习了CSDN的Markdown扩展语法,让我们离用Markdown写博客的目标更近了一步.今天开始打造Markdown编辑工具,以帮助我们更好的写博客.这篇全 ...
- Markdown写作中的图床解决方案(基于七牛云、PicGo)
在日常的Markdown写作中,使用图片是必不可少的,所以靠谱的图片存储服务和上传工具显得格外重要.图片存储上我一直使用七牛,个人用户拥有10GB的免费存储空间,并且拥有很成熟易用的图片处理引擎,可以 ...
- Markdown写作入门
什么是Markdown格式 Markdown格式是一种可用普通文本编辑器编写的标记语言,使用者能够通过简单的标记语法,对自己所写文本内容进行简单的格式排版: 优点 语法简洁易学,且功能比纯文本强大: ...
- [转载From少数派] 码字必备:18 款优秀的 Markdown 写作工具 | 2015 年度盘点
码字必备:18 款优秀的 Markdown 写作工具 | 2015 年度盘点 Codegass 2015年12月31日 47 69 现在是 2015 年底,自 2004 年 John Gruber1 ...
- 【CentOS Linux 7】实验5【安装VScode,并用VScode编写HTML网页】
Linux系统及应用---调研报告 [CentOS Linux 7]实验1[VMware安装.新建虚拟机:63个基础命令运行结果图] [CentOS Linux 7]实验2[Shell编程及应用] [ ...
- vscode php断点,VSCode中设置断点调试PHP(示例代码)
所需文件 xampp 集成服务器(本文使用Apache2.4+MySQL+PHP7.4.3) vscode Xdebug php-debug 插件 配置Xdebug 1. 下载Xdebug插件 (直接 ...
- 让你惊叹的 Markdown 写作工具推荐
这是一个系列,记录我前端开发常用的代码,小常识,有些是参考网上代码,(讲的可能有点烂,求不要打脸,嘤嘤嘤~~)送给那些需要的人.可以相互交流,喜欢的加我吧. Wx: Lxp911221 第一 Typo ...
最新文章
- 计算机的五大主要应用领域是电大,电大计算机应用基础考答案
- vue2打包时内存溢出解决方案
- Hadoop学习--Hive安装与配置
- @Scheduled执行阻塞解决办法
- python类继承中构造方法_第8.3节 Python类的__init__方法深入剖析:构造方法与继承详解...
- 《机器学习基石》---感知机算法
- oppoR17手机计算机的隐藏功能,OPPO R17 Pro隐藏了很多你不知道的黑科技,让你高效使用手机...
- “携号转网”正式试运行,这两个原因或致无法转网
- python成长之路【第七篇】:面向对象
- python怎么读程序-python怎么读sql数据?
- 基于深度学习的2D和3D仿射变换配准
- wps文档一敲空格就换行_wps敲空格变成点
- 家庭一台电脑多人上网方法
- 西安邮电大学计算机学校转专业,2021年西安邮电大学大一新生转专业及入学考试相关规定...
- 2022-VS2015-ACE+TAO(7.0.5)+CIAO+OpenDDS 3.16 编译
- 结束 oracle 锁 ps -ef|grepp.spid,oracle 解锁表剔除去session 和kill
- Node爬虫(二):使用cheerio爬取表情包
- flink 分词程序代码(批处理和实时)
- Go 与异步 IO - io_uring 的思考
- 苹果收取30%过路费_你是顶是踩?
热门文章
- 开启Ubuntu root 远程登录
- [FW]修复ubutnu12.04+win7的grub2引导
- liferay+portlet+开发实例
- 引用和使用引用传递参数《二》
- python安装计算机丢失api_Python安装后提示api-ms-win-crt-runtime-|1-1-0.dll丢失
- Android4.4之Camera2预览流程APP到Driver(十四)
- win10 wsl和wsl2使用总结
- Android多媒体:AudioTrack
- android getLong()用法
- 我眼中的Android Framework