快捷搜索:  手机  明星

github更新hugo主题(使用Hugo快速建站及与结合GitHub进行部署)

github更新hugo主题(使用Hugo快速建站及与结合GitHub进行部署)生成完是放在content目录里面的,里面内容也是自动生成的:命令:hugo new */*.md使用hugo new about.md生成一个about 页面:然后我们就使用Hugo快速生成站点:命令:hugo new site mysite很快,生成了一个静态网站的代码,我们进这个目录来看一下这个代码的结构:既然是建站,那么网站就要有内容,下面我们编辑一些内容:

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

github更新hugo主题(使用Hugo快速建站及与结合GitHub进行部署)(1)

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

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

命令:brew install hugo

github更新hugo主题(使用Hugo快速建站及与结合GitHub进行部署)(2)

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

github更新hugo主题(使用Hugo快速建站及与结合GitHub进行部署)(3)

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

命令:hugo new site mysite

github更新hugo主题(使用Hugo快速建站及与结合GitHub进行部署)(4)

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

github更新hugo主题(使用Hugo快速建站及与结合GitHub进行部署)(5)

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

命令:hugo new */*.md

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

github更新hugo主题(使用Hugo快速建站及与结合GitHub进行部署)(6)

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

github更新hugo主题(使用Hugo快速建站及与结合GitHub进行部署)(7)

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

github更新hugo主题(使用Hugo快速建站及与结合GitHub进行部署)(8)

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

github更新hugo主题(使用Hugo快速建站及与结合GitHub进行部署)(9)

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

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

github更新hugo主题(使用Hugo快速建站及与结合GitHub进行部署)(10)

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

github更新hugo主题(使用Hugo快速建站及与结合GitHub进行部署)(11)

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

命令:hugo server

github更新hugo主题(使用Hugo快速建站及与结合GitHub进行部署)(12)

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

github更新hugo主题(使用Hugo快速建站及与结合GitHub进行部署)(13)

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

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

github更新hugo主题(使用Hugo快速建站及与结合GitHub进行部署)(14)

编辑刚才的config.toml文件:

github更新hugo主题(使用Hugo快速建站及与结合GitHub进行部署)(15)

所有静态页面都会生成到 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

github更新hugo主题(使用Hugo快速建站及与结合GitHub进行部署)(16)

github更新hugo主题(使用Hugo快速建站及与结合GitHub进行部署)(17)

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

github更新hugo主题(使用Hugo快速建站及与结合GitHub进行部署)(18)

猜您喜欢: