现在有越来越多的开发者选择把自己的博客以静态网站的方式托管在 GitHub 上, 这样的方式可以通过诸如 Jekyll, Hexo,Hugo 等等现有的静态博客生成工具, 非常便捷地搭建出一个样式美观的静态博客或文档页面。

通过对比，我选择了Hugo框架来创建网页，使用 Netlify来自动发布和持续集成这个网站。
选择Hugo+Netlify的理由主要有：

Hugo安装方便，环境搭建非常简单；
Hugo会在创建或更新内容时热重载页面，页面编辑起来非常舒适；
Hugo的运行和生成静态页面的操作非常简单，只需要hugo server和hugo两个命令即可；
Netlify会提供一个免费的可自定义前缀的域名来发布你的网站，并且速度可以，至少比githubPages或giteePages快很多；
Netlify提供方便地自动发布和持续集成功能，把网页代码提交到github的同时，Netlify会自动更新并发布新版的网页。

以上仅为我体验Hugo+Netlify三天的感触，发布一个文档或博客网站，Hugo+Netlify绝对是最便捷最低成本的选择。

如何使用Hugo+Netlify来创建并发布你的个人网站呢？请往下看.

Hugo

1、安装Hugo（Windows电脑）

参考官方文档：https://gohugo.io/getting-started/installing/#windows

在你Windows电脑的应用程序存放的文件夹下新建一个Hugo文件夹；
在Hugo文件夹下新建一个bin文件夹用来存放hugo执行程序；
访问https://github.com/gohugoio/hugo/releases下载hugo压缩包；
把压缩包内容解压至\Hugo\bin文件夹内；
把\Hugo\bin加入系统变量；

以上操作完成后可以在cmd终端输入hugo version命令，查看是否安装成功。

2、创建工程并启动

在github新建一个仓库，并clone到本地，该网站工程的代码将在这里托管；注意不能用gitee，因为Netlify目前不支持gitee。
生成hugo工程框架，hugo new site example
（忽略第2步，推荐直接进行这里）或者找一个hugo主题，按照主题文档进行安装主题，参考https://gohugo.io/getting-started/quick-start/#step-3-add-a-theme git submodule add https://github.com/theNewDynamic/gohugo-theme-ananke.git themes/ananke。
进入工程文件夹，打开终端，hugo server命令启动工程，浏览器中即可预览网站；hugo命令生成该网站的静态页面等资源，会生成一个public文件夹，githubPages或giteePages托管网站的话便使用public文件夹里面的内容。

3、使用Netlify自动发布网站

发布或更新网站前请先运行hugo命令生成静态资源，并把工程提交到github。

发布网站参考：https://www.cnblogs.com/codernie/p/9062104.html

网站发布之后，每次在github提交该工程的代码更新后，Netlify会自动更新你的网站。因此，每次在本地对网站内容进行更改后，只需要：

cd project
hugo
git add .
git commit -m '更新'
git push

Netlify便会自动更新你的网站。

[Hugo+Netlify]从零开始建立并发布一个网站相关推荐

从零开始用 Flask 搭建一个网站（二）
从零开始用 Flask 搭建一个网站(一) 介绍了如何搭建 Python 环境,以及 Flask 应用基本项目结构.我们要搭建的网站是管理第三方集成的控制台,类似于 Slack. 本篇主要讲解数据如何 ...
发布一个网站要多长时间？
1如果只是要过瘾,自己建立一个网站,而且没有个性化需求,不用付款,那么只要几分钟. 因为网络上面有现成免费的. 2:如果建立的网站需要付款,那么一般付款的时候都会收取手续费,例如1%,使用微信支付或者 ...
免费发布一个网站（保姆级图文教程）
利用GitHub Pages发布一个网页第一步:注册一个github账户访问官网点这两个都可以注册根据提示输入一些信息,然后创建账户: 然后你会收到一封邮件,输入验证码或是打开邮件的验证连接后 ...
新手看看如何发布一个网站
最近在慕客网网上看了一个建站的教程,简单记录一下!怕自己过了明天就忘了.. 关于如何浏览网站的这个过程没啥好说的,百度搜一艘,点个链接就过去了,实际上这个过程是一个浏览器与服务器交互的过程: 1.点击 ...
IPA 包不经过APP Store直接发布到网站供用户下载安装
最近公司有需求,要把IOS客户端(IPA包)放到自己服务器上供用户下载,这样就能跳过APP Store 的审核. 准备条件 1.IOS 开发包即IPA文件. 2.Plist文件. 3.https服务 ...
白嫖服务器+傻瓜式部署将你的新年、表白代码发布到网站让ta仪式感拉满（10元成本购买域名）
在节日到来之际以及想要给心仪对象表白,如何将自己动手制作的html.css.js.javascript网站发布到互联网上让心仪的那个ta体验感拉满呢?对小白来说,网站发布流程不太了解简单来说发布一个网 ...
python自定义函数求差_[VBA]发布一个计算桩号之差的Excel自定义函数（VBA）
这是一个可以计算桩号之差(也就是得到长度)的Excel(或WPS)扩展函数,可以减少工程师在统计工程量时的工作量. 该函数具有一定的通用性.可以在MS Office和金山WPS上使用. 文末会给出使用 ...
手把手教（超详细）：个人如何快速建立一个网站
很多不是程序员的朋友总是理解不了网站到底是什么,它到底是怎么存在和运行的,也总是以为建一个网站很复杂.其实建网站并不难,也不需要花费太大资金,只需要以下6个步骤即可做出一个网站. 第一步:注册域名并实 ...
如何建立一个网站？规划、设计、目的、原则、宣传(一)
如何建立一个网站?规划.设计.目的.原则.宣传(一) 互联网站规划与设计摘要本文概述了互联网站的规划与设计的方法,介绍了网站设计规划的规范,及所需的关键技术,对电信系网站的构建作了系统分析,提出了 ...

[Hugo+Netlify]从零开始建立并发布一个网站

Hugo

1、安装Hugo（Windows电脑）

2、创建工程并启动

3、使用Netlify自动发布网站

[Hugo+Netlify]从零开始建立并发布一个网站相关推荐

最新文章

热门文章