静态HTML和CSS网站生成器 - Hugo
2023-06-13 09:11:07 时间
Hugo是用Go编写的静态HTML和CSS网站生成器。它针对速度、易用性和可配置性进行了优化。Hugo拿一个包含内容和模板的目录,并将其渲染成一个完整的HTML网站。
Hugo依赖带有前置内容的Markdown文件作为元数据,您可以从任何目录运行Hugo。这适用于共享主机和其他没有特权帐户的系统。
Hugo在几分之一秒内呈现了一个中等大小的典型网站。一个好的经验法则是,每段内容在大约1毫秒内呈现。
Hugo旨在适用于任何类型的网站,包括博客、tumbles和文档。
步骤
//安装
brew install hugo
//查看版本
hugo version
//新建站点
hugo new site quickstart
//进到站点根目录
cd quickstart
//git初始化(方便下面安装主题
git init
//添加git子项目,并clone到themes/ananke目录
git submodule add https://github.com/theNewDynamic/gohugo-theme-ananke.git themes/ananke
//将主题名称添加到配置文件
echo theme = \"ananke\" >> config.toml\n
//添加一篇文章
hugo new posts/my-first-post.md\n
//修改一下
vi content/posts/my-first-post.md
---
title: "My First Post"
date: 2022-09-20T09:59:41+08:00
draft: false
---
jjj
//预览
hugo server -D
//构建,默认生成的文件在public目录下
hugo -D
相关链接
相关文章
- HTML入门教程_html代码基础
- 静态代理——时间都去哪儿了
- 怎么html文字下划线,HTML怎么设置下划线?html文字加下划线方法
- 图片中加入超链接html代码,html网页超链接代码 怎样用HTML代码在图片插入超链接…
- HTML添加背景图片_html背景图片铺满网页
- Golang框架Gin入门实战--(4)HTML模板渲染以及模板语法 自定义模板函数 静态文件服务(下)
- ubuntu添加静态路由表_Ubuntu配置静态ip
- HTML5期末大作业:大学生个人网站设计——我们的班级(7页) HTML+CSS+JavaScript 学生DW网页设计作业成品 html网页制作代码大全 html5网页设计作业代码
- html静态网页制作教程_简单html静态网页代码 首页
- 一分钟学习静态网页制作[通俗易懂]
- html静态网页设计代码_静态网页设计心得
- HTML制作网页_手机制作html网页
- 静态彩虹页面(html、css)
- 静态博客评论系统的选择
- Typecho生成静态首页index.html文件
- URL伪静态化对SEO的影响
- MySQL与HTML的无缝连接(html与mysql连接)
- 文件MySQL数据库存储HTML文件.(mysql存html)
- ipLinux查看静态IP地址的步骤(linux查看静态)
- 防止MySQL注入攻击,PHP静态解决方案(mysql防注入 php)
- Linux环境下Web开发的HTML文件编辑(html文件 Linux)
- MySQL中如何存储和检索HTML数据(mysql中html)
- HTML 操作 Oracle 数据库的实现(html调用oracle)
- 不用模板只用ASP+FSO生成静态HTML页的一个方法
- AspAccess创建静态文件/HTML
- 不用模板,只用ASP+FSO生成静态HTML页的一个方法
- Javascript获取HTML静态页面参数传递值示例
- 伪静态URL中文乱码问题解决方法