美文网首页
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