HuGo博客的搭建以及上传到GitHub
按照步骤来
我用的是windows操作系统
1.下载Githttps://git-scm.com/
2.下载GuGohttps://github.com/gohugoio/hugo/releases 往下拖,选择对应的系统下载
3.配置HuGo的环境变量百度一波
![](https://img-blog.csdnimg.cn/20200504153704755.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L015emhvdXpob3U=,size_16,color_FFFFFF,t_70 )
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/ 这就是你的本地地址,粘贴到网页打开
![](https://img-blog.csdnimg.cn/20200504154156972.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L015emhvdXpob3U=,size_16,color_FFFFFF,t_70)
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次提交"
![](https://img-blog.csdnimg.cn/20200504154517615.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L015emhvdXpob3U=,size_16,color_FFFFFF,t_70)
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