サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
ノーベル賞
gohugo.io
OptionsanchorLineNos(bool) Whether to render each line number as an HTML anchor element, setting the id attribute of the surrounding span element to the line number. Irrelevant if lineNos is false. Default is false.codeFences(bool) Whether to highlight fenced code blocks. Default is true.guessSyntax(bool) Whether to automatically detect the language if the LANG argument is blank or set to a langua
Displaying a large page collection on a list page is not user-friendly: A massive list can be intimidating and difficult to navigate. Users may get lost in the sheer volume of information.Large pages take longer to load, which can frustrate users and lead to them abandoning the site.Without any filtering or organization, finding a specific item becomes a tedious scrolling exercise.Improve usabilit
Use these instructions to enable continuous deployment from a GitHub repository. The same general steps apply if you are using Azure DevOps, Bitbucket, or GitLab for version control. PrerequisitesPlease complete the following tasks before continuing: Create a Netlify accountLog in to your Netlify accountCreate a GitHub accountLog in to your GitHub accountCreate a GitHub repository for your project
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. Open-sourcePagefindA fully stat
aliases(string array) An array of one or more aliases, where each alias is a relative URL that will redirect the browser to the current location. Access these values from a template using the Aliases method on a Page object. See the aliases section for details.build(map) A map of build options.cascade(map) A map of front matter keys whose values are passed down to the page’s descendants unless ove
Create templates of different types to render your content, resources, and data. StructureCreate templates in the layouts directory in the root of your project. Although your site may not require each of these templates, the example below is typical for a site of medium complexity. layouts/ ├── _markup/ │ ├── render-image.html <-- render hook │ └── render-link.html <-- render hook ├── _partials/ │
You can define a summary manually, in front matter, or automatically. A manual summary takes precedence over a front matter summary, and a front matter summary takes precedence over an automatic summary. Review the comparison table below to understand the characteristics of each summary type. Manual summaryUse a <!--more--> divider to indicate the end of the summary. Hugo will not render the summa
Control the structure and appearance of URLs through front matter entries and settings in your site configuration. OverviewBy default, when Hugo renders a page, the resulting URL matches the file path within the content directory. For example:
SettingsarchetypeDir(string) The designated directory for archetypes. Default is archetypes. For a more flexible approach to configuring this directory, consult the section on module mounts.assetDir(string) The designated directory for global resources. Default is assets. For a more flexible approach to configuring this directory, consult the section on module mounts.baseURL(string) The absolute U
Types of sitesThere are three types of GitHub Pages sites: project, user, and organization. Project sites are connected to a specific project hosted on GitHub. User and organization sites are connected to a specific account on GitHub.com. PrerequisitesPlease complete the following tasks before continuing: Create a GitHub accountLog in to your GitHub accountCreate a GitHub repository for your proje
Use embedded, custom, or inline shortcodes to insert elements such as videos, images, and social media embeds into your content. IntroductionA shortcode is a template invoked within markup, accepting any number of arguments. They can be used with any content format to insert elements such as videos, images, and social media embeds into your content. There are three types of shortcodes: embedded, c
The Showcase articles are copyrighted by their respective content authors. Any open source license will be attached.
Regardless of content format, all content must have front matter, preferably including both title and date. Hugo selects the content renderer based on the markup identifier in front matter, falling back to the file extension. See the classification table below for a list of markup identifiers and recognized file extensions. FormatsMarkdownCreate your content in Markdown preceded by front matter. M
The Hugo logos are copyright © Steve Francia 2013–2025. The Hugo Gopher is based on an original work by Renée French.
The hugo new theme command will scaffold the beginnings of a new theme for you to get you on your way. If you’re creating a theme with plans to share it on the Hugo Themes website please note the following: - If using inline styles you will need to use absolute URLs, for the linked assets to be served properly, e.g. <div style="background: url('{{ "images/background.jpg" | absURL }}')"> - Make sur
You can use a free tool called Wercker to automate deployments between your GitHub-hosted source and final website on GitHub pages. Goals By the end of this guide, you will have completed the following: Creating a basic Hugo project and websiteVersion controlling your project with GitAdding your project to GitHubAutomating site deployments with a free tool called WerckerDeploying your website to G
In this tutorial you will: Create a siteAdd contentConfigure the sitePublish the sitePrerequisitesBefore you begin this tutorial you must: Install Hugo (extended or extended/deploy edition, v0.128.0 or later)Install GitYou must also be comfortable working from the command line. Create a siteCommands If you are a Windows user: Do not use the Command PromptDo not use Windows PowerShellRun these comm
We did a complete overhaul of Hugo’s template system in v0.146.0. We’re working on getting all of the relevant documentation up to date, but until then, see this page. A template is a file with template actions, located within the layouts directory of a project, theme, or module. Templates use variables, functions, and methods to transform your content, resources, and data into a published page. H
Hugo is one of the most popular open-source static site generators. With its amazing speed and flexibility, Hugo makes building websites fun again.
このページを最初にブックマークしてみませんか?
『Hugo :: A fast and modern static website engine』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く