使用 hugo 搭建个人博客

404 阅读2分钟

费了老大劲终于给博客搭好了。

买了个域名试了一下,借鉴别人的主题终于弄了一个自己的页面,同步更新了笔记,大家有兴趣可以看一下:

老咸鱼的水洼

有一说一hugo确实不太好用。。。

接下来附上详细步骤:

  1. 首先当然是安装hugo了^_^。安装完后运行hugo version可以检查是否成功安装

  2. 通过运行hugo new site xxxx.github.io-creator在当前目录下建立新的hugo目录,名为xxxx.github.io-creator (xxxx为github用户名,全小写。)

  3. 进入xxxx.github.io-creator目录,在目录中建立git库(git init)

  4. 运行git submodule add https://github.com/budparr/gohugo-theme-ananke.git themes/ananke,从github下载名为ananke的主题(这个主题是默认的)

  5. 运行echo 'theme = "ananke"' >> config.toml,将主题信息添加到配置文件中

  6. 运行hugo new post/blog01.md,在当前目录下的post目录中新建 blog01.md

  7. 进入post目录中,运行code blog01.md,打开blog01进行编辑

  8. 修改title为任意内容,draft属性改为false(draft属性决定文件是否保存为草稿)

  9. 哒哒哒的码入内容……

  10. 码完保存后,运行hugo -D建立页面,该页面会以文件夹的形式出现在xxxx.github.io-creator/public/post中

  11. 运行hugo server,启动hugo服务器(也可以省略步骤10,运行`hugo server -D即可),便可从本地查看页面效果。若要配置新主题,需自行琢磨。。

  12. 回到xxxx.github.io-creator目录,运行touch .gitignore并打开,将public文件夹输入,从git本地库中忽视该文件夹

  13. 访问github,建立新的远程库,名为xxxx.github.io (xxxx同样为用户名小写,不能出错)

  14. 进入public目录

  15. 复制远程库SSH地址,运行git remote add oringin SSH地址将本地库public与远程库xxxx.github.io联系起来

  16. 运行git push -u xxxx.github.io master,将本地public中的内容上传至github

  17. 进入setting,可以看到链接xxxx.github.io//,这就是上传至public的博客页面了

如果要添加新的博客,按以下步骤:

  1. 回到xxxx.github.io-creator目录下,运行hugo new post/aaaaa.md

  2. 打开aaaaa.md

  3. 修改属性,码字,保存

  4. 运行hugo -D在public中生成页面

  5. add commit push三连送上,就完成了博客的更新