Learn from Atom beginners

Directory

-[0. Operating Procedures] (#0操作流程)
-[1. About Markdown Editor] (#1关于markdown编辑器)
-[2. About Chinese typesetting] (#2关于中文排版)
-[4. About form] (#4关于表格)
-[5. Built-in HTML] (#5内建html)

Li Yu.

markdown is a browser plugin (Chrome/firefox/safari) that can be edited in the browser
Markdown text into the rendered HTML. And because it can customize the CSS, so, for my usual
A lot of people who write in the markdown format are a great boon--but I just learned that a plugin ....
If someone hadn't mentioned it in the new app, I don't know when I'd know.

It's good to know, so my public number is a brand-changed layout.

0. Operation Process

1. Install the markdown here plugin in Google Chrome
2. Configure markdown here operation, customize some CSS
3. Write in an editor such as Atom/sublimetext
4. Copy paste into the editor of the public number
5. Use markdown here rendering
6. Illustrations, revisions
7. Release:

1. About the Markdown Editor

I've tried a lot of dedicated markdown editors, paid to buy a whole bunch of them, and eventually to find out actually the best markdown editor is
Sublimetext/atom, such as the program editor, there are some features without them really can not, such as multi-line simultaneous editing. Now I'm used to it.
Is atom, and some plugins related to Markdown are installed.

• Markdown-pdf
• Markdown-scroll
• Markdowndown-toc
• Markdown-writer
• Markdown-preview (Core package)

Another one with Markdown does not matter, but absolutely useful plugin is atom-smart-template, can customize some writing template ...
For example, my public number at the beginning of the copyright notice, put in the template, and then do not bother to copy ...

About the Atom tutorial, you can go to see this article, in fact, before and after a few articles, anyone can become "Pro", until eventually become "Gupu"

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

2. About Chinese typesetting

On the Chinese typesetting, I read a few tutorials on the Internet, the summary later found that the focus of only three:

• Font spacing
• Line spacing
• Word spacing

The choice of which font, in fact, is not the key, because for the font, the most important thing is "general"-even if you set up your favorite font, not to say that it is not your own preferences, more importantly, if the reader's device does not have that font, then you are tantamount to white toss ...

So, the font, put aside for the time being, because the default font on the Apple phone is very good. The number of pixels on the phone, can be relatively small screen, so, if the Chinese font is not set line spacing and word spacing, in fact, it is very laborious to read, in addition I prefer a slightly larger font size:

.markdown-here-wrapper {  16px;  1.8em;  0.1em;}

4. About Forms

I am	a	good guy
I Rub	I'm going to	Red

5. Built-in HTML

But how to quickly enter

Definition List

Is

something people use sometimes.

Markdown in HTML

Does very well. Use HTML tags.

I follow the letter of teacher Li, re-hit the difficulties encountered some methods are as follows: 1. Some do not understand, such as how to customize the color settings and the command line on the font and other formats 1.1 some package packages do not know how to put together with 2. ">" in order not to make a row, you need to press two spaces and then return to the next line 3. Put the __ on both sides of the text 4. Learned the markdown document HTTPS://GITHUB.COM/ADAM-P/MARKDOWN-HERE/WIKI/MARKDOWN-CHEATSHEET5. Three stars is a dividing line of 6. The minus sign is used as a point (a garden bean) number 7. ' Three to enter code 8. Teacher Li's style code can be opened with ctrl+shift+p input open your stylesheet in the back of the line 9. View-develop-toggle Develop mode (shortcut Ctrl+shift+i) is used to open debug 10 of the development tool. Learn about code completion (also called snippets) 11. The ctrl+shift+t is used to configure the 12. The core is HTML and Dom will be teacher Li's 13. Official (Https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet) example used to enter something [I ' m an Inline-style link] (https:// www.google.com) 14. File system home in the computer network disk desktop things are also where so download things do not put 15 inside. [Drive the public number] (HTTP://WWW.JIANSHU.COM/P/B4C8479CFAA5) When entering the Chrome store, remove the HL=ZH-CN suffix atomic browser and atom each, plus markdown here to transfer 16. Ctral+shit+r equals reload whenever you install a package to update (can be queried with Ct+sf+p) 17.

需要学习的1.如何stylesheet设置,编写属于自己的代码

Reference:

  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 公众号

?

Learn from Atom beginners