基于Hugo的github个人博客的搭建
一、前期准备
以windows系统为例
1.下载Git(https://git-scm.com/downloads)
2.下载Hugo(https://github.com/gohugoio/hugo/releases)按照自己电脑下。
3.设置环境变量:打开环境变量可以看到在系统变量有一个变量名为PATH的变量,直接点击然后编辑,把自己的git和hugo的位置添加进去。注意不是新建变量一个到放到系统变量。还有,Git如何配置,请自行Google,网上的教程很多也很详细。
添加完后,就可以在cmd中用git、hugo了,注意cmd以管理员身份启动。在cmd中输入git就会出现一堆东西,说明安装好了;hugo同理。
二、写第一篇博客
以下均在cmd(管理员身份)下执行
1.建文件夹
一般刚开始都是
C:\Windows\system32>
进入你要放博客的文件夹,比如要去D盘的blog文件夹:
C:\Windows\system32>cd..
C:\Windows\system32>cd..
C:\Windows>cd..
C:\>cd..
C:\>D:
D:\>dir /a * //查看当前目录下所有文件
驱动器 D 中的卷是 Data
卷的序列号是 8683-6118
D:\ 的目录
2019/04/22 09:42 <DIR> ***
2019/08/29 09:48 <DIR> ***
2019/08/22 09:15 <DIR> ***
2019/08/29 14:34 <DIR> ***
2019/07/02 22:31 <DIR> ***
2019/08/18 11:40 <DIR> ***
2019/08/29 16:04 <DIR> ***
2019/05/25 18:10 <DIR> ***
2019/06/02 18:26 <DIR> ***
2019/09/03 13:53 <DIR> ***
0 个文件 0 字节
10 个目录 271,467,929,600 可用字节
D:\>cd Blog
D:\Blog>
D:\Blog>hugo new site *myblog*(你自己命名所要的文件夹,下面以myblog为例)
D:\Blog>cd myblog
D:\Blog\myblog>
2.下载hugo主题
https://themes.gohugo.io
选一个喜欢的主题打开,找到Quick Start下面的克隆地址(以这个主题为例)
D:\Blog\myblog>git clone https://github.com/vaga/hugo-theme-m10c.git themes/m10c
等待下载。
3.在本地启动个人博客
D:\Blog\myblog>hugo server -t m10c(主题名称) --buildDrafts
就可以在本地访问博客了。会显示一个地址http://localhost:1313/
Ctrl+C停止。
4.写第一篇博客
D:\Blog\myblog>hugo new post/blog.md(自己命名,markdown文本)
路径是这样的:D:\Blog\myblog\content\post\blog.md
然后可以编辑了,可以用VS,notapad++等等。写完保存。再次在本地执行就可以看到刚刚编辑的已经写进去了。
三、部署到github上
1.在github上新建仓库
仓库已经建立OK!
2.从本地推上去
D:\Blog\myblog>hugo --theme=m10c --baseURL="http://(用户名).github.io/" --buildDrafts
此时在myblog文件夹中会生成一个pubilc文件夹,把public文件夹传上来。
D:\Blog\myblog>cd public
D:\Blog\myblog\public>git init
D:\Blog\myblog\public>git add .
D:\Blog\myblog\public>git commit -m "first commit"
D:\Blog\myblog\public>git remote add origin https://github.com/(用户名)/(用户名).github.io.git
D:\Blog\myblog\public>git push -u origin main
OK!现在你的博客(用户名.github.io)就可以从外网访问。