atom初学者的学习

目录

- [0.操作流程](#0操作流程)
- [1.关于markdown编辑器](#1关于markdown编辑器)
- [2.关于中文排版](#2关于中文排版)
- [4.关于表格](#4关于表格)
- [5.内建html](#5内建html)

作者:李笑来

markdown是一个浏览器插件(chrome/firefox/Safari),可以将浏览器中编辑
里的Markdown文本转换成渲染过后的HTML。又由于它能自定义CSS,于是,对我这种平时
大量使用markdown格式写作的人来说实在是一大福音——可惜我刚刚才知道这么一个插件….
要不是有人在新生app里面提及这事儿,我还不知道啥时候能知道呢。

知道了就好,于是,我的微信公众号的排版就是焕然一新了

0.操作流程

1.在google chrome中安装markdown here插件
2.配置markdown here operation,自定义一些CSS
3.在atom/sublimetext之类的编辑器中书写
4.拷贝黏贴到微信公众号的编辑器中
5.使用markdown here渲染
6.插图图片,修订
7.发布..

1.关于markdown编辑器

我试过很多专门的markdown编辑器,付费的也买了一大堆,最终给发现实际上最好的markdown的编辑器是
sublimetext/atom之类的程序编辑器,有一些功能没他们还真不行,比如多行同时编辑。现在我习惯使用的
是atom,也安装了一些与markdown相关的插件

  • markdown-pdf
  • markdown-scroll
  • markdowndown-toc
  • markdown-writer
  • markdown-preview(core package)

另外一个跟markdown没关系,但绝对有用的插件是atom-smart-template,可以定制一些写作模板…
比如我的微信公众号开头都有版权声明,放在模板里,以后就不用费劲拷贝了…

关于atom教程,可以去看看这篇文章,其实前后几篇文章,任何人都可以变成”pro“,直至最终变成“gupu

http://xiaolai.li/2016/06/17/makecs-atom-advanced/

2.关于中文排版

关于中文排版,我在网上看了几篇教程,总结后来发现重点只有三个:

  • 字体间距
  • 行间距
  • 字间距

至于选择哪一种字体,其实并不是关键,因为对字体来说,最重要的其实是“通用”—-即便是你设置好了你喜欢的字体,先不说那是不是你自己的偏好,更重要的是,若是读者的设备上没有那个字体,那你就等于是白折腾了……

所以,字体,就暂时放在一边罢,因为苹果手机上默认的字体就挺好的。手机上像素不少,可屏幕相对还是很小,所以,中文字体若是不设置行间距和字间距的话,其实读起来就很费劲,另外我比较偏好稍微大一点的字体尺寸:

.markdown-here-wrapper {
  font-size: 16px;
  line-height: 1.8em;
  letter-spacing: 0.1em;
}

4.关于表格

我是 一个 好人
我擦 我要 火红

5.内建html

但是如何快速输入

Definition list
Is something people use sometimes.
Markdown in HTML
Does not work very well. Use HTML tags.
我按照李老师的文字,重新打了一遍 遇到的困难 一些方法如下:
1. 有些没弄懂,比如如何自定义设置颜色 和 命令行就该字体等格式
  1.1一些package包不知道怎么放在一起用
2. ">“为了不弄在一行 需要按两下空格 再回车才能下一行
3. 加粗 把__放在文字的两边
4. 学习了markdown的文档 https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet
5. 三颗星是一个分界线
6. 加减号用来当做点(一个园豆豆)号
7. `三个用来输入代码
8. 李老师的style代码可以用ctrl+shift+p打开输入open your stylesheet在后面补上就行
9. view-develop-toggle develop mode(快捷方式ctrl+shift+I) 用来打开开发工具的调试
10. 了解到代码补全(也叫snippets)
11. ctrl+shift+t是用来配置的
12. 核心是html和dom 将李老师的
13. [官方](https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet)例子用来输入东西[I‘m an inline-style link](https://www.google.com)
14. 文件系统 home在计算机网盘 桌面的东西也都在哪里所以下载的东西不要往里面放
15. [带动微信公众号](http://www.jianshu.com/p/b4c8479cfaa5) 在进入chrome商店的时候去掉hl=zh-CN后缀 atomic浏览器和atom各装一个,加上markdown here就可以传送了
16. ctral+shit+r等于reload 每当你安装一个package用来更新(可以用ct+sf+p查询)
17.
需要学习的
1.如何stylesheet设置,编写属于自己的代码

参考:

  1.http://www.jianshu.com/p/b4c8479cfaa5 简书 集强大与一身 markdown排版微信号
  2.http://jingyan.baidu.com/article/e5c39bf5aaf9f639d760338d.html 当一个编程的github 左边编辑,右边实时预览:
  3.http://www.ituring.com.cn/article/72264 自定义格式
  4.http://flight-manual.atom.io/using-atom/sections/basic-customization/ 官方网页
  5.http://www.jianshu.com/p/b4c8479cfaa5 简书 将的比较全 gif 微信公众号

?

时间: 2024-11-05 15:54:26

atom初学者的学习的相关文章

atom初学者的学习 原始代码

原始版 作者:李笑来 **markdown**是一个浏览器插件(chrome/firefox/Safari),可以将浏览器中编辑里的Markdown文本转换成渲染过后的HTML.又由于它能自定义CSS,于是,对我这种平时大量使用markdown格式写作的人来说实在是一大福音----可惜我刚刚才知道这么一个插件....要不是有人在新生app里面提及这事儿,我还不知道啥时候能知道呢. 知道了就好,于是,我的微信公众号的排版就是焕然一新了 ## 0.操作流程> 1.在google chrome中安装m

atom初学者的学习(2)

1.类型转换 markdown-preview 右键可以保存为html这个刚好可以用来生成chm文件  强大的文本编译工具 Pandoc,支持 markdown 和 html 之间的互译 http://pandoc.org/  官网 如果要保存为pdf 需要package插件markdown-pdf

初学者怎么学习Linux操作系统

一. 选择适合自己的linux发行版谈到linux的发行版本,太多了,可能谁也不能给出一个准确的数字,但是有一点是可以肯定的,linux正在变得越来越流行, 面对这么多的Linux 发行版,打算从其他系统转到linux系统来的初学者可能会感到困惑,即便是忠实的 Linux 用户也没有时间和精力去挨个尝试,因此初学者在学习linux的之前,需要有一个明确的方向,选择一个适合自己的系统开始学习linux至关重要!下面我们就分类介绍. 1.1 初学者入门首选-redhat系列在学习redhat系列li

一位资深程序员大牛给予Java初学者的学习建议(转)

一位资深程序员大牛给予Java初学者的学习建议 这一部分其实也算是今天的重点,这一部分用来回答很多群里的朋友所问过的问题,那就是我你是如何学习Java的,能不能给点建议? 今天我是打算来点干货,因此咱们就不说一些学习方法和技巧了,直接来谈每个阶段要学习的内容甚至是一些书籍.这一部分的内容, 同样适用于一些希望转行到Java的同学. 在大家看之前,我要先声明两点. 1.由于我本人是Java后端开发出身,因此所推荐的学习内容是Java Web和Java后端开发的路线, 非Java Web和Java后

Linux初学者进阶学习资源整理

Linux初学者进阶学习资源整理 实验楼分享的Linux学习路径,用图文并茂的形式清晰直观的告诉了Linux初学者该如何从一个新手小白进阶成为Linux高手. 不过这条Linux学习路径到底只是一个学习计划,没能有详细的教程提供给大家学习.回想之前写的(干货)Linux学习资源推荐,也只是比较全面的列举了可以学习Linux的地方. 于是乎便有了这篇Linux初学者进阶学习资源整理,将会按照学习路径的知识点学习为大家提供详细的教程(不限于视频.书籍.网络教程.技术博客等资源). Linux初级入门

PHP 初学者的学习线路和建议【1】

先来看下PHP初学者的学习线路: (1) 熟悉HTML/CSS/JS等网页基本元素,完成阶段可自行制作简单的网页,对元素属性相对熟悉. (2) 理解动态语言的概念和运做机制,熟悉基本的PHP语法. (3) 学习如何将PHP与HTML结合起来,完成简单的动态页面. (4) 接触学习MySQL,开始设计数据库. (5) 不断巩固PHP语法,熟悉大部分的PHP常用函数,理解面向对象编程,MySQL优化,以及一些模板和框架. (6) 最终完成一个功能齐全的动态站点. 新手不要看到上面的概括就以为PHP学

转载:一位资深程序员大牛给予Java初学者的学习路线建议

一位资深程序员大牛给予Java初学者的学习路线建议 java学习这一部分其实也算是今天的重点,这一部分用来回答很多群里的朋友所问过的问题,那就是我你是如何学习Java的,能不能给点建议?今天我是打算来点干货,因此咱们就不说一些学习方法和技巧了,直接来谈每个阶段要学习的内容甚至是一些书籍.这一部分的内容,同样适用于一些希望转行到Java的同学. 在大家看之前,我要先声明两点.1.由于我本人是Java后端开发出身,因此所推荐的学习内容是Java Web和Java后端开发的路线,非Java Web和J

初学者如何学习运维?

老男孩教育老男孩老师总结了初学者学好运维的几个办法,希望能帮到大家.①先实践后看原理很多初学者思维的误区是先了解原理在去实践很多有经验的运维给初学者的建议是先把原理看懂,在去实践.他们的思想是原理比操作更重要.其实,这是很误导人的错误学习运维的思想.运维实际上是应用性为主的一门学问.没有基础的运维一定是实践更容易,看原理相对更难,造成学习困扰. 老男孩的建议:以下内容转自学生的作业总结(略改动):对于初级运维人员技术方面的学习是先看原理在实践还是先实践在看原理?对于这个问题,老男孩老师做了一个非

和初学者交流学习java语言一些体会。

对初学者,自己学习java语言的一些体会: 1.工欲善其事,必先利其器.先把Java学习工具准备好,包括集成开发环境IDE,自己觉得MyEclipse比较适合,还有数据库,Oracle或MySQL,SqlServer,自己觉得这三种比较主流,最好在电脑上都要安装.如果觉得会影响电脑运行速度,可以在电脑桌面设置三种数据库的启动和关闭的快捷方式,比如run.bat ,里面可以封装数据库启动的代码.需要使用哪个数据库,就启动哪个,不用的数据库,可以关闭.数据库启动图形界面也要安装好,便于操作数据库.