Hugo搭建个人博客 - 邱乘屹的个人技术博客

最近看到很多大牛使用自己搭建的个人博客,想要自己也搞一个玩玩
这里我选择的是使用hugo来搭建个人博客

Hugo是一种用Go语言编写的快速,现代的静态网站生成器,拥有超快的速度,强大的内容管理和强大的模板语言,使其非常适合各种静态网站。极快的构建时间(每页<1毫秒),完全跨平台,可轻松安装在macOS,Linux,Windows等平台上

第一步 安装hugo

在hugo官网,有详细的mac系统安装hugo教程 “Mac系统安装hugo”

我使用的是windows安装 “Windows安装包地址”

选择好你要安装的版本 如下:

在这里插入图片描述
下载好后,解压 并在解压hugo的根目录处开启终端,输入 hugo version 如下图:

在这里插入图片描述
如出现以上内容,则代表安装成功

第二步 建立第一个博客

使用命令 hugo new site blog_name 来建立博客 如下:

hugo new site blog_name

在这里插入图片描述
出现 congratulations!代表已经成功创建

cd 到新创建的blog中

第三步 添加主题

首先 需要在本机装有 GIT

hugo主题官网中选择你想要安装的主题,选择下载,并复制网址

在这里插入图片描述
复制好网址后,进入刚刚创建好的hugo新博客目录中,开启终端输入如下命令

cd themes

输入如下命令开始下载:

git clone 复制好的网址

第四步 添加一些博文

下载好主题后 使用 cd … 命令退回到上级菜单 并输入如下命令添加第一篇博客:

hugo new my_first_blog.md(名字可以随意,但是必须是以.md结尾)

在content文件夹中可以查看创建好的博文 如下图:

在这里插入图片描述

第五步 一些基本配置

在博客根目录 config.toml文件中配置
在这里插入图片描述
languageCode可以选择语言

title为你的博客名

theme选择主题 也就是你刚下好的主题文件夹的名字

然后再对你博文里的配置进行更改,打开刚创建的博文.md文件中,发现有如下内容

在这里插入图片描述
根据自己的需求设置标题和时间 并删除或者将draft改为false ,便大功告成了

第六步 启动

使用命令 hugo server 启动 便可以在本地测试你的博客了 网址为 ‘http://localhost:1313/’

hugo server

第七步 部署到远程

在博客项目的根目录开启终端 输入hugo 建立静态页面

hugo

在github上建立一个新的仓库

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值