Hugo -最好用的静态网站生成器

news/2024/4/29 2:19:32/文章来源:https://blog.csdn.net/weixin_33860528/article/details/89432455

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

快速开始

<section>

安装Hugo

1\. 二进制安装(推荐:简单、快速)

到 Hugo Releases 下载对应的操作系统版本的Hugo二进制文件(hugo或者hugo.exe)

Mac下直接使用 Homebrew 安装:

brew install hugo

2\. 源码安装

源码编译安装,首先安装好依赖的工具:

  • Git

  • Mercurial

  • Go 1.3+ (Go 1.4+ on Windows)

设置好 GOPATH 环境变量,获取源码并编译:

$ export GOPATH=$HOME/go
$ go get -v github.com/spf13/hugo

源码会下载到 $GOPATH/src 目录,二进制在 $GOPATH/bin/

如果需要更新所有Hugo的依赖库,增加 -u 参数:

$ go get -u -v github.com/spf13/hugo

生成站点

使用Hugo快速生成站点,比如希望生成到 /path/to/site 路径:

$ hugo new site /path/to/site

这样就在 /path/to/site 目录里生成了初始站点,进去目录:

$ cd /path/to/site

站点目录结构:

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

创建文章

创建一个 about 页面:

$ hugo new about.md

about.md 自动生成到了 content/about.md ,打开 about.md 看下:

+++
date = "2015-10-25T08:36:54-07:00"
draft = true
title = "about"+++正文内容

内容是 Markdown 格式的,+++ 之间的内容是 TOML 格式的,根据你的喜好,你可以换成 YAML 格式(使用 --- 标记)或者 JSON 格式。

创建第一篇文章,放到 post 目录,方便之后生成聚合页面。

$ hugo new post/first.md

打开编辑 post/first.md

---
date: "2015-10-25T08:36:54-07:00"
title: "first"---### Hello Hugo1. aaa1. bbb1. ccc

安装皮肤

到 皮肤列表 挑选一个心仪的皮肤,比如你觉得 Hyde 皮肤不错,找到相关的 GitHub 地址,创建目录 themes,在 themes 目录里把皮肤 git clone 下来:

# 创建 themes 目录
$ cd themes
$ git clone https://github.com/spf13/hyde.git

运行Hugo

在你的站点根目录执行 Hugo 命令进行调试:

$ hugo server --theme=hyde --buildDrafts --watch

使用 --watch 参数可以在修改文章内容时让浏览器自动刷新。

浏览器里打开: http://localhost:1313

部署

假设你需要部署在 GitHub Pages 上,首先在GitHub上创建一个Repository,命名为:coderzh.github.io (coderzh替换为你的github用户名)。

在站点根目录执行 Hugo 命令生成最终页面:

$ hugo --theme=hyde --baseUrl="http://coderzh.github.io/"

如果一切顺利,所有静态页面都会生成到 public 目录,将pubilc目录里所有文件 push 到刚创建的Repository的 master 分支。

$ cd public
$ git init
$ git remote add origin https://github.com/coderzh/coderzh.github.io.git
$ git add -A
$ git commit -m "first commit"
$ git push -u origin master

浏览器里访问:http://coderzh.github.io/

这个网站 java union 就是我使用hugo生成的。 这个网站模板是我自己写的(样式部分除外),大家如果有关于hugo的以及go 模板相关的问题可以问我。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_701474.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

大型网站技术学习-3. 容器Docker与kubernetes

大型网站技术基石篇-容器Docker与kubernetes Docker和Kubernetes的关系就如Xen与OpenStack。Docker是一种容器技术&#xff0c;和Hypervisor&#xff08;KVM/Xen这类&#xff09;不同的是&#xff0c;Docker不会提供一整个操作系统&#xff0c;他能提供隔离的程序运行环境。对一…

程序员去交友网站找女友,没想到找到了这个...

1024程序员节&#xff0c;CSDN旗下的码书商店为程序员放个“价”&#xff0c;全场所有书籍8折&#xff0c;电子产品可以拥有大额优惠券&#xff0c;购买前可加文末客服微信领取优惠券哦&#xff0c;不仅如此&#xff0c;可以参加免单活动&#xff0c;加文末微信入群抽奖&#x…

织梦同步静态文件到服务器,静态网站添加到织梦

静态网站添加到织梦 内容精选换一换本文介绍了弹性文件服务SFS各特性版本的功能发布和对应的文档动态&#xff0c;新特性将在各个区域(Region)陆续发布&#xff0c;欢迎体验。开启网页防篡改时&#xff0c;您需为指定的主机分配一个配额&#xff0c;关闭企业主机安全服务或删除…

网站开发流程以及HTML5简介(三)

2019独角兽企业重金招聘Python工程师标准>>> 二、网页的基本结构 网页是由什么组成的&#xff1a; > 内容&#xff1a;如文字&#xff0c;图像等&#xff0c;一般由HTML代码负责实现。什么是HTML&#xff1f;HTML是一种能展示图片&#xff0c;文字&#xff0c;多…

很多人很想知道怎么扫一扫二维码就能打开网站,就能添加联系人,就能链接wifi,今天做个demo(续集)...

有些功能部分手机不能使用&#xff0c;网站&#xff0c;通讯录&#xff0c;wifi基本上每个手机都可以使用。&#xff08;浏览器自带的扫描就够了&#xff0c;QQ扫码和微信扫码部分手机不能直接连接wifi&#xff09; 在看之前你可以扫一扫下面几个二维码先看看效果&#xff1a; …

python 比价_爬虫+网站开发实例:电影票比价网

注&#xff1a;一篇去年的旧文&#xff0c;发现没在知乎发过&#xff0c;过来补个档。有个小问题是项目中淘票票的网页反爬提升且变动较多&#xff0c;目前暂不可用了。时常有同学会问我类似的问题&#xff1a;我已经学完了 Python 基础&#xff0c;也照着例子写过一点爬虫代码…

SEO快速排名算法独家揭秘

在2015年11月份的时候在卢松松博客投递了一份关于SEO快速排名独家揭秘的算法流程&#xff0c;时过境迁已经过去了大半年&#xff0c;随之而来的也是搜索引擎的点击算法也发生了一些变化&#xff0c;这次我将完善以前的一份算法资料。下面我将提供完整的SEO快速排名点击算法流程…

大型网站架构系列:缓存在分布式系统中的应用(一)

缓存是分布式系统中的重要组件&#xff0c;主要解决高并发&#xff0c;大数据场景下&#xff0c;热点数据访问的性能问题。提供高性能的数据快速访问。 本文是缓存在分布式应用第一篇文章&#xff0c;介绍缓存的原理&#xff0c;缓存的分类&#xff0c;缓存的设计&#xff0c;C…

怎样使用CSS3媒体查询(Media Queries)制作响应式网站

自本周开始博主将开始同大家一起研究响应式web设计&#xff0c;CSS3 Media Queries是入门&#xff0c;本周更新&#xff0c;博主将给大家分享media queries的一些常用的用法及注意事项。 Media Queries&#xff0c;其作用就是允许添加表达式用以确定媒体的环境情况&#xff0c;…

squid正反向代理-加快网站访问速度

配置squid代理服务器加快网站访问速度一&#xff1a;squid服务概述Squid cache&#xff08;简称为Squid&#xff09;是一个流行的自由软件&#xff08;GNU通用公共许可证&#xff09;的代理服务器和Web缓存服务器。Squid有广泛的用途&#xff0c;从作为网页服务器的前置cache服…

名称:53KF网站客服系统 v3.0.1官方版

2019独角兽企业重金招聘Python工程师标准>>> 名称&#xff1a;53KF网站客服系统 v3.0.1官方版 版本&#xff1a;3.0.1 软件大小&#xff1a;107 KB 软件语言&#xff1a;简体中文 软件授权&#xff1a;免费版 应用平台&#xff1a;Win7/Win2003/Vista/Win2000/WinXP…

《网站设计 开发 维护 推广 从入门到精通》——2.3 页面设计创意思维

本节书摘来自异步社区《网站设计 开发 维护 推广 从入门到精通》一书中的第2章&#xff0c;第2.3节&#xff0c;作者&#xff1a; 何新起 , 娄彦杰 更多章节内容可以访问云栖社区“异步社区”公众号查看。 2.3 页面设计创意思维 一个网站如果想确立自己的形象&#xff0c;就必须…

【全栈项目上线(vue+node+mongodb)】04. 怎么在一台主机上面部署多个网站,详细操作指南...

怎么在一台主机上面部署多个网站 使用Nginx的虚拟化配置 环境 使用一键安装lnmp环境请参考 https://segmentfault.com/a/11... 第一步&#xff1a;执行 lnmp vhost add lnmp vhost add 输入自己要绑定的域名&#xff0c;比如我现在需要绑定 itnote.cn 我在这个地方输入&#xf…

java门户网站项目代码_基于jsp的企业门户网站-JavaEE实现企业门户网站 - java项目源码...

基于jspservletpojomysql实现一个javaee/javaweb的企业门户网站, 该项目可用各类java课程设计大作业中, 企业门户网站的系统架构分为前后台两部分, 最终实现在线上进行企业门户网站各项功能,实现了诸如用户管理, 登录注册, 权限管理等功能, 并实现对各类企业门户网站相关的实体…

30分钟搞定后台登录界面(103个后台PSD源文件、素材网站)

去年八月时要做一个OA系统为了后台界面而烦恼&#xff0c;后来写了一篇博客&#xff08;《后台管理UI的选择》&#xff09;介绍了选择过程与常用后台UI&#xff0c;令我想不到的时竟然有许多开发者与我一样都为这个事情而花费不少时间&#xff0c;最后界面效果还是不佳&#xf…

谈谈读“SEO实战密码”的一些感悟

写在前面&#xff1a;SEO是叱咤网络营销、线上营销十多年的工具之一&#xff0c;当前不管是搜索引擎平台、电子商务平台、任何线上平台&#xff0c;都还在参考引用和不断完善SEO这门营销艺术。作为一新兴而又颇受争议的网络营销工具&#xff0c;从发展、进阶、火热、低迷的这一…

专家也要小心,HTTPS网址的网站就一定安全吗?

随着越来越多网站使用 SSL以提升在 Google搜寻中的排名&#xff08;请参考安全牛之前的报道”谷歌调整搜索排名算法&#xff0c;激励网站采用HTTPS安全协议“&#xff09;&#xff0c;使用者将必须了解到 HTTPS 前缀不再是他们判断网站是否安全的识别标志。他们必须在输入认证数…

15 -Flask构建弹幕微电影网站-基于角色的访问控制

本章内容: 基于角色的访问控制 已上线演示地址: http://movie.mtianyan.cn 项目源码地址&#xff1a;https://github.com/mtianyan/movie_project 基于角色的访问控制 角色的访问控制: 将职责和功能划分一个角色&#xff0c;比如电影管理员&#xff0c;预告管理员。 模型: Auth…

菜鸟站长应该如何防止网站被恶意攻击

随着互联网的发展&#xff0c;很多人都已经有了自己的网站。无论是企业&#xff0c;商家还是个人。以前&#xff0c;做一个网站都得在上千上万元。如今&#xff0c;网站建设的的价格也不再那么贵了&#xff0c;几百块钱就可以做一个网站。而且&#xff0c;这些几百块钱的网络公…

漫画:为什么一到年底,部分网站就会出现日期混乱?

作者 | 漫话编程本文经授权转载自漫话编程&#xff08;ID&#xff1a;mhcoding&#xff09;2019年最后一天&#xff0c;在家里看着跨年晚会&#xff0c;享受着这一年最后一天的闲暇时光&#xff0c;女朋友在旁边玩手机。看了一会之后她突然问我一些很奇怪的问题。于是我拿过他的…