windows下hugo博客开发代码

599 阅读6分钟

参考文献

下载网址:

github.com/gohugoio/hu…

hugo官网:

gohugo.io/

视频教程:

www.bilibili.com/video/av715… (windows最详细的视频教程,唯一的缺点是没有配音)

www.bilibili.com/video/av515… (codesheep羊哥的教程,MAC下的教程,对windows的小白极其不友好)

文字教程:

blog.csdn.net/qq_41684621…

saquarius.com/2019/07/hug…

sb.sb/blog/migrat…

(这三篇,是我在刚开始做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/ 可以进入博客主页