美文网首页
Hugo 初学(用Hugo快速建一个网站)

Hugo 初学(用Hugo快速建一个网站)

作者: 小本儿_生意 | 来源:发表于2018-11-23 22:58 被阅读0次

因为Fab Academy的教学要求,需要学习一下Hugo这种新的建站形式

原因和背景:

第一周的Fab Academy作业要求学生学会Git 并且快速学会如何搭建一个个人静态网站。
我上课的那个年代还是用的Bootstrap 当时觉得这样写网站已经很容易了。但因为自己学的不扎实,其实还是不够快。
结果Fab Academy中文课的学生们决定用Hugo来建静态网站,问了我好多问题,我发现自己并不能很好的回答,于是决定学习一下。

Hugo是什么?

在网上参考了资料总结了一下,用我自己的理解 hugo就是个用Go语言写的静态网页框架

go语言写框架>>

我准备画个图解释他们是什么干什么的。
最好的是你可以用Markdown书写格式来写网页,效率很高。
我参考的是官网的教程:
Hugo中文文档
我用的是Mac环境 为了省事 HomeBrew 一行命令就安装好了Hugo
版本好像也是最新的

> brew install hugo

在指定的路径文件下建立站点:


cmd
文件夹

这样我应该就打建好了一个网页开发框架

第三步 创建文章内容(略)

s

我直接把简书上面的Markdown页面贴上去了。

第四步 安装皮肤

下载皮肤
安装成功

推荐和记录几个适合的皮肤
1.Creative portfolio
2.AllinOne
3.NEDERBURG
4.

11.26号

简单翻译一下Content Organization章节的意思。解释一下各个文件的作用。

Never Mind 英文版的介绍每一章都有个视频演示,包括整个结构和用法等等,我感觉就没有我写这个博客的必要了....
教学视频
一步一步跟着来就行。
学习顺序:
先读说明书What is Hugo明确说明了Hugo is a static site generator.静态网页生成器

什么是静态网页:

简单来说就是一个用户只能看,不太能填信息或者互动的网站。例如:个人作品集/公司宣传页面大部分都是

*非静态网站(动态网站):FaceBook/门户网/社交媒体类的网站等一系列你需要输入身份信息/创建账户的网站都是动态网站。

或者是H5开发这样的小程序等等,需要用户输入数据交互的网站*

什么是生成器:
参考:使用静态站点生成器的 7 个理由
最熱開源靜態網站生成器

相关文章

网友评论

      本文标题:Hugo 初学(用Hugo快速建一个网站)

      本文链接:https://www.haomeiwen.com/subject/scmsqqtx.html