基于Hugo的github个人博客的搭建

一、前期准备
以windows系统为例
1.下载Githttps://git-scm.com/downloads
2.下载Hugohttps://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)就可以从外网访问。

posted @ 2023-09-03 14:41  好(justice)……  阅读(47)  评论(0编辑  收藏  举报