00:00
Hello,大家好,欢迎来到星球科技,那今天呢,新哥给大家带来一款静态站脸生成器log狗。那有些同学会问什么是静态站点生成器?比如说你希望有一个个人的博客,但是呢,你又不想买域名,你不想买服务器,而且你想以麦克的方式来写你的博客,那这时候你就需要一个静态战略生成器,它的原理呢,是输入你的马克档,并且通过Hugo这样的静态战略生成器就可以生成你所博客所需要的HTLCSS。和你的jascript,并且呢K呢,它还提供了非常多的主题插件,从而使得你的站点可以有更好的一个动态效果和样式展示。那怎么解决托管的问题呢?那你生成你的静态站点之后,你可以选择把它托管在get up或者说get,他们都有一些page,从而实现一个静态站点的托管。那我们来看一下吧,K它号称世界上最快的生成站点的framework,那是不是这样子呢?我们简单来试一下,那安装的方式呢,非常简单,只要运行。
01:13
Hugo就可以完全安装。安装完成之后呢,我们需要初始化一个我们的站点,那这个站点呢,就可以是你的博客的名称,或者说你的站点名称等等,比如运行Hugo new site,比如说我们这边希望是一个博客,就blocks。那很快就可以生成一个站点的初始的skele,那黑格呢,也提供了非常多在线可以选择的主题,你可以根据自己的喜好选择一款适合你的主题。比如说鑫哥这里选择了一款main road这样的主题。作为我的站点的基本的风格。那安装的方式也非常简单,就要先进入blocks的文件,并且用GI来初始化一下这样一个仓库,然后通过添加get model的方式将主题克隆到sims目录下,那在你克隆好之后,在你的sims目录下就会有一个main road的这样一个ripple。除此之外呢,你还需要去编辑一下你那个config,那我们为打开conig文件,这里特别要关注的是你主你网站的title,比如说这里我定制我的title为星球科技,那你还需要指定你的主题是你刚才下载的主题的同名称,比如说这里是main road main road这款主题也提供了非常多其他的参数,你可以选择,比如说你的subtitle description。
02:29
以及你的highlight强调的颜色,它的logo,以及各种各样社交网站的名称等等之类的,那我这里也做了相应的很多设置,也可以根据你自己的喜好来做相应的设置。那完成之后的话,你就可以开始写你第一篇博客了,这里仍然需要用到Hugo new命令,那刚才我们用new命令生成了站点,那同样的我们可以用new命令来生成一篇博客,比如说我们这里Hugo new posts,比如说first blog。点MD,那这样的话就表示你希望把成博客以马克当的方式来写,那当我们运行命令之后的话,就在content目录下的post中。
03:07
出现了一个。First blog的这马克文件,那这我就可以开始博克。比如说hello,发抖一。One,我还上写扣的。我们第一天博客就算这样完成了。那怎么样来快速的看一下你博客的效果呢?那我们只要运行Hugo server或server命令加参数D,就可以在本地起一个服务来查看你博客的效果,比如说我们可以在这里看到通过HOST1030端口就可以看到本地博客预览的效果。那这就是我们刚才写的一篇博客,那我们点进去看一下哇,一切跟预想的一模一样。那我们怎么样把我们博客发布到我们的给t page或者给他配置呢?那在发布之前,我们需要先在本地生成能正式发布的HTMLCSJS,那怎么来做呢?那只需要用到一个Hugo的一个命令,那这里的destination参数表示是你生持的静态文件要放在哪个目录下,我们指定为do文件夹,那build drafts命令表示你标记为draft状态的post仍然会包括在内,而clean destination DR表示的是说你在生成的其他文件之前先清空那个目录。
04:19
那我们运行看一下效果。哇哦,96毫秒,很快哦。那我们来看看效果。那我们在我们的DOS目录下就有我们生产的静态文件,包括了index,就是你访问你博客的首页,以及你进入之后你各个post所在的文件。那我们在生成站点之前,我们需要现在get up以及给贴创建一个ripple来记录你的这些博客的信息。比如说我们在get up要创建一个rile名称叫做你的 getid.get up.io那给T这边需要创建一个与用户名完全一致的rile,然后我们把我们的代码上传到这两个re中来,那这里写着脚本deploy.sh它先是编译好本地的静态资源,然后把它添加到各仓库中,并且push到远端的master分支,我们来运行一下deploy。
05:12
好,已经铺上来,那在get up这边,我们先进入settings页面。然后找到。然后找到get up配置的部分,然后选中master branch,并且设置杠DOS目录,然后点击保存,那这时候你的静态站点就会publish在这样一个域名,你的个人id.up.i域名上。哇,成功了。那在GT这边的话,你需要进入服务给t pages。然后选择你的分值为ma,并且部署的目录同样设置为gax,那我们这里推荐大家强制使用HTS,然后手动点击更新之后。他不到一会儿时间就会完成部署。好,我们这里可以看到已经开启了给pages服务,诶我们的first就已经publish上去了,那如果你喜欢这套视频的话,记得关注三连哦。
我来说两句