After completing the construction of the blog, our main task is to create content. And in the process of writing, we will have a series of questions, such as: what tools do we use to write articles? 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! Here are some of the tools I use.

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!

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!

Introduction to this series

Communication area


Reminder: The amount will be directly transferred to the other party’s account, no refund, please exercise caution.


Program monkey DD- Zhai Yongchao
CC BY 3.0 CN