首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >如何用hugo+github搭建个人博客

如何用hugo+github搭建个人博客

原创
作者头像
用户10565264
修改2023-05-22 20:52:12
修改2023-05-22 20:52:12
1.3K1
举报
文章被收录于专栏:搭建博客搭建博客

1.前往hugo下载对应版本的hugo

2.解压并配置环境变量

3.打开cmd,检测是否安装成功

代码语言:txt
复制
hugo version

出现下面字样,表明成功

4.使用hugo生成自己的博客

首先,建立一个博客文件夹,然后cd切入进去,输入

代码语言:javascript
复制
hugo new site testblog

然后,前往官网选择自己喜欢的主题并下载下来。(点击某主题之后下面会有安装教程,这儿就需要你的电脑安装并配置好了git,没有安装的去找一下,相关的博客很多,,操作也很简单)

按照他的操作步骤,,,cd进入到testblog文件夹下,git init一下,然后git clone

之后,在本机启动个人博客

使用指定主题启动Hugo

代码语言:javascript
复制
hugo server -t	toha --buildDrafts

最后会生成一个本地博客网页,点进去可以本地浏览

5.部署博客到github上

md格式语法大家稍微了解一下,有用,,,,在test下新建一篇博客firstblog

代码语言:txt
复制
hugo new test/firstblog.md

前往【content/post/firstblog.md】文件夹,对文件进行编辑

保存后,关闭并重启hugo

代码语言:txt
复制
hugo server -t	toha --buildDrafts

访问启动链接便可看到刚写的博客

7.在github新建一个仓库,名字必须为你的github纯小写字母名字+github.io,如图

使用cmd上传到github

首先生成public文件夹,下面命令你的baseUrl中改成自己的名字

代码语言:txt
复制
hugo --theme=toha --baseUrl="httpss://zengxiaochao.github.io/" --buildDrafts

然后进public创建git仓库,上传github

代码语言:txt
复制
cd public

git init

git add .

git commit -m "部署Hugo博客第一次测试"                      //提交一次

git remote add origin https://github.com/zengxiaochao/zengxiaochao.github.io.git                              //关联远端github仓库

git push -u origin master                //推上去

有时会让你重新输入用户名和密码

8.访问公网博客

9.在此之后更新文章,使用hugo生成新的静态页面,并使用git push进行同步

代码语言:javascript
复制
cd public
git add .
git status
git commit -m "add blog post"
git push

提示以下,commit -m 后面的东西是此次提交的备注,通常用来说明提交人的名字

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 之后,在本机启动个人博客
  • 使用cmd上传到github
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档