时间:2023-07-27 08:15:50 点击次数:5
说到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 themes git 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地址来访问了: