如何用 hugo 搭建个人博客

一、安装Hugo

1.hugo下载下载hugo_xxxWindows-64bit.zip

2.解压后将hugo.exe放到自己软件文件,再将路径加到PATH

3.重启终端,运行hugo version命令查看是否安装成功(版本号)

二、跟随官网教程运行命令

1.网址:hugo官网

2.在一个安全的位置用cmder运行以下代码:

hugo new site csyuser.github.io-creator   //生成一个new site,csyuser为github账号的用户名小写,创建了一个csyuser.github.io-creator的文件(博客生成器)

3.在csyuser.github.io-creator的目录下运行以下代码

git init
git submodule add https://github.com/budparr/gohugo-theme-ananke.git themes/ananke  //下载一个主题
hugo new posts/my-first-post.md  //my-first-post  改成自己博客文章的名字,这时候会报错,运行以下代码
code themes/anank/theme.toml   //会跳出一个界面,然后将里面的0.30.2加上引号(对照报错信息)
hugo new posts/my-first-post.md  //再次运行这条命令就不会报错,至此创建文章已经创建,创建目录会提示

4.用code打开创建的文章,上面的信息不要更改,如下图,当draft为true时表示文章状态为草稿状态不公布,false相反

start.png

5.运行以下代码

hugo server -D   //生成本地博客,会有一个网址本地可看

6.配置博客:在code里面ctrl+p粘贴config.toml进入此页面后,如下图,第一个地址先不管,第二行语言改成:"zh-Hans",第三行title改成自己的主题,比如"皮皮的博客",第四行主题不改

setting.png

7.运行代码

hugo    //创建一个public文件,里面会有html等文件

8.在最外面新近一个文件:.gitignore 弹出的界面协商/public/,意思就是当前这个仓库不要储存public,public要自成一个仓库
9.进入public上传代码

cd public  //进入public
git init 
git add .
git status
git commit -v

10.进入github新建一个仓库,仓库名必须为用户名.github.io,然后运行上传到github的代码即可
11所有创建的文件层叠关系如下图

file.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。