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插件

平台改变器按键鼠标
WindowsAltLeft
OS XOptionLeft
LinuxShiftLeft

二、使用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(主题)
 类似资料: