0%

Welcome to the Hugo NexT organization

Welcome to the Hugo NexT documentation site! It is from Theme NexT The transplanted one is Hugo The high-quality and elegant theme created maintains its easy-to-use features and powerful functionality.

User Guide

Setting up a NexT theme is easy. Simply follow the documentation to quickly create your personal website!

Feedback

  • Visit the Awesome NexT list to share plugins and tutorials with other users.
  • Join our Gitter chat.
  • Add or improve translations within seconds.
  • Report one in GitHub Issues 🐛 .
  • Apply for a new feature on GitHub.
  • Request a vote for the most popular feature.

Use the keyword weight to top the article.

Hugo , It is currently the fastest website construction framework in the world and one of the most popular open-source static site generators. With its astonishing speed and flexibility, Hugo has once again made website construction interesting.

In the past, the Hugo NexT theme used to annotate block information through custom phrases. Recently, it has been discovered that Hugo has been updated from v0.134.0 . From the beginning of the version, it is possible to support rendering Blockquote styles in Markdown documents through hook mode (which needs to be implemented by oneself), achieving warning style styles similar to Github. So 7 different styles were added to the Hugo NexT theme for users to choose from, and they could also customize icons and color configurations.

Although the Markdown syntax is already very rich and can meet the vast majority of our writing needs, in order to better layout the content of the article in a more friendly way, a set of custom phrases has been designed for citation, which can be quickly referenced when used.

This theme now supports the use of Mermaid to draw flowcharts, sequence diagrams, Gantt charts, state diagrams, relationship diagrams, and more in plain text format. With the gradual development of Mermaid, various types of diagrams will be introduced in the future. For more types and usage methods, please follow its official website: https://mermaid-js.github.io/ .

Hugo provides very fast syntax highlighting through Chroma, and now uses Chroma as code block highlighting support in Hugo. It is built into the Go language, and the speed is really, really fast. Most importantly, it is also compatible with the Pygments method we used before.

The following verifies the rendering effect of code blocks in different languages and their correct highlighting through Hugo’s built-in short code ‘highlight’ and ‘Markodown’ code blocks. For more information on optimizing syntax highlighting, please refer to the Hugo Documentation .

Liu Cixin’s acceptance speech for the 2018 Clark Prize (excerpt from some content).

Info

Used to test whether the directory navigation of an article will be directly closed and the comment function will be disabled without the H1-6 title header.

This theme comes with an image browser function that supports browsing images that appear in the article area. Clicking on an image can view a larger image, while clicking on a blank space can close it. No need to configure any parameters, just add image information at the corresponding position in the article.