使用Hugo快速搭建博客

什么是Hugo

借用hugo.io官网上的解释:Hugo is the world’s fastest framework for building websites。常用于网站、个人博客的快速搭建,非常适合于具备简单计算机操作能力的人使用。

Hugo下载安装

想要搭建个人网站,首先需要下载Hugo。Hugo官方提供了3中方式,分别对应于Mac、Linux和Windows系统。这里,我会介绍Mac和Windows下的下载,感兴趣的小伙伴可以移步【Hugo官网-install】,了解Linux下的安装。

  • Mac:安装方法相对简单,在Homebrew(下载链接)执行brew install hugo即可完成。
  • Windows:
    • 首先按下键盘上的win,输入powershell后以管理员身份运行
      使用Hugo快速搭建博客_第1张图片
    • 接下来,执行Get-ExecutionPolicy,如果返回Restricted,则执行Set-ExecutionPolicy AllSigned,否则执行
    Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor 3072; iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))
    
    如果提示部分依赖性问题,请参考Installing Chocolatey。
    • 最后,执行choco install hugo-extended -confirm进行安装。
      在安装的过程中,由于国内网络环境的问题,可能出现zip包无法正常下载的情况,这里提供一份下载好的路径,大家直接download就好:hugo.zip。

Hugo的使用

  1. 下载好Hugo后,解压放在你新建的目录下,然后使用管理员身份运行cmd,执行hugo new site demo-site。这里最后的demo-site是你的目录名称,可以任意修改,执行完成后就可以看到目录下生成了以下文件
    使用Hugo快速搭建博客_第2张图片

  2. 接下来,去hugo提供的主题站点Hugo Themes下载一个你中意的模板,选中模板后按照提示进行下载即可,一般会在本地themes目录下使用git clone命令进行download。

  3. 下载下来的模板都会提供一些example,按照example的目录内容进行hugo目录内容的填充即可
    使用Hugo快速搭建博客_第3张图片
    使用Hugo快速搭建博客_第4张图片

  4. cmd下,执行hugo server -D后,访问localhost:1313,即可看见站点内容
    使用Hugo快速搭建博客_第5张图片
    这样,一个本地网站就已搭建完成。

  5. 更多的操作
    请访问hugo官网:quick start,可以进行文章post等操作。文章格式默认为markdown

持续集成

这个部分会相对复杂一些,会涉及到git的使用和netlify的集成。

  • 首先,你需要有一个github账号,将之前生成的文件提交到github上。具体操作不再文章中赘述,有需要的可以百度github使用。
  • 登录netlify官网,使用github账号登录即可,登录后对该账户进行授权。
  • 在create new site中,选择对应的方式,这里选择github。
    使用Hugo快速搭建博客_第6张图片
  • 完成二次认证后,选择仓库和分支,即可触发deploy。

你可能感兴趣的:(hugo,go)