【玩转 Cloud Studio】用 markdown 写笔记

前言

之前一直用 typora 进行写作，但是后面软件升级需要付费，因此转而使用 vscode，但是如果有多台设备则需要一个借助云端，因此很有必要需要一个云端 IDE，这样就能做到永不离线。

为什么使用 markdown

Markdown 的目标是实现「易读易写」。也是兼容 HTML的, 是一种适用于网络的书写语言。用少量的标记就能达到中规中矩的排版效果。

新建工作空间

进入Cloud Studio 官网 官网新建空间。

选择预设环境，理论上没有要求，但是推荐使用 node.js 配置，考虑到后期我可能会出搭配 hexo 或 vuePress 使用教程。

录入空间名称，代码来源选择空。并点击创建。

点击进入

快速入门

在空白处新建文件

键入 hello.md

复制以下内容到 hello.md

# 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 说明，去掉尾部多余一行。以下是最终优化效果：

# hello

【玩转  Cloud Studio】就用 markdown 记录笔记

## 《十六字令三首》

山，快马加鞭未下鞍。

惊回首，离天三尺三。

山，倒海翻江卷巨澜。

奔腾急，万马战犹酣。

山，刺破青天锷未残。

天欲堕，赖以拄其间。

![图片](https://img-blog.csdnimg.cn/20200814165155835.png#pic_center)

![手机](./imgs/%E6%89%8B%E6%9C%BA.jpg)

跳转到其他位置

写在最后

初步使用 markdown 就是这么简单，是不是很容易上手。不熟悉语法的小伙伴可参考认可度较高的 Markdown Reference。后期我可能会考虑出一版搭配 hexo 或 vuePress 等其他教程。

Cloud Studio 也能结合云函数，支持多语言环境和常用框架，确实值得一试！