【博客】使用hugo在window下搭建个人博客
文章目录
1、Hugo的安装
①hugo下载地址:https://github.com/gohugoio/hugo/releases
②创建文件夹存放hugo,将解压后的hugo.exe文件放到bin目录下。
③ 修改环境变量
使我们可以在cmd下运行hugo进行相关操作;
找到系统变量的Path,新建将hugo.exe所在的路径添加进去;
测试,打开cmd,输入hugo version,查看hugo是否添加成功。
现在我们可以开始进行博客搭建了。
2、博客搭建
① 建立站点
- 命令:
hugo new site 文件夹名称 # 我的是myBlog
- 在对应路径下查看,是否创建成功
- 查看站点信息
② 创建文章
- 命令:
hugo new post/blog.md # **在创建的站点路径下执行**,即我的是在MyBlog路径下执行
- 命令:
hugo server --buildDrafts
浏览器访问上面地址可进入博客。
可在对应的路径下查看自己创建的文章。
当前的博客没有主题,所以需要下载一个心仪的博客主题。
③下载主题
- 网址:https://themes.gohugo.io/
选择心仪主题,然后download会跳转到对应的github。根据选择主题的指示进行主题下载。
我的是m10c
- 下载完成后,更改主题
在站点文件夹中找到config.toml,打开,添加或者修改theme = “m10c”,即现在默认的站点主题就是m10c。
- 执行命令,查看博客的变化
注:有些模板可能显示有问题,需要在下载主题的那个GitHub地址去看它的配置细节。
3、将博客部署到GitHub
(前提:安装好Git,配置好GitHub的远程连接设置)
①新建一个repository
注意:repository的命名需要和用户名对应。
我的repository名字如下:
- repository创建成功后,使用命令
hugo --baseUrl="https://Kaimar666.github.io" --buildDrafts # baseUrl对应自己的repository
- 成功后会生成一个public文件夹,里面是一些关于自己站点的文件
然后将public的文件上传到GitHub就行了。
②博客文件提交到GitHub
- 文件夹初始化,在public路径下,初始化文件夹,命令如下:
git init
成功了会有一个.git的文件夹。
- 将所有文件添加到暂存区,命令如下:
git add .
- 提交文件到本地仓库,命令如下:
git commit -m "自己添加备注"
- 关联远程仓库,命令如下:
git remote add origin https://github.com/Kaimar666/Kaimar666.github.io.git
上面的那个网址在自己的GitHub对应的repository可以找到。
- 提交内容到远程仓库,命令如下:
git push -u origin master
查看repository,成功上传。
- 现在就可以用自己的repository进行博客访问了,我的是https://Kaimar666.github.io访问博客
到此,就搭建完成了。
4、博客内容更新
修改博客文件或者内容后,需要执行命令进行build,然后public就会更新,再将public推到GitHub的那个repository就行了。
①执行命令进行build
hugo --baseUrl="https://Kaimar666.github.io" --buildDrafts
②将public推到GitHub(三行命令完成更新)
注意:要进到public文件夹进行操作,上面有说明。
git add -A .
git commit -m "note"
git push origin master
参考
[1] 羊哥的B站视频,https://www.bilibili.com/video/BV1q4411i7gL
[2] https://www.cnblogs.com/Codemandyk/p/10855891.html
[3] https://www.cnblogs.com/zoelius/p/11424333.html