安装下载到部署详细讲述hugo个人博客搭建过程

写在前面

个人博客网址:https://jiong952.github.io/
个人github网址:https://github.com/jiong952

使用hugo搭建个人博客

Hugo安装

下载

安装地址:https://github.com/gohugoio/hugo/releases

image-20220330132232090

建议安装extended版本 有些主题需要在该版本下运行

创建目录

自定义创建目录

我这里在D盘创建

image-20220330132404024

将解压后的hugo.exe文件放到bin目录下

image-20220330162530074

修改环境变量

使我们可以在cmd下运行hugo进行相关操作;
找到系统变量的Path,新建将hugo.exe所在的路径添加进去;
测试,打开cmd,输入hugo version,查看hugo是否添加成功。

搭建博客

cd到D盘

hugo new site 文件夹名称      # 我的是myBlog

随后D盘会多出一个myBlog文件夹,查看创建成功

创建文章

hugo new post/blog.md      # **在创建的站点路径下执行**,即我的是在myBlog路径下执行

启动博客

cd 到项目根目录

hugo server --buildDrafts

下载主题

网址:https://themes.gohugo.io/

选择想要的主题下载或git clone到themes文件夹下

使用主题启动

cd 到项目根目录

hugo server -t meme --buildDrafts

  • meme主题名

注意:主题名要和themes文件夹中的文件夹名相同

image-20220330163135234

启动成功

部署到github

在github新建一个仓库

注意:命名必须为【github的用户名】.github.io

cd到根目录

hugo --theme=meme --baseUrl="https://jiong952.github.io" --buildDrafts

初始化出public目录

git init
git remote add origin https://github.com/jiong952/jiong952.github.io
git add -A
git commit -m "第一次提交"
git remote set-url origin git@github.com:jiong952/jiong952.github.io.git
git pull --rebase origin master
git push -u origin master
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Jiong-952

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值