SpringBoot e-commerce project mall (40K + STAR) address: github.com/macrozheng/…

Abstract

As a programmer, I believe that we all pay attention to a lot of technical leaders of the public number, which is no lack of article style looks particularly comfortable. Before also a reader friend asked me, my public article is typesetting with what tools, looks very comfortable! Today I would like to recommend to you the typesetting tool MdNice that I often use. It supports up to 20 kinds of styles. There is always a suitable one for you!

Write articles using Markdown

As programmers, we often write development documents, and Markdown is a lightweight markup language that is easy to learn and use. Take a look at the open source project documentation on Github, many of which are written with it, to see how popular it is!

So we choose to use it to write articles, exactly! Writing with Markdown requires an editor, and I personally recommend using the following two.

Use IDEA to write, IDEA is worthy of a magic tool, with Markdown support, used to write articles is also very good.

Write with Typora. The best thing about writing with Typora is that what you see is what you get. For details on how to use Typora, please refer to Typora! .

For articles written with Markdown, the supported styles are relatively simple, so we need a typesetting tool to convert Markdown into HTML and add beautiful styles. If the articles are sent to the official account, we also need to support the style of wechat. At this time, MdNice will be used.

MdNice profile

Markdown Nice (MdNice for short) is a rich Markdown editor that supports the typeset of articles on wechat public account, Zhihu and Rare-earth Mining platform (almost all platforms that can use rich text editor to write articles support it).

MdNice supports up to 20 styles, there is always one for you, let’s take a look at what styles are available!

After looking at these styles is there a sense of deja vu, many technology gurus are using MdNice typeset articles!

Local deployment

As a programmer, not only do we need to be able to use tools, but we also need to deploy them ourselves! Next, let’s deploy locally and try it out!

  • First, we need to download the project locally and import it into IDEA. The project address is github.com/mdnice/mark…

  • Next we need to install all of the project’s dependencies using the yarn command;
yarn
Copy the code
  • Then use the following command to start the project;
yarn start
Copy the code
  • It can be accessed after the project is started at http://localhost:3000

  • At this point we will find that there are no themes to choose that need to be in the projectsrc\jsonAdd to directorylocalThemeList.jsonUsed to define subject, file address (data is too long, only format is provided here) :Github.com/macrozheng/…
[{"themeId": "1"."itemId": null."name": "Orange heart"."cover": "https://files.mdnice.com/pic/9322d897-85d5-4be1-9c9d-c392d4d39bff.png"."css": "Long CSS style code"."article": ""."html": null."exampleHtml": null."authorName": "zhning12"."authorEmail": null."description": "The author of orange Heart is lazy and has no description yet."."sort": null."checked": true."userThemeId": 21231."userThemeType": 0."fixThemeId": null."price": null."tmpPrice": null."isPublic": true."createTime": "The 2020-04-04 T09:57:55. 000 + 0000"."updateTime": "The 2020-11-21 T23:11:44. 000 + 0000"}]Copy the code
  • Then modify the project’ssrc\component\MenuLeft\Theme.jsFile, mainly importlocalThemeList.jsonAnd change the get remote topic to get from local;

  • After changing the theme, we can see that there are 20 themes to choose from:

  • Finally, through the copy button in the upper right corner, Markdown can be converted into HTML corresponding to the theme, and then copy to the editor of the public account, is not very convenient!

Online use

Of course, if you feel a little trouble to build locally, you can also directly use online, online use address: www.mdnice.com/

conclusion

At the beginning of the public account, I was looking for a suitable typesetting tool, and finally FOUND MdNice. Rich style, easy to use, want to use Markdown to write an article friends can try!

The project address

Github.com/mdnice/mark…

In this paper, making github.com/macrozheng/… Already included, welcome everyone Star!