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

一、目录初始化

  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

相关推荐

  • 迪士尼出品的十大热门动画电影排行榜:恐龙上榜,第一评分最高

    作为全球知名的动画电影制作商,迪士尼多年来一直致力于推出高质量的动画作品,深受观众喜爱。从经典到新锐,从温情脉脉到惊心动魄,迪士尼动画电影涵盖广泛,令人目不暇接。近日,我们为大家盘点了迪士尼出品的十大热门动…

    投稿 2024年5月31日
  • 石榴籽可以吃吗的功效与作用?石榴籽的功效与作用点

    石榴果粒酸甜可口、营养丰富,受到很多人的喜爱。石榴色彩鲜艳,子多饱满,常被用作喜庆水果,在中秋佳节里更是很多家庭的必备水果。   石榴是高糖水果,含有石榴酸等多种有机酸,能够促进消化液分泌,具有增进…

    2022年12月11日
  • 支付宝当日转账限额是多少(支付宝一天转账限额多少)

    近日,央行针对移动支付动作不断,不仅今后微信/支付宝红包活动被叫停了,甚至传闻扫码支付也将限额,不少网友直呼央妈管的太宽了。最近有网友问小编,微信

    2022年1月2日
  • 梗概是什么意思?梗概作文六年级

    写梗概类作文其实就是一种缩写,也就是长话短说,化繁为简,从而将一篇比较长的文章压缩成短文章。 如何进行缩写呢? 一、保留原文的中心、主干,简化枝干。 原文的基本思想、要点、与中心密切相关的主要内容、主要…

    2021年12月29日
  • 携号转网是什么

    携号转网是什么? 携号转网,也称为“携号转网服务”,是指用户可以在不改变原有号码的情况下,将手机号码从一家移动运营商转移到另一家移动运营商的服务。携号转网的实施,有助于消费者获得更多的选择,促进市场竞争…

    投稿 2023年8月11日
  • 电商怎么注册开店?网上如何开店

    1.确定你要卖的产品 2.找到货 源 3.选个人开店即可(保正金1K) 4.注册店铺--3个注意 a、物流包邮非包邮区域设置 b、客FU自动回复设置 C、店铺基本信息设置 (如不设置,后期出单会牵扯到运费问题和退货地问题) 5.搬运 …

    投稿 2022年11月27日
  • 什么时候是情人节?情人节是哪天几月几号

    明天就是情人节了,每年公历的2月14日,是西方国家的传统节日情人节,情人节起源于基督教,如今已经成为全世界著名的节日。情人节是一个关于爱的浪漫节日,男女情人要在这一天互送礼物以表达爱意或友好。   情…

    2022年10月19日
  • 毕业答辩ppt怎么做?ppt答辩模板

    毕业答辩幻灯片(PPT)不同于一般的幻灯片。做好幻灯片是学员答辩成功的一个重要环节。下面具体谈谈毕业答辩幻灯片的主要内容及制作中需要注意的问题。 1、答辩报告的内容 答辩报告中需包含的内容一般包括以下几个方…

    2022年12月5日
  • 护肤品文案?护肤品痛点文案

    一个做广告朋友给我讲过她的事情: 她父母觉得做广告朝九晚十,工作辛苦,不稳定,托了关系想让她去做老师。朋友一口回绝,和父母聊了很久的心里话,说自己不想当老师,如果贪图稳定去做一份自己不喜欢也无法胜任的…

    2021年11月4日
  • 游泳池建造多少钱?标准游泳池造价

    随着生活水平不断的提升,游泳也得到了很多顾客的追捧,也是一个非常健康的运动方式,近几年室内游泳馆在市场中的发展相当不错。那么建个游泳馆大概多少钱? 1、经营场地的租金 场地的租赁费用也是一笔不小的开支,…

    投稿 2022年10月1日