参考文献
下载网址:
hugo官网:
视频教程:
www.bilibili.com/video/av715… (windows最详细的视频教程,唯一的缺点是没有配音)
www.bilibili.com/video/av515… (codesheep羊哥的教程,MAC下的教程,对windows的小白极其不友好)
文字教程:
(这三篇,是我在刚开始做hugo时的三篇参考文献,当时是因为视频中的代码不能直接拷,cmd命令又老是要写错,就想着网上找现成的代码直接拷。不过我总结了更好的代码,看了我博客,如果还有疑惑,可以去这三篇博文中找找)
windows下hugo博客开发流程
1、安装
上面第一个视频,详细讲了安装,直接看视频,学的更快。 www.bilibili.com/video/av715…
本人的博文也都是照着上面的视频做的,毕竟文字再好不如视频,这篇博文权当上面视频的补充
安装好了,不要忘记使用 hugo version 查看版本
hugo version //查看hugo版本
2、第一次使用
1)选择博客所在的文件夹,我选择在D:\hugo\sites ,这个选择的文件夹并没有强行规定,但是你选择了哪个文件夹,在敲命令的时候,就要进到哪个文件夹
//这一小节的代码总汇
d:
cd hugo\sites\ //进入D:\hugo\sites,以后生成文件都是在这个文件夹下生成
hugo new site myblog //创建自己的博客:在D:\hugo\sites下生成myblog的文件夹
在输入指令后,在D:\hugo\sites 生成一个文件夹myblog
2)下载主题
上这个网站 themes.gohugo.io/ 随便找一个主题,我找的主题名字叫m10c
进入主题,找一串 git clone 作为开头的代码,m10c中的代码:
git clone https://github.com/vaga/hugo-theme-m10c.git themes/m10c
接下来,我们可以使用
hugo server -t m10c --buildDrafts
进行本地启动,说白了就是在本地看博客的情况
输入指令后,可以通过 http://localhost:1313/ 访问博客
//这一小节的代码总汇
d:
cd hugo\sites\myblog //进入blog文件夹
git clone https://github.com/vaga/hugo-theme-m10c.git themes/m10c //下载主题文件:把 https://github.com/vaga/hugo-theme-m10c.git这个主题下载到 D:\hugo\sites\myblog\thems/m10c文件夹
hugo server -t m10c --buildDrafts //本地启动
//可以通过 http://localhost:1313/ 去访问博客
3)远程仓库
去github创建一个仓库 ———— 仓库名:用户名.github.io(我的仓库名就是 zaishixiaoyao.github.io)
然后使用 hugo --theme=主题名称 --baseUrl="github仓库地址" --buildDrafts 关联远端地址,并且在本地生成一个public文件夹
这个public文件夹就是要提交的博客内容,简单来说,这个指令将你生成的博客内容打包好放到了public文件夹
//这一小节的代码总汇
//去github创建一个仓库 ———— 仓库名:用户名.github.io(我的仓库名就是 zaishixiaoyao.github.io)
hugo new post/first.md //D:\hugo\sites\myblog>hugo new post/first.md 表示在 D:\hugo\sites\myblog\content\post下生成一个 first.md文件
hugo --theme=m10c --baseUrl="http://zaishixiaoyao.github.io" --buildDrafts //在github的仓库建立好后,关联远端地址,并且在本地生成一个public文件夹
格式:hugo --theme=主题名称 --baseUrl="github仓库地址" --buildDrafts
4)本地仓库
现在需要做的就是将public文件夹的内容提交到远程仓库,这里的操作完全就是git的本地-远程操作,代码在下面,一个一个输进去就行了
//这一小节的代码总汇
//第一次提交博客
cd public //进入public文件夹
git init //创建本地仓库
git add . //添加当前仓库下的所有文件到暂存区,注意有空格在.前面
git commit -m'myblog' //将暂存区的所有内容提交到历史区
git remote add origin https://github.com/zaishixiaoyao/zaishixiaoyao.github.io.git //让本地仓库与远程仓库新建一个连接。origin是随便起的一个链接名(可以改成自己想要的,只不过一般都用这个名字)
git push -u origin master //把本地代码提交到远程仓库(第一次提交需要输入github的用户名、密码)
全部push完成后,远程仓库会显示如下页面
5)在线访问博客
访问 https://用户名.github.io/ 可以进入博客主页,我的用户名是 zaishixiaoyao,因此网址就是 zaishixiaoyao.github.io/
3、后续使用
在后续的使用中,前面部分操作就不用做了,基本分为三步:创建新的博客、更新public文件夹、提交博客
//后续写博客
d:
cd hugo\sites\myblog //进入blog文件夹
hugo new post/XXXXX.md //创建新的博客,你可以去这个新的博客里加内容
hugo --theme=m10c --baseUrl="http://zaishixiaoyao.github.io" --buildDrafts //在github的仓库建立好后,关联远端地址,并且在本地生成一个public文件夹
hugo --theme=主题名称 --baseUrl="github仓库地址" --buildDrafts
//提交博客
cd public //进入public文件夹
git add . //添加当前仓库下的所有文件到暂存区,注意有空格在.前面
git commit -m'myblog' //将暂存区的所有内容提交到历史区
git pull origin master
git push -u origin master //把本地代码提交到远程仓库(第一次提交需要输入github的用户名、密码)
整体流程代码
hugo version //查看hugo版本
d:
cd hugo\sites\
hugo new site myblog //创建自己的博客:在D:\hugo\sites下生成myblog的文件夹
d:
cd hugo\sites\myblog //进入blog文件夹
git clone https://github.com/vaga/hugo-theme-m10c.git themes/m10c //下载主题文件:把 https://github.com/vaga/hugo-theme-m10c.git这个主题下载到 thems/m10文件夹
hugo server -t m10c --buildDrafts //本地启动
//可以通过 http://localhost:1313/ 去访问博客
hugo new post/first.md //D:\hugo\sites\myblog>hugo new post/first.md 表示在 D:\hugo\sites\myblog\content\post下生成一个 first.md文件
//去github创建一个仓库 ———— 仓库名:用户名.github.io(我的仓库名就是 zaishixiaoyao.github.io)
hugo --theme=m10c --baseUrl="http://zaishixiaoyao.github.io" --buildDrafts //在github的仓库建立好后,关联远端地址,并且在本地生成一个public文件夹
hugo --theme=主题名称 --baseUrl="github仓库地址" --buildDrafts
//第一次提交博客
cd public //进入public文件夹
git init //创建本地仓库
git add . //添加当前仓库下的所有文件到暂存区,注意有空格在.前面
git commit -m'myblog' //将暂存区的所有内容提交到历史区
git remote add origin https://github.com/zaishixiaoyao/zaishixiaoyao.github.io.git //让本地仓库与远程仓库新建一个连接。origin是随便起的一个链接名(可以改成自己想要的,只不过一般都用这个名字)
git push -u origin master //把本地代码提交到远程仓库(第一次提交需要输入github的用户名、密码)
//访问 https://zaishixiaoyao.github.io/ 可以进入博客主页
//后续写博客
d:
cd hugo\sites\myblog //进入blog文件夹
hugo new post/XXXXX.md //创建新的博客
hugo --theme=m10c --baseUrl="http://zaishixiaoyao.github.io" --buildDrafts //在github的仓库建立好后,关联远端地址,并且在本地生成一个public文件夹
hugo --theme=主题名称 --baseUrl="github仓库地址" --buildDrafts
//提交博客
cd public //进入public文件夹
git add . //添加当前仓库下的所有文件到暂存区,注意有空格在.前面
git commit -m'myblog' //将暂存区的所有内容提交到历史区
git pull origin master
git push -u origin master //把本地代码提交到远程仓库(第一次提交需要输入github的用户名、密码)
//访问 https://zaishixiaoyao.github.io/ 可以进入博客主页