mac本地部署 局域网访问_使用Hugo快速建站及与结合GitHub进行部署

说到Hugo这一建站工具，咱们先来看一下它的官方网站的介绍：

The world’s fastest framework for building websites，这是它的官方网站介绍的一句话：这个世界上最快的建站工具，那么它有多快，我们来试一试！

Hugo是由Go语言实现的静态网站生成器。简单、易用、高效、易扩展、快速部署。可以在不同的操作系统上安装，我这里就用Mac系统来演示一下，首先用brew工具来安装一下hugo：

命令：brew install hugo

使用hugo version来查看安装的版本，也可以来验证是否安装成功：

然后我们就使用Hugo快速生成站点：

命令：hugo new site mysite

很快，生成了一个静态网站的代码，我们进这个目录来看一下这个代码的结构：

既然是建站，那么网站就要有内容，下面我们编辑一些内容：

命令：hugo new */*.md

使用hugo new about.md生成一个about 页面：

生成完是放在content目录里面的，里面内容也是自动生成的：

可以写我们的第一篇文章，还是用hugo new *.md这个命令,，然后在里面编辑一句话：

还有一项工作要做的，就是给我们网站选一套皮肤，加上皮肤后，就显得网站特别的好看，在它的官方网站(https://themes.gohugo.io/)提供了很多皮肤供我们选择：

到皮肤列表挑选一个心仪的皮肤，比如我觉得 Hyde 皮肤不错，找到相关的 GitHub 地址，在 themes 目录里把皮肤 git clone 下来：

命令：cd themesgit clone https://github.com/spf13/hyde.git

然后我们编辑一下config.toml文件，做一些页面设置：

下面我们启动一下，来看看我们的网站成什么样子了：

命令：hugo server

浏览器里打开： http://localhost:1313：

这个只能在你本地或者在你的局域网内能访问，如果让其他人通过公网来访问，我们需要把它部署在服务器上，不过GitHub给我们提供了一个比较好的平台，我们把代码上传到github上，就可以给别人访问了。

首先在GitHub上创建一个Repository，命名为：yourname.github.io (yourname替换为你的github用户名):

编辑刚才的config.toml文件：

所有静态页面都会生成到 public 目录，将pubilc目录里所有文件 push 到刚创建的Repository的 master 分支。

cd public$ git init$ git remote add origin https://github.com/Apeopl/Apeopl.github.io.git$ git add -A$ git commit -m "first commit"$ git push -u origin master

然后就可以打开你配置的url地址来访问了：