前言
之前一直用 typora 进行写作,但是后面软件升级需要付费,因此转而使用 vscode,但是如果有多台设备则需要一个借助云端,因此很有必要需要一个云端 IDE,这样就能做到永不离线。
为什么使用 markdown
Markdown 的目标是实现「易读易写」。也是兼容 HTML的, 是一种适用于网络的书写语言。用少量的标记就能达到中规中矩的排版效果。
新建工作空间
进入Cloud Studio 官网 官网新建空间。
选择预设环境,理论上没有要求,但是推荐使用 node.js 配置,考虑到后期我可能会出搭配 hexo 或 vuePress 使用教程。
录入空间名称,代码来源选择空。并点击创建。
点击进入
快速入门
在空白处新建文件
键入 hello.md
复制以下内容到 hello.md
代码语言:markdown复制# hello
【玩转 Cloud Studio】就用 markdown 记录笔记
## 《十六字令三首》
山,快马加鞭未下鞍。
惊回首,离天三尺三。
山,倒海翻江卷巨澜。
奔腾急,万马战犹酣。
山,刺破青天锷未残。
天欲堕,赖以拄其间。
![](https://img-blog.csdnimg.cn/20200814165155835.png#pic_center)
预览效果
使用技巧
其实只要你熟悉 markdown 写作,VS Code 和 Cloud Studio 应该很容易上手。这里我发现 Cloud Studio 也是支持本地图片的。
引用本地相对路径图片
新建 imgs 文件夹,文件夹名字可任意。
上传本地图片
在使用图片标签会有自动提示
预览效果
开启 markdown 标记样式检查
安装 markdownlint 插件可以对 markdown 标记样式检查。
可以看到一旦我安装后提示了 3 处提示
原因分别是 hello 后面多了一个空格,图片没有 alt 说明,文章尾部有多个空行。
只要依次修复即可。取出多余空格,添加 alt 说明,去掉尾部多余一行。以下是最终优化效果:
代码语言:markdown复制# hello
【玩转 Cloud Studio】就用 markdown 记录笔记
## 《十六字令三首》
山,快马加鞭未下鞍。
惊回首,离天三尺三。
山,倒海翻江卷巨澜。
奔腾急,万马战犹酣。
山,刺破青天锷未残。
天欲堕,赖以拄其间。
![图片](https://img-blog.csdnimg.cn/20200814165155835.png#pic_center)
![手机](./imgs/手机.jpg)
跳转到其他位置
写在最后
初步使用 markdown 就是这么简单,是不是很容易上手。不熟悉语法的小伙伴可参考认可度较高的 Markdown Reference。后期我可能会考虑出一版搭配 hexo 或 vuePress 等其他教程。
Cloud Studio 也能结合云函数,支持多语言环境和常用框架,确实值得一试!