preface

I wrote technical documents earlier and got into markdown syntax introduction. After the in-depth understanding of it, deep feel this is a rare good thing, then want to find a handy editor used for ordinary article, the network search out many editors, I am dazzled, if you are the same as me to choose difficult patients, I hope this article can help you. The more you like it, the more demanding you are. That’s human nature.

Hardware configuration

• window7 64
  • Chrome 64.0.3282.167
• Iphone6 10.3.3

• The web version
  • The nuggets juejin. Im/timeline
  • Jane books www.jianshu.com/
  • SegmentFault segmentfault.com/
  • CmdMarkdown www.zybuluo.com/
  • Maxiang. IO /
  • Little book artisan markdown.xiaoshujiang.com/

demand

Demand determines product. What functions are necessary for me and what functions are a plus? List my requirements and find corresponding products according to my requirements.

necessary

• Support shortcut keys
  • althoughmarkdownSyntax was invented to make multi-terminal rendering of content faster, but if it’s faster, why not?
• Grammar mass
  • Maverick is taboo, now published articles are often not only published in one platform, if each platform has its own grammar, it will undoubtedly increase the complexity of editing text, and this andmarkdownIs the opposite idea.
• Fast response
  • If an editor takes a minute to open (the first screen rendering time is more than 10 seconds and most users are lost), the editor scrolls incredibly slowly, and compilesmarkdownYou have to wait a long time for grammar. Anyone gets mad, right?

pluses

• Anytime and anywhere
  • In the morning is the most awake people’s brains, but always in the way of commuting wasted time, although I will choose in commuter road through technical articles, learn more, but is often in the side don’t have a computer, good ideas in my head, thinking about down to the company immediately, but the fact is often forgot to company (stand hand).
• Multi-terminal editing
  • If I have edited the article on the Web side and am ready to publish it, but DO not know how it will be displayed on the APP side, I can make timely adjustments if I can directly preview the style layout of the published article on the APP.
• The interface is beautiful
  • As a programmer, you are more sensitive to dark backgrounds (scientific studies show that long exposure to dark colors is worse for your eyes).
  • The interface is simple, the function classification is clear and easy to understand, and the user experience is +10 points.
• You can post to Evernote
  • I recently switched from OneNote to Evernote and was tempted to buy the premium version, but found that there was no difference between the premium version and the free version, other than the ability to log in from multiple terminals, so I held on.
• Able to export MD/HTML/PDF files
  • This is a really nice plus because I have a habit of saving source files so they don’t get lost later (if the cloud is missing, I guess my local cache is too).
• Free!!
  • With this I think I should be able to decide immediately which editor to use? (smile)

Analysis of the

The web version

Jane’s book

The first one to use is Jane book, I have to say that Jane book is the most famous around me. In addition, the multi-terminal editor also attracted me, can completely regard it as a cloud notepad, recording some flash ideas is really great.

advantages

• The interface is beautiful
  • Simple and comfortable interface color matching, suitable for long time input text. And you can switch themes to suit your surroundings.
• Classification is clear
  • In the edit main page, I can switch between the anthology I want to edit at any time, and I don’t have to go to the draft box to find my article.
• Editing on mobile
  • For articles that have not yet been published, if you want to see how they are formatted on mobile, you can open the mobile app to see them.
• Historical version control
  • What? I still think the first edition is the best! This is where history comes in handy, and even better, you can filter the type of history, such as what terminal the version was modified from.
    

    

• Article deletion protection
  • For accidentally deleted files, I can find them in the trash, and if I want to forcibly delete them, I have to verify the mobile phone verification code, which can be said to be very protective of the author’s article.
    

    

• Copy the clipboard image
  • It was a really great experience, I just needed screenshots,ctrl+cYou can put pictures into the text.

disadvantages

• There are no shortcuts
  • It can be a very uncomfortable experience for people who are used to typing with shortcut keys, for example** emphasizes the symbol **Without keyboard shortcuts, typing can be tricky.
• There is no directory structure table
  • For technical documents, if I can see the author’s title list on the right hand side, I can study the subject I want, just like in a book, I can see the table of contents structure and corresponding page numbers on the front page, so THAT I can refer to the relevant content.

The Denver nuggets

Like a horse, although I am not bole. I am not an old user, full of numbers can only say that there has been a year of contact time, others have some big functions he has basically, and there are many other people think of small functions, when suddenly discovered, will let a person at once bright. There is a kind of “no contrast, just feel comfortable to use. But when you compare it, it’s like, “Oh, shit, this is awesome.”

advantages

• Multi-cursor editing
  • One of the more surprising features, and one of my favorites, is hold downctrlThen click on the position of the mouse to start multi-point editing.
    

    

• Edit area syntax highlighting
  • Another stunning feature that is clear and comfortable to look at.
• In the editctrl+fCustomize the search box
  • This is accidentally discovered, Asi, is the kind of stealthily doing user experience up thing is very fond of ah.
    
    Application scenario is long article search, this function can be very convenient to exclude the right preview of the article interference.
    

    

• ** ctrl+dYou can delete a line **
  • Another dot to dig to find.
• It automatically replenishes-
  • If it’s already on one line-If you press Enter, the next line automatically adds a new one- 。
• canctrl+/annotation
  • Another small feature discovered after the puzzle operation, this will comment on one or more lines of text you have written, will not disappear, but will still be searchable within the text.

disadvantages

• Clipboard images cannot be directly pasted and imported
  • Most Markdown editors already have this feature, and there are no difficulties in implementing it.
  • I found a more magical thing, I uploaded the picture in Jane book, get the cloud address of Jane book and copy it to the nuggets, it will automatically convert into the cloud address of nuggets, this skill, wonderful ah.
    

    

• Synchronous scrolling needs to be improved
  • If the article has an image, there will be a big difference between the left edit area and the right side of the scroll synchronously, and it will not even be able to see the changes in the right preview area in real time. It’s also a good idea to scroll separately.
• ctrl+sIt’s also a troubling existence
  • I like to type some text and then pressctrl+sSave, but the Nuggets didn’t do anything with this shortcut, so they kept popping up the save page prompt.
• The directory list cannot be scrolled
  • Too long a directory expansion does not scroll through the directory list, which is also a small discomfort.
    

    

• Can’t switch themes
  • At night when the code word, too bright background look for a while will feel uncomfortable eyes, black background will be relatively much better.
• Many good features are unknown
  • The Nuggets have a lot of nice little features, but it would be nice if they could be sorted out and taught to their users. But it’s also possible THAT I didn’t find it, that somewhere around the corner the authorities have secretly put together a set.

segmentfault

To be honest, I saw some articles in the domestic and foreign technology forum recommendation, which is also on the top of the leaderboard, but in my experience, it is really uncomfortable, I hope this forum and stackOverflow discussion can be better optimized in detail. Of course, the company’s product positioning will affect various aspects, which I also have some views in the summary.

advantages

• tag
  • After entering the edit page, the TAB category at the top makes it easy to define your own article category, making it even more convenient for others to find related content.
• Directory lists are better handled
  • After a properly formatted article is published, you can see the table of contents on the right. And catalog display space is relatively large, long articles will have a more comfortable experience.

disadvantages

• The experience wasn’t great in many ways
  • This is a problem I want to test when uploading pictures
    

    

    

• Copying past content cannot be undone
  • Found that if you usectrl+vCopy past content wrong, want to pressctrl+zUndo, but found that not, a more confused operation.
• bug
  • SegmentFault syntax descriptionI cannot go back to live mode after clicking edit/Preview mode in the test input box at the bottom.
    

    

  • SegmentFault, moreover, in the face of a certain situation will popup window (now find a day for the first time login), is recommended list, the first step to focus on the label, the second step is focus on the people, the first step I focus on some labels, I am interested in the second step, so many people, I want to see their space, click, the entire page jump directly. What??? Then another popover, starting from the first step (multiple popovers have been fixed now, but I’m sure there was one)

CmdMarkdown

Is a great editor even if it’s only free.

advantages

• Experience the great
  • The experience is great, from keyboard shortcuts to interfaces.
• Convenient and quick to publish articles
  • After editing the article can be published directly to the Internet, a link address can be accessed.
• Support for multiple platforms
  • Linux/Mac/Windows/Web multiple platforms can edit, I downloaded a Windows version, guess is embedded in a browser application, and can be used offline, like up.
• Social operation
  • You can invite colleagues and friends to write comments, which is a relatively rare feature.
• Synchronous scrolling is optimized
  • Regardless of whether I have an image inserted or not, the preview area on the right is always on the same plane when I write on the left.

disadvantages

• Uploading local images requires membership
  • When you think about it, image uploads need cloud space, which is excellent as a free Web editor. After all, cloud space also costs money, not free to use.
• Article classification is not easy to operate
  • If a person has published more than one article on this platform, how to better manage it has become a problem I worry about.

Ma Kefei like

The main function should be to link with Evernote. When you first register, you will have some time to experience it, and then you will need to charge for it. But if you don’t pay, you can use it, because it is also great as far as the editor is concerned.

advantages

• Interworking with Evernote
  • The markDown editor is designed for evernote enthusiasts. For those who are serious enthusiasts and want to use the Markdown syntax, this is the best choice. They can sync their content to Evernote at any time to ensure that their data is not lost.

disadvantages

• Two charges
  • First, if you want to export the impression to the notes, often, sometimes a document is several MB, this for free users impression note is somewhat heavy, since it must be paid to become a member of the impression of notes, and then, Ma Kefei like also need to charge, charge to 79 plus a first impression notes, although not much, but the impression heavy users, There is no need to use membership.

Little book artisan

The company’s broadband usually has a downlink speed of 10MB /s, but if I want to open it, I also have to wait for about 10 seconds. After entering, the functions are very rich, and even many grammars are seen for the first time. In my opinion, its positioning is not just a simple editor, but after writing the original text, it is more appropriate to choose to generate a PDF, because many grammars are not supported on other platforms.

advantages

• Function more
  • The biggest advantage is that it has many functions. I can think of almost everything he can do. Even I didn’t think he could.

disadvantages

• Function more
  • The biggest drawback is that it has so many features that for someone who hasn’t used it yet (like me for the first time), where to start is a big problem. The latest version now has bootstrap diagrams, but for such a large editor, there are too few bootstrap diagrams, too many bootstrap diagrams, and too much trouble.
• Preview mode scroll delay
  • I don’t know why, but it’s a bit sluggish in terms of experience, but if I’m making an editor that needs to integrate so many features, I’ll set a load switch, load on demand, and not try to load functions that aren’t needed.
• Support a lot of formats, not one article published in more than one place
  • His support for the extension of the grammar has a lot of, what the sequence diagram, flow diagram, gantt chart, I now use a mind map can accomplish these, if I have to use these articles in grammar, that when I was in other platforms, have to find out the grammar, and then replaced with pictures, and because these grammar does not support the other platform.

Exe version

Compared to the Web version, the EXE version is not convenient to carry, yes, I would have to download a new one if I changed my computer. Shortcuts, for sublime and vscode, you need to download some plugins first, and since the software itself has many shortcuts, the same shortcuts have different meanings. The preview function, which also requires plugins, doesn’t really need to bother with plugins in terms of writing articles, just like when I want to use a hammer, I need to learn to refine metal first. Cloud syncing is pretty handy, and you can use Github as your repository, but there are some learning costs and it’s not nearly as convenient as the Web version out of the box.

conclusion

The final effect of a product depends on its initial positioning, what problem it wants to solve for users. Most of the things I’ve listed above are related to product positioning, with the exception of some that I think are the result of a lack of careful consideration.

If you open the front page of Jian Shu, you will find that the platform is more inclined to share non-technical articles, so the shortcut key function may not be very useful, compared to the rich text editor is a better choice.

Nuggets and SegmentFalut, at first glance, are somewhat similar, but I think nuggets is more like a post sharing platform, while SegmentFault is a platform that tends to solve your problems for you, similar to StackOverflow, so some of the differences in the editor can be explained. Of course, both platforms are great. I can find what I want on both platforms. It is because I like them that I hope to do better.

Cmdmarkdown and Small Bookmaker can be used as a pure editor. The former is light and beautiful, while the latter is strong and large. We can choose the platform we need according to our own needs.

In addition, I recommend an ios app MarkLite. For those who want to use MarkDown to record small details in life, it is lightweight, free and convenient. Besides, it can also export Web/PDF/MarkDown files to wechat and other places, which is very convenient.

For some editors that have too many features and don’t have enough time to use the experience, there are certainly a lot of things that haven’t been considered completely while coding these words.

I hope my arrangement is helpful to you. Thank you.

If there are any mistakes or deficiencies in the article, it is welcome to criticize.

There are also some plug-in addresses and syntax references for implementing special functions (flow charts, sequence diagrams, etc.)

TODO flow chart of the sequence diagram flow chart of Mermaid Mermaid grammar reference sequence diagram reference grammar