hugoBlog

本文详细介绍了如何使用Hugo搭建静态博客,包括创建站点、理解目录结构、安装主题以及部署到服务器,涉及archetypes、content、layouts、static等目录的用途,并提到了nginx配置和安全组设置。
摘要由CSDN通过智能技术生成

Hugo是由Go语言实现的静态网站生成器。简单、易用、高效、易扩展、快速部署。使用的是go语言的模板语法

创建

hugo的安装参考hugo中文文档官方文档

新建站点,执行命令

$ hugo new site blog

站点目录:

▸ archetypes/
▸ content/
▸ data/
▸ layouts/
▸ static/
▸ themes/
config.toml

archetypes 目录

默认,通过 hugo new 创建的内容会根据archetypes中的default.md的内容格式生成新的文章

新建的.md文件会保存到content目录中,也可以在content目录中创建字目录,例如创建一个about目录,然后执行

$ hugo new about/about.md

就会在content/about目录中生成该文件

content 目录

所有内容页面存放目录,content 下的一级子目录看作一个对应的 section 内容分类区 content section。比如,为博客设置一个 blog 目录,为文章设置一个 articles 目录,为教程设置一个 tutorials 目录等,Hugo 使用内容分类区分作为默认内容类型 content type,如果在扉页 front matter 设置了 type 则以具体设置的类型为准。

layouts 目录

布局模板文件目录,存放 .html 布局模板文件,对应不同的内容,模板有多种,data-templates、homepage、lists、menu-templates、partials、section-templates 等等。

站点的首页模板在主题目录中 layouts/index.html,除首页外,Hugo 有两类基本页面:

  • Single page 单体页面,如 hugo new demo.md 创建的 Post 页面;
  • List page 列表页面,如 tags 或 categories 页面;

static 目录

静态资源存放目录,比如想使用 Marmarid 画作模块ÿ

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值