这是本节的多页打印视图。 点击此处打印.

返回本页常规视图.

工具

Developer Tools

https://gohugo.io/tools/

One of Hugo’s greatest strengths is its passionate—and always evolving—developer community. With the exception of the highlight shortcode mentioned in Syntax Highlighting, the tools and other projects featured in this section are offerings from both commercial services and open-source projects, many of which are developed by Hugo developers just like you.

See the popularity of Hugo compared with other static site generators.

1 - EditorPlug-ins

Editor Plug-ins for Hugo

https://gohugo.io/tools/editors/

The Hugo community uses a wide range of preferred tools and has developed plug-ins for some of the most popular text editors to help automate parts of your workflow.

The Hugo community uses a wide range of preferred tools and has developed plug-ins for some of the most popular text editors to help automate parts of your workflow.

Sublime Text

  • Hugofy. Hugofy is a plugin for Sublime Text 3 to make life easier to use Hugo static site generator.
  • [Hugo Snippets](https://packagecontrol.io/packages/Hugo Snippets). Hugo Snippets is a useful plugin for adding automatic snippets to Sublime Text 3.

Visual Studio Code

  • Hugofy. Hugofy is a plugin for Visual Studio Code to “make life easier” when developing with Hugo. The source code can be found here.
  • Hugo Helper. Hugo Helper is a plugin for Visual Studio Code that has some useful commands for Hugo. The source code can be found here.
  • Hugo Language and Syntax Support. Hugo Language and Syntax Support is a Visual Studio Code plugin for Hugo syntax highlighting and snippets. The source code can be found here.
  • Hugo Themer. Hugo Themer is an extension to help you while developing themes. It allows you to easily navigate through your theme files.
  • Front Matter. Once you go for a static site, you need to think about how you are going to manage your articles. Front matter is a tool that helps you maintain the metadata/front matter of your articles like: creation date, modified date, slug, tile, SEO check, and many more…
  • Syntax Highlighting for Hugo Shortcodes. This extension add some syntax highlighting for Shortcodes, making visual identification of individual pieces easier.

Emacs

  • emacs-easy-hugo. Emacs major mode for managing hugo blogs. Note that Hugo also supports Org-mode.
  • ox-hugo.el. Native Org-mode exporter that exports to Blackfriday Markdown with Hugo front-matter. ox-hugo supports two common Org blogging flows — exporting multiple Org subtrees in a single file to multiple Hugo posts, and exporting a single Org file to a single Hugo post. It also leverages the Org tag and property inheritance features. See Why ox-hugo? for more.

Vim

  • Vim Hugo Helper. A small Vim plugin to help me with writing posts with Hugo.

Atom

  • Hugofy. A Hugo Static Website Generator package for Atom.
  • language-hugo. Adds syntax highlighting to Hugo files.

2 - Frontends

Frontend Interfaces with Hugo

https://gohugo.io/tools/frontends/

Do you prefer a graphical user interface over a text editor? Give these frontends a try.

  • enwrite. Enwrite enables evernote-powered, statically generated blogs and websites. Now posting to your blog or updating your website is as easy as writing a new note in Evernote!
  • Lipi. Lipi is a native GUI frontend written in Java to manage your Hugo websites.
  • Netlify CMS. Netlify CMS is an open source, serverless solution for managing Git based content in static sites, and it works on any platform that can host static sites. A Hugo/Netlify CMS starter is available to get new projects running quickly.
  • Hokus CMS. Hokus CMS is an open source, multi-platform, easy to use, desktop application for Hugo. Build from simple to complex user interfaces for Hugo websites by choosing from a dozen ready-to-use components — all for free, with no vendor lock-in.

Commercial Services

  • DATOCMS DatoCMS is a fully customizable administrative area for your static websites. Use your favorite website generator, let your clients publish new content independently, and the host the site anywhere you like.
  • CloudCannon. The intuitive Git-based CMS for your Hugo website. CloudCannon syncs changes from your Git repository and pushes content changes back, so your development and content teams are always in sync. Edit all of your content on the page with visual editing, build entire pages with reusable custom components and then publish confidently.

另请参阅

3 - Migrations

Migrate to Hugo

https://gohugo.io/tools/migrations/

A list of community-developed tools for migrating from your existing static site generator or content management system to Hugo.

This section highlights some projects around Hugo that are independently developed. These tools try to extend the functionality of our static site generator or help you to get started.

Do you know or maintain a similar project around Hugo? Feel free to open a pull request on GitHub if you think it should be added.

Take a look at this list of migration tools if you currently use other blogging tools like Jekyll or WordPress but intend to switch to Hugo instead. They’ll take care to export your content into Hugo-friendly formats.

Jekyll

Alternatively, you can use the new Jekyll import command.

  • JekyllToHugo - A Small script for converting Jekyll blog posts to a Hugo site.
  • ConvertToHugo - Convert your blog from Jekyll to Hugo.

Ghost

  • ghostToHugo - Convert Ghost blog posts and export them to Hugo.

Octopress

  • octohug - Octopress to Hugo migrator.

DokuWiki

  • dokuwiki-to-hugo - Migrates your DokuWiki source pages from DokuWiki syntax to Hugo Markdown syntax. Includes extra’s like the TODO plugin. Written with extensibility in mind using python 3. Also generates a TOML header for each page. Designed to copypaste the wiki directory into your /content directory.

WordPress

  • wordpress-to-hugo-exporter - A one-click WordPress plugin that converts all posts, pages, taxonomies, metadata, and settings to Markdown and YAML which can be dropped into Hugo. (Note: If you have trouble using this plugin, you can export your site for Jekyll and use Hugo’s built in Jekyll converter listed above.)
  • blog2md - Works with exported xml file of your free YOUR-TLD.wordpress.com website. It also saves approved comments to YOUR-POST-NAME-comments.md file along with posts.
  • wordhugopress - A small utility written in Java, exports the entire WordPress site from the database and resource (e.g. images) files stored locally or remotely. Therefore, migration from the backup files is possible. Supports merging of the multiple WordPress sites into a single Hugo one.

Medium

  • medium2md - A simple Medium to Hugo exporter able to import stories in one command, including Front Matter.
  • medium-to-hugo - CLI tool written in Go to export medium posts into a Hugo compatible Markdown format. Tags and images are included. All images will be downloaded locally and linked appropriately.

Tumblr

  • tumblr-importr - An importer that uses the Tumblr API to create a Hugo static site.
  • tumblr2hugomarkdown - Export all your Tumblr content to Hugo Markdown files with preserved original formatting.
  • Tumblr to Hugo - A migration tool that converts each of your Tumblr posts to a content file with a proper title and path. Furthermore, “Tumblr to Hugo” creates a CSV file with the original URL and the new path on Hugo, to help you setup the redirections.

Drupal

Joomla

  • hugojoomla - This utility written in Java takes a Joomla database and converts all the content into Markdown files. It changes any URLs that are in Joomla’s internal format and converts them to a suitable form.

Blogger

  • blogimport - A tool to import from Blogger posts to Hugo.
  • blogger-to-hugo - Another tool to import Blogger posts to Hugo. It also downloads embedded images so they will be stored locally.
  • blog2md - Works with exported xml file of your YOUR-TLD.blogspot.com website. It also saves comments to YOUR-POST-NAME-comments.md file along with posts.
  • BloggerToHugo - Yet another tool to import Blogger posts to Hugo. For Windows platform only, and .NET Framework 4.5 is required. See README.md before using this tool.

Contentful

BlogML

  • BlogML2Hugo - A tool that helps you convert BlogML xml file to Hugo Markdown files. Users need to take care of links to attachments and images by themselves. This helps the blogs that export BlogML files (e.g. BlogEngine.NET) transform to hugo sites easily.

4 - OtherProjects

Other Hugo Community Projects

https://gohugo.io/tools/other/

Some interesting projects developed by the Hugo community that don’t quite fit into our other developer tool categories.

And for all the other small things around Hugo:

  • hugo-gallery lets you create an image gallery for Hugo sites.
  • flickr-hugo-embed prints shortcodes to embed a set of images from an album on Flickr into Hugo.
  • hugo-openapispec-shortcode A shortcode that allows you to include Open API Spec (formerly known as Swagger Spec) in a page.
  • HugoPhotoSwipe makes it easy to create image galleries using PhotoSwipe.
  • Hugo SFTP Upload Syncs the local build of your Hugo website with your remote webserver via SFTP.
  • Emacs Easy Hugo Emacs package for writing blog posts in markdown or org-mode and building your site with Hugo.
  • JAMStack Themes. JAMStack themes is a collection of site themes filterable by static site generator and supported CMS to help build CMS-connected sites using Hugo (linking to Hugo-specific themes).
  • plausible-hugo. Easy Hugo integration for Plausible Analytics, a simple, open-source, lightweight and privacy-friendly web analytics alternative to Google Analytics.

另请参阅

5 - Search

Search for your Hugo Website

https://gohugo.io/tools/search/

See some of the open-source and commercial search options for your newly created Hugo website.

A static website with a dynamic search function? Yes, Hugo provides an alternative to embeddable scripts from Google or other search engines for static websites. Hugo allows you to provide your visitors with a custom search function by indexing your content files directly.

  • GitHub Gist for Hugo Workflow. This gist contains a simple workflow to create a search index for your static website. It uses a simple Grunt script to index all your content files and lunr.js to serve the search results.
  • hugo-lunr. A simple way to add site search to your static Hugo site using lunr.js. Hugo-lunr will create an index file of any HTML and Markdown documents in your Hugo project.
  • hugo-lunr-zh. A bit like Hugo-lunr, but Hugo-lunr-zh can help you separate the Chinese keywords.
  • GitHub Gist for Fuse.js integration. This gist demonstrates how to leverage Hugo’s existing build time processing to generate a searchable JSON index used by Fuse.js on the client-side. Although this gist uses Fuse.js for fuzzy matching, any client-side search tool capable of reading JSON indexes will work. Does not require npm, grunt or other build-time tools except Hugo!
  • hugo-search-index. A library containing Gulp tasks and a prebuilt browser script that implements search. Gulp generates a search index from project markdown files.
  • hugofastsearch. A usability and speed update to “GitHub Gist for Fuse.js integration” — global, keyboard-optimized search.
  • JS & Fuse.js tutorial A simple client-side search solution, using FuseJS (does not require jQuery).
  • Pagefind. A fully static search library that aims to perform well on large sites, while using as little of your users’ bandwidth as possible.
  • Hugo Lyra. Hugo-Lyra is a JavaScript module to integrate Lyra into a Hugo website. It contains the server-side part to generate the index and the client-side library (optional) to bootstrap the search engine easily.

Commercial Search Services

  • Algolia’s Search API makes it easy to deliver a great search experience in your apps and websites. Algolia Search provides hosted full-text, numerical, faceted, and geolocalized search.
  • Bonsai is a fully-managed hosted Elasticsearch service that is fast, reliable, and simple to set up. Easily ingest your docs from Hugo into Elasticsearch following this guide from the docs.
  • ExpertRec is a hosted search-as-a-service solution that is fast and scalable. Set-up and integration is extremely easy and takes only a few minutes. The search settings can be modified without coding using a dashboard.

6 - StarterKits

Starter Kits

https://gohugo.io/tools/starter-kits/

A list of community-developed projects designed to help you get up and running with Hugo.

Know of a Hugo-related starter kit that isn’t mentioned here? Please add it to the list.

The following starter kits are developed by active members of the Hugo community. If you find yourself having issues with any of the projects, it’s best to file an issue directly with the project’s maintainer(s).

  • Wowchemy. Wowchemy is the 5,500+ star open source Hugo starter kit and website builder trusted by 750,000+ sites since 2016. Create any kind of site with 50+ templates, widgets, and extensions. Translated into 35+ languages and backed by a large, active community of 150+ contributors.
  • Hugo Wrapper. Hugo Wrapper is a POSIX-style shell script which acts as a wrapper to download and run Hugo binary for your platform. It can be executed in variety of Operating Systems and Command Shells.
  • GOHUGO AMP. GoHugo AMP is a starter theme that aims to make it easy to adopt Google’s AMP Project. The starter kit comes with 40+ shortcodes and partials plus automatic structured data. The project also includes a separate site with extensive documentation.
  • Hyas. Hyas is a Hugo starter helping you build modern websites that are secure, fast, and SEO-ready — by default. It is Netlify-ready (functions, redirects, headers) and comes with documentation to easily make it your own.