After building the blog, the next step is content creation. In the process of creation, we will have a series of problems, such as:

  • What tools do we use to write articles?
  • How can I quickly generate a formatted Markdown table?
  • How can I draw some high quality pictures?
  • What about the storage and processing of these pictures? How is code highlighting implemented in this article?

To solve these problems is not difficult, nothing more than to introduce different tools to help us, good tools can make our creation twice the result with half the effort!

Markdown editor

Let’s start by recommending the most important tool we’ll use: the Marddown editor. We need to use it for all of our creative content, I tried a lot of editors, and finally settled on the following Typora, so I recommend it to you.

  • Recommended tool: Typora
  • Official address: www.typora.io/
  • Recommended reasons: as a free editor, can be said to be quite conscience, I know the best use of the free editor, no one!! It supports many major operating systems and is easy to install and use whether you are a Windows or Mac user. In addition, it has a variety of topics to choose from, export some common formats (PDF, Word, HTML) and very useful features!

Markdown table generator

Writing a Markdown table is a pain for obsessively compulsive compulsive disorder, and I really suffer from the problem of syntax alignment. Therefore, I strongly recommend an online Markdown table generation tool, which can not only quickly generate a formatted Markdown table, but also support the import of various data, online editing, it is very powerful!

  • Recommended tool: Table Convert Online
  • Official address: tableconvert.com/
  • As a free online tool, it supports Excel, JSON, HTML, CSV and even extracting HTML tables from URLS to Markdown tables. It is versatile and integrated into one interface, which is very convenient to use without switching pages. You can also edit all kinds of tables like editing Excel, worthy of the Swiss Army knife in the table!

Drawing tools

For those of us who write technical articles, drawing flow charts and architecture diagrams is the best way to help describe the content of our articles, and ProcessOn is the tool I use most.

  • Recommended tool: ProcessOn
  • Official address: processon.com/
  • Recommended reasons: rare domestic online picture editor, support for multi-person collaboration. At the same time, there is a lot of beautiful icon support to make our drawing more lively!

Photo storage

One might ask, why do you store pictures? Can’t we just save it in WordPress or Hexo? In fact, the use of these is mainly for economic considerations, with the increase of traffic, images for our virtual host or ECS space and bandwidth consumption will cause a certain pressure, using a platform like graph bed can help us reduce these pressures.

  • Recommended tools: external chain factory
  • Official address: www.wailian.work/
  • Recommended reasons: simple and easy to use, stable enough to release their own virtual space or virtual host storage and bandwidth consumption, but remember to do a good backup oh!

Code highlighting

If you’re a programmer like me, code highlighting is a must. Most Hexo themes include highlighting plugins, but some don’t, so we need to know about hightlight.js. For some of the themes that already have this plug-in, you can also make some customization through the official website, without direct introduction to use.

  • Recommended tool: hightlight.js
  • Official address: highlightjs.org/
  • Why we recommend it: Suitable for all major programming languages, good compatibility, a wide variety of preset styles, there is always one for you!