如何建立自己的博客(我的个人博客)

一、目录初始化

  1. 进入前面建立好的Sites文件夹,右键点击“在windows终端打开"。(win10用户按住shift右键,应该有下图的选项,两个都可以点击。)

如何建立自己的博客(我的个人博客)-1

 

  1. 进入小黑窗之后,输入如下代码即可创建hugo初始目录。test可以任意取名,之后会建立一个test的目录。
hugo new site test

如何建立自己的博客(我的个人博客)-1

 

我们目前只需要关心红框目录

如何建立自己的博客(我的个人博客)-1

 

content:放博客内容的,后续我们只需要在里面建立文件,更新即可。

themes:放置hugo主题文件的

config.toml:hugo配置文件

二、主题选择

进入主题页面https://themes.gohugo.io,选择自己中意的主题,点进去,跟着作者的教程一步步配置。

有些页面需要nodejs环境,有些需要hugo的extended版本,有些教程还有中文版本(没有也无妨,右键翻译即可),这些东西作者应该都会说明的。

要是没有说明的话,你换个主题吧,你俩无缘。

主题可是自己的门面担当,自然得挑三拣四、货比三家啦,自己都在主题上纠结了三天之久,最终选择了这个https://themes.gohugo.io/themes/hugo-theme-dream,所以后面的教程以这个主题为主。

三、主题安装

主题作者一般都会更新主题,修改bug,优化页面,使用新技术等等等,所以我们安装的时候选择用git的submodule安装,方便后续更新主题。

在之前的小黑窗中依次输入以下命令即可在把主题下载至theme目录下。

PS:若小黑窗关闭了,可以再Sites目录下继续右键打开(或者test目录打开,第一行命令就不要了)。

cd test
git init
git submodule add https://github.com/g1eny0ung/hugo-theme-dream.git themes/dream

都成功之后你的themes目录下就会有一个dream的文件夹

如何建立自己的博客(我的个人博客)-1

 

四、主题配置

每个主题下载下来之后,都会有一个exampleSite文件夹,去里面把config.toml文件复制到test目录下替换掉。

如何建立自己的博客(我的个人博客)-1

 

打开进去查看一下配置,这里我是用vscode打开的,你可以用记事本打开,我们看到主题文件那里错了。

如何建立自己的博客(我的个人博客)-1

 

我们的目录是dream,它写的是hugo-theme-dream,我们把它改掉,其他的配置可以看教程来设置。

#号表示代码被注释掉了,我们需要这些属性的话可以把#号去掉,比如我把backgroundImage这个属性去掉了,这是配置博客背景的,我放了自己的图片进去。

配置好之后ctrl+s保存下。我的配置如下:网页背景跟头像链接可以用自己的。

如何建立自己的博客(我的个人博客)-1

 

五、新建博客

其实上面咱们的博客已经配好了,心急的朋友可以在小黑窗中输入下面命令回车即可查看自己的博客了。

hugo server -D

如何建立自己的博客(我的个人博客)-1

 

看到下面框起来的就是你的博客访问地址,你可以复制到浏览器地址栏打开,或者直接按住ctrl键点击打开。

然后你会发现除了博客啥都有了,如下图。

新建博客也简单,一行命令搞定,posts是生成的目录,first.md是你新建的文件。

hugo new posts/first.md

PS:Hugo博客用的都是md文件。md 就是基于markdown语法的文件,只能说,超强大,类似于互联网中的毛爷爷,都支持它,有了它,word文档都没有点开过。

不懂别急,后面会介绍工具使用它,你就不用去记它的语法了。

去小黑窗,先ctrl+c把博客停了,然后输入命令,之后去content目录下找到并且打开它。我还是用vscode,你可以用记事本或其他编辑器打开它。

下面是各属性解释:

如何建立自己的博客(我的个人博客)-1

 

我这里改了标题,头像你们需要可以把#号去掉,封面不要的话太丑了,网上找张图片,右键复制图片链接放进去即可。

类别,标签,自己设置,最后解释下draft属性,一般我们把它设置成false,或者直接删掉,因为我们后续会把它放入网上,这个属性为true的话,hugo不会渲染出来的。

下面是我的截图:

如何建立自己的博客(我的个人博客)-1

 

看教程,还应加一个关于页面,就是页面翻转过后的页面,篇幅原因,这里就不加了,你们自己看教程去加吧

如何建立自己的博客(我的个人博客)-1

 

最后输入hugo server -D,启动Hugo,查看自己的博客,你可以在posts目录下多复制几个first.md,这样就能知道你以后文章多了之后的效果了。

点击进去就能看到我们的博客内容了,以后要新增文章,执行hugo new *** 命令即可。

至此个人博客就搭建完毕了,当然只是本地搭建完毕了,要让别人访问请移步下一篇教程。

PS:博客只是辅助,我们的文章才是我们要关注的重点。没有上线之前,可以把内容更新起来。

原创文章,作者:发布专员,如若转载,请注明出处:https://ziliaobaba.com/22572.html

(0)
发布专员发布专员
上一篇 2022年11月7日 18:00
下一篇 2022年11月7日 18:05

相关推荐

  • 苹果x是双卡吗?苹果x可以双卡双待

    用闲置的iPhone 实现双卡双待? 大家好,相信有些人会有一些旧款的手机如iPhone 5s-iphone6s等手机,那么这些手机淘汰了是不是就没有用了?答案是 不! 假如你手上的是一台旧的iPhone 6,现在你换了iPhone x了,可是…

    2021年11月12日
  • 借记卡有年费吗?

    借记卡有年费吗? 一、什么是借记卡 借记卡,又称储蓄卡,是银行发行的一种金融卡,它可以用于支付、提现、转账等金融服务。它是一种现代金融服务,可以方便地完成支付、提现、转账等金融服务。 二、借记卡有年费吗 …

    投稿 2023年4月15日
  • 去马赛克神器手机版(手机视频自动去码神器)

    今天我们来分享什么呢?去水印,是一种有效的版权保护机制,从水印图像中恢复完整图像时,脖子很痛。当您丢失了原始图

    2022年1月12日
  • 电脑最贵的多少钱一台?世界上最贵的电脑

    Acer 之前不是没做过电竞笔记本,但像 Predator 21X 这样的奇葩倒还真的是头一回。作为同类电脑中第一款用上 21 吋曲面屏幕的产品,21X 更像是为桌面而生,笔记本原本的便携属性并没有得到多少体现。当然啰,既然是…

    2022年10月13日
  • wifi放大器怎么用?wifi放大器安装设置

    如果使用无线路由器的wifi信号(或搜索到的免费wifi)在某个房间的信号较弱,可以使用无线扩展器放大Wi-Fi信号。 无线扩展器就是一个中继器(Wi-Fi信号放大器)。它的作用就是插在信号较弱的地方,将您家里(或其他…

    2021年11月4日
  • 男士机械手表推荐(性价比高的机械手表男)

    而对于职场人士来说,一双崭新的皮鞋、一套绅士优雅的西装、亦或者一个商务气息十足的公文包都是绝佳的加分配置,派头十足。   最后配上一枚体面沉稳的机械表,手里拿一杯星巴克,穿梭于高级写字楼间,稳稳拿捏…

    2022年11月18日
  • 家用洗碗机什么牌子好?哪种洗碗机比较好用

    今天,你又不想洗碗了吗?随着生活节奏的加快和消费理念的转变,诸如洗碗机之类能够解放家庭劳动力的电器越来越受到青睐。那么,消费者如何按需选购一款洗碗机?不同洗碗机的性能差别在哪里?近日,上海市消保委发布…

    2021年11月13日
  • 蜗牛吃什么?蜗牛食物介绍

    蜗牛属于软体动物,并不是生物学上一个分类的名称,一般是指腹足纲的陆生所有种类,包括许多不同科、属的动物,取食植物,产卵于土中或者树上,在热带岛屿比较常见,但有的也生存在寒冷地区,下面我们就一起来看一看…

    2022年11月23日
  • 和婆婆楼上楼下住好吗风水(楼上楼下都没有住人风水)

    一般女人的成长轨迹都要嫁人然后有一对公公婆婆,有的人则会跟公公婆婆一起住,有的人选择小俩口自己住。跟公婆住有跟公婆住的好处,自己住也有自己住的好处。跟公婆一起住,不用自己烧饭,不用自己打扫卫生,还有人看孩子,但是没有自己的自由空间,很多事都不能干,不能那么放松随便。自己住的话就什么事都要自己动手来弄,辛苦一点,累一点,但是自己自由啊,想干嘛就干嘛

    2022年1月5日
  • Apple id在哪里看?apple id充值

    在苹果和开发商准备应对影响App Store订阅的监管变化之际,这家公司又给了印度客户一个优惠--向他们的Apple ID充值可以获得20%的奖金。在印度,向其Apple ID添加资金的客户将看到一个通知,如果他们在10月底之前向其…

    2022年10月24日