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 个理由
最熱開源靜態網站生成器

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,631评论 25 709
  • 用两张图告诉你,为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料? 从这篇文章中你...
    hw1212阅读 14,480评论 2 59
  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AI阅读 16,041评论 3 119
  • 下了一夜的雨️。 八点多出门,天阴沉沉的,不像前几日晴天那般明亮。天空飘着零星小雨,路上有个行人正犹豫不决是否撑伞...
    by小微阅读 3,165评论 0 0
  • 关键字 var val var name = "张三" name = "李四" //true name = 1/...
    SlideException阅读 3,157评论 0 0