Hugo 初学(用Hugo快速建一个网站)
因为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 个理由
最熱開源靜態網站生成器