使用hugo在window下搭建个人博客

【博客】使用hugo在window下搭建个人博客

1、Hugo的安装

①hugo下载地址:https://github.com/gohugoio/hugo/releases

下载列表

②创建文件夹存放hugo,将解压后的hugo.exe文件放到bin目录下。

hugo.exe

③ 修改环境变量

使我们可以在cmd下运行hugo进行相关操作;
找到系统变量的Path,新建将hugo.exe所在的路径添加进去;
测试,打开cmd,输入hugo version,查看hugo是否添加成功。
path
path1
hugo
现在我们可以开始进行博客搭建了。

2、博客搭建

① 建立站点

  • 命令:
hugo new site 文件夹名称      # 我的是myBlog

myblog

  • 在对应路径下查看,是否创建成功
    myblog1
  • 查看站点信息
    site

② 创建文章

  • 命令:
hugo new post/blog.md      # **在创建的站点路径下执行**,即我的是在MyBlog路径下执行

new post

  • 命令:
hugo server --buildDrafts

1313
浏览器访问上面地址可进入博客。
site
可在对应的路径下查看自己创建的文章。
post
当前的博客没有主题,所以需要下载一个心仪的博客主题。

③下载主题

  • 网址:https://themes.gohugo.io/
    选择心仪主题,然后download会跳转到对应的github。根据选择主题的指示进行主题下载。
    我的是m10c
    theme
  • 下载完成后,更改主题
    在站点文件夹中找到config.toml,打开,添加或者修改theme = “m10c”,即现在默认的站点主题就是m10c。
    config
    config.toml
  • 执行命令,查看博客的变化
    注:有些模板可能显示有问题,需要在下载主题的那个GitHub地址去看它的配置细节。
    my site

3、将博客部署到GitHub

前提:安装好Git,配置好GitHub的远程连接设置)

①新建一个repository

注意:repository的命名需要和用户名对应。
我的repository名字如下:
github

  • repository创建成功后,使用命令
hugo --baseUrl="https://Kaimar666.github.io" --buildDrafts   # baseUrl对应自己的repository

build

  • 成功后会生成一个public文件夹,里面是一些关于自己站点的文件
    public
    然后将public的文件上传到GitHub就行了。

②博客文件提交到GitHub

  • 文件夹初始化,在public路径下,初始化文件夹,命令如下:
git init

成功了会有一个.git的文件夹。
public

  • 将所有文件添加到暂存区,命令如下:
git add .
  • 提交文件到本地仓库,命令如下:
git commit -m "自己添加备注"
  • 关联远程仓库,命令如下:
git remote add origin https://github.com/Kaimar666/Kaimar666.github.io.git

上面的那个网址在自己的GitHub对应的repository可以找到。
git

  • 提交内容到远程仓库,命令如下:
git push -u origin master

查看repository,成功上传。
push

  • 现在就可以用自己的repository进行博客访问了,我的是https://Kaimar666.github.io访问博客
    Kaimar
    到此,就搭建完成了。

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

猜你喜欢

转载自blog.csdn.net/weixin_40910614/article/details/112295397