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

一、目录初始化

  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

相关推荐

  • 笔记本触摸板怎么用右键功能?笔记本触摸屏右键是哪个

    ASUS越来越多的机型上(如UX5401ZA,等等)搭载了NumberPad虚拟数字键盘。以下是正确的NumberPad操作方式。 NumberPad使用说明如下 注意:NumberPad 上有一张透明的数字键贴纸,使用前请先移除此贴纸。 1.按住右上角…

    2022年12月12日
  • 手游推广渠道?手游推广引流

    在手游推广行业中,对于许多手游推广代理来说,不仅仅要有好的游戏资源,还要有好的推广技巧,一个好的营销推广是手游推广里的重要枢纽,在整个游戏推广运营环节有着非常重要的推动作用,那么,手游代理的推广技巧有…

    2021年11月15日
  • 空调为什么突然不制冷了

    空调突然不制冷了:一种常见的问题 ======================================================== 空调突然不制冷了,这是一个非常常见的问题,每个家庭都可能会遇到。空调不制冷可能是由于多种原因引起的,因此,了解…

    投稿 2023年8月16日
  • lol领取中心官网?免费领取lol永久皮肤

    相信很多玩家都知道,近日英雄联盟迎来了国服十周年盛典,在这个特殊的时间当中,大家也感受到了一个不一样的十年,十年里我们历经了很多的版本改动,历经了很多英雄的变动,当年那些给我们留下了很多经典时刻的状态…

    2021年11月5日
  • 百事可乐营销策略(百事可乐营销战略)

    企业利用STP框架将市场划分为细分市场,然后根据目标客户的心理来决定服务哪个细分市场,并将其产品定位于哪个细分市场。通过这种方式,企业可以更有效地服务于不同的细分市场。本报告将使用最新的圣诞广告分析百事…

    2022年10月18日
  • 抖音主页访客记录怎么看

    抖音主页访客记录怎么看? ## 什么是抖音主页访客记录 抖音主页访客记录是抖音用户访问抖音主页时被记录下来的信息,它包括访客的头像、昵称、性别、访问时间等信息。 ## 抖音主页访客记录的作用 抖音主页访客记录可…

    投稿 2023年8月8日
  • 杨贵妃是哪里人?杨贵妃的出生地

    杨贵妃幼年的成长 杨贵妃本名杨玉环,号太真,祖籍为蒲州永乐(山西永济),生于公元719年6月22日,家庭背景算是宦门世家。杨玉环幼年时丧父,所以自幼在叔父杨玄璬(念jiao三声)家长大。按时间点来说,当时正是中…

    2022年11月27日
  • 春节去哪里旅游比较好?春节去哪里玩最合适而且便宜

    Top1海南三亚南山文化旅游区 南山旅游区,在三亚西南40公里处,这里也是中国最南端的山,森林覆盖率为97%,是一座以佛教文化为主题的5A级旅游景区。 这里即是佛教名山,又是一个环境良好的生态养生地,整个园区景点…

    2022年12月8日
  • 驱动程序在哪?ip驱动程序

    硬件的各项功能都需要驱动去支持运行,如果驱动出现问题或版本跟不上,那么有的功能可能就不能正常运行了,本文将和大家分享一下Win10系统怎么更新驱动。 系统:win10专业版 电脑:联想Y50p-70-ISE 1、首先我们在桌…

    2022年11月24日
  • 7月适合带孩子去哪儿旅游

    暑期将至,如果有暑假出行计划的宝爸宝妈们可以安排起来了。以下是10个我比较推荐的地方: 01 桂林漓江 桂林漓江风光秀丽,山水田园风光令人陶醉,是国内著名的旅游胜地之一。您可以乘坐游船欣赏漓江两岸的山水美景…

    2024年1月16日