其他分享
首页 > 其他分享> > MacOs使用hugo、github搭建个人博客

MacOs使用hugo、github搭建个人博客

作者:互联网

本文将介绍利用hugo搭建个人博客的关键点以及踩过的坑。

一、准备工作

本人所有的步骤都是基于mac os进行的

1.brew安装(网上有很多安装教程)
2.github上创建一个仓库,仓库的名称格式一定是:username.github.io

二、安装步骤

1.本地测试
01
2.在github上测试

三、在此过程中踩过的坑

1.第一次访问的时候发现啥都没有,网页特别空,和例子上的完全不一样

后来发现是没有设置配置文件,配置文件位于根目录下的config.toml中(也有其它格式的后缀),对于新手来说,一开始肯定不会配,别担心,直接去下载的主题的文件夹下,发现那里一般有个exampleSite的文件夹,在其中也有个config.toml文件,可直接将此文件的内容copy至根目录的config.toml中,这是效果就有了,具体的效果可以去README文件中去了解。

2.关于无法识别html标签的问题

hugo当中不知是bug还是什么情况,默认情况下无法md中原本的html元素生成新的html,这就导致了,在md文件中使用img标签时,在网页中无法加载,遇到这种情况需要在配置文件中添加代码即可解决。

[markup.goldmark.renderer]
unsafe = true
3.关于图片加载的问题

在根目录下,存在一个static的文件夹,此文件夹用来存放一些静态文件,网站所用的图片可放在此文件夹下,例如在static中创建一个images的文件夹,在里面存放一张aaa.png的图片,那么如果要在blog的文章中访问这张图片的话路径应该是“/images/aaa.png”,因为当网页push到github中后,会发现static中所有内容也到了github的目录下。

标签:MacOs,github,网页,hugo,文件夹,git,根目录
来源: https://blog.csdn.net/qq_39618959/article/details/118443054