atom-markdown编辑器

杜阳泽

2023-12-01

前言：

一直以来都是用txt保存、记录学习文档，极其难看，极其难以查找，甚至很多内容从记录之后就没有回头翻看过。近期研究了多种markdown编辑器，有免费的，有开源的，最后还是定格atom+markdown-preview-enhanced，同时atom也是我写golang的工具，因此将一些常用的语法记录下来。

https://www.cnblogs.com/libin-1/p/6638165.html
https://www.jianshu.com/p/0130ad32a08d

有道云笔记中的一些方法：
http://note.youdao.com/iyoudao/?p=2411&vendor=unsilent14
http://note.youdao.com/iyoudao/?p=2445&vendor=unsilent14

一、使用技巧

操作列：鼠标选定一行的多列，然后通过Ctrl+Alt+down/up键进行选择
行尾空两格是换行
表格中换行用</br>

有一次windows不知道动了什么地方，无法进行列操作，删掉重新安装（甚至将本地的配置.atom文件都干掉）都没有用。
于是安装：sublime-style-column-selection插件

平台	改变器按键	鼠标
Windows	Alt	Left
OS X	Option	Left
Linux	Shift	Left

二、使用atom搭建markdown编辑环境：

参考：
https://blog.csdn.net/witnessai1/article/details/52551362
https://shd101wyy.github.io/markdown-preview-enhanced/#/zh-cn/pdf
http://app.myzaker.com/news/article.php?pk=59951dff1bc8e0187b000015

1、安装atom软件

2、安装插件

file-->settings-->install-->搜索并install：
markdown-preview-enhanced   插件，如果被墙了就到github上下载，可以把markdown文档中图片加到pdf文档中
同时记得安装phantomjs
官网：http://phantomjs.org/download.html
然后配置环境变量

3、常用用法

半角空格: &ensp;或 &#8194;  四个就是两个中文
全角空格: &emsp;或 &#8195;
不换行空格: &nbsp;或 &#160;


*这会是 斜体 的文字*
_这会是 斜体 的文字_
**这会是 粗体 的文字**
__这会是 粗体 的文字__
_你也 **组合** 这些符号_
~~这个文字将会被横线删除~~


换行：
方法1: 连续两个以上空格+回车
方法2：使用html语言换行标签：<br>


引用块 (markdown中的名字 都叫"什么块")
方法1: 如果每一行你都使用硬换行并在行首(注意, 是行首!)放一个>符号，看上去会很美观
方法2: （如果觉得每行写一个>太累）Markdown允许你偷懒，你只需在 硬换行段落 的第一行之前放一个>号,
只需要多加一个>，就得到嵌套的引用块(即引用块中的引用块)
使用两个>, (注意中间有一个空格) > This is nested blockquote.可以得到嵌套的引用块.
引用块中可包含其它Markdown元素，如标题、列表和代码块



预览快捷键：
ctrl + shift + m  #支持实时渲染
ctrl + shift + p  #执行命令，执行markdown ... create toc   然后两次保存（必须在预览模式下）就会自动创建目录


代码增强：
开始```java    #这里可以是python、c、shell等等，还可以用{.linenumbers}显示行号
结束```

markdown实现页内跳转
html方式：定义一个锚(id)：<span id="jump">跳转到的地方</span>
使用markdown语法：[点击跳转](#jump)


图片黏贴：
ctrl+shift+i   #然后直接拖进去就好了
关于图片还有一个比较好用的插件：markdown-image-paste
剪切图片之后直接Ctrl+v就行，会在当前目录下生成图片，
windows上好像是随机生成文件名、macos上好像要自己手动修改一下
使用html中图片引用规则：
<div align="left">
<img src=/assets/重要紧急四象限.jpg width = "300" height = "320" alt="重要紧急四象限" />
<img src=/assets/轻重缓急四象限.jpg width = "400" height = "320" alt="重要紧急四象限" />
</div>

字体和颜色：
字体、字号、颜色
<font face="黑体">我是黑体字</font>
<font face="微软雅黑">我是微软雅黑</font>
<font face="STCAIYUN">我是华文彩云</font>
<font color=#0099ff size=12 face="黑体">黑体</font>
<font color=#00ffff size=3>null</font>
<font color=gray size=5>gray</font>

注意背景颜色：
markdown中设置背景颜色方式：
<font style="background-color:red">临时性机器1台</font> # 文字外围没有表格框
<span style="background-color:yellow">文字</span>      # 文字外围没有表格框
<table><tr><td bgcolor=yellow>文字</td></tr></table>   # 文字外围有表格框

但是转pdf后，只有font标签中的颜色可以显示；span的颜色转成pdf之后无法显示；font中的style属性，转pdf后也不显示。

按时atom的phantomjs可以正常转换。
vscode中使用谷歌浏览器的puppeteer替代了phantomjs

eg:
<font color=red face="微软雅黑" size=2>## 3、配置环境变量</font>

## 3、配置环境变量

常用颜色：

black 黑色
blue 绿色
darkblue 深绿
darkgray 深灰
gray 灰
cyan
chartreuse
pink 粉色
deeppink 深粉
gold 金黄
green 蓝
greenyellow
lightgreen
lime
yellow
yellowgreen

画图：
https://shd101wyy.github.io/markdown-preview-enhanced/#/zh-cn/diagrams
例子：
https://blog.csdn.net/lis_12/article/details/80693975

三、使用atom搭建golang开发环境

参考：https://rominirani.com/setup-go-development-environment-with-atom-editor-a87a12366fcf
插件安装：go-plus/platformio-ide-terminal/go-debug

保存代码：Ctrl+s
执行代码：Alt+r   #mac中Contro+r

注意：

1、代码高亮：Atom自带
2、如果插件安装成功，但是结果语法检查不可用，可能是由于一些依赖没有安装成功，尝试翻墙（还是不行的话可能要安装git，比如go的很多插件就要安装git才能从github上获取源码包）

四、安装git

安装git软件
插件：

1、git-plus：可以使常用的git操作简化到几个快捷键或者一个菜单，甚至 Add all + Commit + Push 一步到位，方便。
2、git-time-machine：查看比对代码的提交历史

五、python

插件：

kite
regex-railroad-diagram
Hydrogen

参考：https://www.sohu.com/a/231084849_99971433

六、远程ssh功能：

remote-ftp：支持ftp、sftp等
官网：https://atom.io/packages/remote-ftp
配置：Packages–>Remote FTP–>Create SFTP config file #会再项目下建立.ftpconfig文件，如下所示是修改的

{
    "protocol": "sftp",
    "host": "193.112.28.226",
    "port": 56873,
    "user": "jiangmingfei",
    "pass": "",
    "promptForPass": false,
    "remote": "/data/openresty/nginx",
    "local": "",
    "agent": "",
    "privatekey": "C:\\Users\\Administrator\\.ssh\\id_rsa",
    "passphrase": "",
    "hosthash": "",
    "ignorehost": true,
    "connTimeout": 10000,
    "keepalive": 10000,
    "keyboardInteractive": false,
    "keyboardInteractiveForPass": false,
    "remoteCommand": "",
    "remoteShell": "",
    "watch": [],
    "watchTimeout": 500
}

注意：

这个插件还是很有用处的，但是也有很多弊端，比如文件改名之后，remote服务器上会存在新旧两个文件。
不支持多个项目。将其他项目拉入atom之后，会自动同步到remote机器的目录下，目录结构可能是混乱的，实在是无法忍受。最后只能用软链解决，也就是在当前项目（已经配置了remote-sftp）下，新建一个软链，链接到第二个项目，这样第二个项目的内容也会自动同步到remote-sftp上，但是目录结构不会乱。

七、几个小技巧

1、windows安装插件的几个小技巧：

参考：https://blog.csdn.net/lj402159806/article/details/76862981
使用淘宝源：

apm config set registry npm_mirror_url
apm config set registry http://registry.npm.taobao.org

windows的powershell

# 注意，apm命令在如下路径：
PS E:\atom-windows\atom\resources\app\apm\bin> .\apm config set registry npm_mirror_url
PS E:\atom-windows\atom\resources\app\apm\bin> .\apm config set registry http://registry.npm.taobao.org
PS E:\atom-windows\atom\resources\app\apm\bin> .\apm install platformio-ide-terminal

# 最后还可以使用git的sh，打开platformio-ide-terminal的设置
Shell Override：
C:\Program Files\Git\bin\sh.exe

小记：

windows一开始通过atom源安装platformio-ide-terminal老是报错，最后使用阿里的源，ok
windows上调试更加方便了

2、常用插件

markdown-preview-enhanced
sublime-style-column-selection
platformio-ide-terminal
remote-ftp
autocomplete-python
python-debugger
go-plus
go-debug
autocomplete-paths
atom-beautify
file-icons
highlight-selected
minimap
monokai（主题）