【玩转 Cloud Studio】用 markdown 写笔记

2022-08-31 17:10:38 浏览数 (3)

前言

之前一直用 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 也能结合云函数,支持多语言环境和常用框架,确实值得一试!

0 人点赞