HuGo博客的搭建以及上传到GitHub

按照步骤来

我用的是windows操作系统

1.下载Githttps://git-scm.com/

2.下载GuGohttps://github.com/gohugoio/hugo/releases 往下拖,选择对应的系统下载
选择对应的系统下载

3.配置HuGo的环境变量百度一波

4.输入cmd命令查看是否安装成功
hugo version
在这里插入图片描述

5.建文件夹cmd命令 e: 跳转到E盘下 执行:
hugo new site MyBlog
在这里插入图片描述

6.下载一个喜欢的主题https://themes.gohugo.io/
我喜欢 m10c 地址(https://themes.gohugo.io/hugo-theme-m10c/)
网页下方位置有一个git clone命令 复制粘贴 下载到指定的文件夹目录下(文件夹下有一个theme)
在这里插入图片描述

7.本地启动博客cmd 命令 跳转到你第五步新建的文件夹目录 执行:
hugo server -t m10c --buildDrafts(这一步很重要 之后会经常用到)
cmd下方会有个 http://localhost:1313/ 这就是你的本地地址,粘贴到网页打开

8.创建一篇文章还是在你第五步文件夹目录下 执行cmd命令:
hugo new post/test1.md此文件在content文件夹下创建的
用vscode 写点东西 用vscode打开程序
第五步文件夹目录下 执行:
hugo server -t m10c --buildDrafts
找到本地地址运行看看效果 http://localhost:1313/
在这里插入图片描述

9.注册一个github账号创建一个仓库 hpf189/hpf189.github.io 仓库名字的格式要跟你账号名字一样,具体规则上网查

10.把博客部署到 github上去(部署到远端服务器)第五步的文件夹目录下 执行cnd命令:
hugo --theme=m10c --baseUrl="https://hpf189.github.io/" --buildDrafts
执行完后会在文件夹下出现一个public文件 将public 文件夹 把这个上传到github上去 在public下执行以下三个操作:
git init(第一次出现empty 再输入一次 出现existing) 初始化仓库 会出现一个 .git的隐藏文件
git add .
git commit -m "我的第1次提交"
在这里插入图片描述

11.将本地的 public 和 github仓库里的关联在public下执行以下两个操作:
git remote add origin https://github.com/hpf189/hpf189.github.io.git
git push -u origin master
在这里插入图片描述
**若是第一次提交,会弹出对话框让你输入username 和 password 记住是输入你的名称 不是你的账号名 **

比如我的账号是 9759***19@qq.com 我的名称是 hpf189

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

DotNeter-Hpf

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

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

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

打赏作者

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

抵扣说明:

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

余额充值