Hugo博客搭建和部署

首先,创建新的站点

hugo new site name

下载主题官网:https://themes.gohugo.io/

进入站点,更换主题

 cd name
 git clone https://github.com/yoshiharuyamashita/blackburn.git

 

若出现以下问题

则可以输入以下解决

 git config --global --unset https.proxy

再次尝试更换主题即可.

将下载的blackburn文件夹剪切到themes文件夹下面并进入cofig.toml文件添加 theme="blackburn"

 

在本地执行博客,有两种方法

 hugo server -D
 //或者
 hugo server -t m10c(name of theme) --buildDrafts

 

新建博文

 hugo new post/firstblog.md

可以在本地工具修改也可以直接通过cmd修改文件,记得将文件中 draft 改为false,否则后面生成样式会失败

 

部署在Github上面

首先创建仓库,仓库名必须是: 账号名.github.io

然后连接

hugo --theme=m10c --baseUrl="https://USERNAME.github.io/ " --buildDrafts

此时会多出一个public文件夹,进入该文件夹,准备上传文件到GitHub

 
git init
git add .
git commit -m "第一次hugo博客提交"

 

然后与远程连接

 git remote add origin https://github.com/USERNAME/USERNAME.github.io.git

该种方法需要账号密码,可以先到github中setting生成一个新的tocken

 git remote set-url origin  https://<your_token>@github.com/<USERNAME>/<REPO>.git
 

 

然后,推送即可

 git push -u origin master

github仓库即有文件,此时已经成功实现了GitHub部署,使用仓库名即可访问

 

更新文章时

往基于github的Hugo静态博客推送新博文的步骤分为以下几步:

  1. 用hugo new命令新建md文件

  2. 用hugo -D 生成public html 文件

  3. 前往public目录

  4. 用git add -A命令将全部更新的文件添加到暂存区

  5. 用git commit 命令将暂存区内容添加到分支

  6. 用git push 命令将分支内容推到github上去

 cd public
 git add .
 git status
 git commit -m "add blog post"
 git pull --rebase origin master
 git push

 

 
posted @ 2022-08-16 21:53  程序圆CodeStar  阅读(293)  评论(0编辑  收藏  举报