美文网首页
安装Hugo

安装Hugo

作者: 卡门001 | 来源:发表于2023-09-30 22:07 被阅读0次

    Hugo是由Go语言实现的静态网站生成器,它不需要数据库,页面都是通过MarkDown开发的页面。不用安装编程语言环境,不用安装数据库,只需要几个步骤就可以快速搭建一个blog出来。

    Hugo语言官方中文文档地址:http://www.gohugo.org/

    Hugo官方主页:https://gohugo.io/

    安装

    提前条件scoop

    安装 scoope

    安装 Hugo

    安装

    scoop install hugo-extended
    
    -- 控制台输出如下信息说明安装成功 --
    ....
    Download: (OK):download completed.
    Checking hash of hugo_extended_0.119.0_windows-amd64.zip ... ok.
    Extracting hugo_extended_0.119.0_windows-amd64.zip ... done.
    Linking D:\Scoop\apps\hugo-extended\current => D:\Scoop\apps\hugo-extended\0.119.0
    Creating shim for 'hugo'.
    'hugo-extended' (0.119.0) was installed successfully!
    
    

    更多安装方法: https://gohugo.io/installation/windows/

    验证安装

    hugo version
    --输出如下信息说明安装成功
    # hugo v0.119.0-b84644c008e0dc2c4b67bd69ccc
    

    开始创建一个hugo项目

    执行如下命令:

    hugo new site mysite
    

    hugo会自动生成这样一个目录结构:

    [图片上传失败...(image-7cba87-1696169274280)]

    简要介绍一下,hugo.toml是网站的配置文件,这是一个TOML文件,全称是Tom’s Obvious, Minimal Language,这是它的作者GitHub联合创始人Tom Preston-Werner 觉得YAML不够优雅,捣鼓出来的一个新格式。如果你不喜欢这种格式,你可以将hugo.toml替换为YAML格式的hugo.yaml,或者json格式的hugo.json。hugo都支持。

    目录结构说明

    • content目录里放的是你写的markdown文章
    • layouts目录里放的是网站的模板文件
    • static目录里放的是一些图片、css、js等资源
    • ...

    创建一个页面

    cd mysite
    hugo new about.md
    #  会在content下创建一个about.md文件
    # Content "D:\\tmp\\doc\\mysite\\content\\about.md" created
    

    下载主题

    # 下载所有主题
    # git clone --recursive https://github.com/spf13/hugoThemes themes
    
    # 也可以下载指定主题
     cd themes
     git clone https://github.com/spf13/hyde.git
    
    --控制台输出
    Cloning into 'hyde'...
    remote: Enumerating objects: 424, done.
    remote: Counting objects: 100% (5/5), done.
    remote: Compressing objects: 100% (5/5), done.
    Receiving objects:  94% (399/424), 444.01 KiB | 784.00 KiB/s 419
    Receiving objects: 100% (424/424), 837.81 KiB | 1.23 MiB/s, done.
    Resolving deltas: 100% (198/198), done.
    

    本地调试

    hugo server --buildDrafts --watch --theme=hyde 
    # --theme=hyde : 指定主题
    # 默认端口: 1313
    # 皮肤列表: https://github.com/spf13/hugoThemes
    

    浏览器里打开:http://127.0.0.1:1313

    相关文章

      网友评论

          本文标题:安装Hugo

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