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

一、目录初始化

  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

相关推荐

  • 苹果8多少寸

    苹果8多少寸:一款全新的iPhone 一、苹果8多少寸? 苹果8是一款全新的iPhone,它的屏幕尺寸为4.7英寸,采用了Retina HD显示屏,分辨率为1334x750像素,像素密度为326ppi,支持3D Touch功能,可以提供更好的视觉效果…

    投稿 2023年7月21日
  • 海绵宝宝是一种原始的什么动物?海绵宝宝属于什么

    万万没想到的是,动画片中可爱的海绵宝宝竟然是真实存在的一种海洋生物。 Unexpectedly, the lovely SpongeBob in the cartoon turned out to be a real marine creature.   海绵动物是非常原始的多细胞动物,…

    2022年11月28日
  • 华为画中画功能怎么用?华为画中画功能介绍

    手机是我们经常用到的,而里面有些功能,对我们生活和工作,都是有帮助的,这里给大家盘点出了6个功能,一起看看吧。   一、华为手机 1、智慧识屏 如果你需要提取图片里面的文字,可以打开这个功能,在相册里面…

    2022年11月21日
  • 专业网站优化哪家好?优化推广

    网站建设如果能够做得比较好的话,一般能够给其他人留下一个比较深刻的印象,这对于任何一家企业来说都是有一定的好处的,所以企业不能够忽视了这个方面的问题,网站建设以后也不可避免的需要进行优化,一般随着时间…

    2023年1月3日
  • 怎样关闭微信视频号

    关闭微信视频号 ============================ 一、什么是微信视频号 ------------------------ 微信视频号是微信官方推出的一种新型视频服务,可以帮助用户创建自己的视频号,发布视频内容,提升自己的影响力。微信…

    投稿 2023年7月28日
  • 心愿卡怎么做?简单漂亮心愿卡手工

    将红色的彩色卡纸折起来,随后在上面画爱心,用剪子剪出去后再画2个羽翼,剪开黏在爱心两侧,再剪一个淡黄色的爱心贴到上边,用刻度尺画上线框,在下边写心愿卡三字,最终黏贴上一些可爱的小爱心,心愿卡就完成了。 …

    2022年12月7日
  • 营销激励短信(销售激励话语)

    一、与其讨好别人,不如武装自己;与其逃避现实,不如笑对人生;与其听风听雨,不如昂首出击。 二、当你漂亮皮肤好,钱包里都是自己努力赚来的钱的时候,你就会恍然大悟,哪有时间患得患失,哪有时间猜东猜西,哪有…

    投稿 2022年10月19日
  • 女生做点什么生意投资小

    女生做点什么生意投资小 投资是一个非常有挑战性的行业,尤其是对于女性来说,她们往往比男性更加谨慎,更加谨慎,因此,她们在投资方面需要更多的考虑。作为一个女性,如果你想要投资,但又不想冒太大的风险,那么…

    投稿 2023年7月8日
  • qq群排名怎么做?q群上排名教程

    我们知道qq群排名引流想要做到效果最大化,唯有实现霸屏,什么意思,就是用户搜索一个关键词,首页前十都是你的群,甚至是前两页都是你的群,这样用户不管加哪个群都能进入你的流量池,这叫霸屏引流;听起来感觉不错…

    2021年11月15日
  • 微信版本过低更新不了怎么办

    微信版本过低更新不了怎么办 ======================== ## 一、微信版本过低的原因 微信版本过低更新不了的原因有很多,最常见的原因是手机系统版本过低,而且微信更新版本需要手机系统版本达到一定要求,才能正常更…

    投稿 2023年8月15日