使用hugo搭建个人博客mac版

1,053 阅读1分钟

大家好,今天给大家分享下如何使用hugo搭建个人博客

1.安装hugo

在终端中输入 brew install hugo安装。

安装成功后可输入hugo version查看版本信息。


2.创建新网址

hugo new site quickstart 其中quickstart更改为用户名.github.io-creator(用户名为github用户名,需要小写) 使用code 用户名.github.io-creator使用vscode查看目录


3.添加一个主题

在vscode目录下打开新的终端,输入 git init

git submodule add https://github.com/budparr/gohugo-theme-ananke.git themes/ananke

然后,将默认主题添加到站点配置中:

echo 'theme = "ananke"' >> config.toml

还可自定义主题,具体可浏览hugo官网查看教程。


4.添加一些文件

hugo new posts/my-first-post.md

其中my-first-post可更改博客名。 可从下图内容后编辑

并将draft:ture更改为draft:false


5.启动Hugo服务器

hugo server -D


6.建立静态页面

hugo -D 自动创建一个public目录。

7.上传至github

  1. 在vscode新建一个.gitignore,进入后输入

  2. 终端下输入

    cd public/

    git init

    git add .

    git commit -v备注后关闭,第一篇文章就部署完毕。

  3. 在github上新建仓库,名称为:用户名.github.io

终端中输入 git remote add origin git@github.com:github用户名/用户名.github.io.git

git push -u origin master后,刷新页面即可

  1. 在github settings中找到GitHub Pages,点击https://github用户名.github.io/即可