前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Windows环境下搭建hugo博客部署到GitHub上

Windows环境下搭建hugo博客部署到GitHub上

作者头像
兮动人
发布2021-06-11 11:40:56
1.3K0
发布2021-06-11 11:40:56
举报
文章被收录于专栏:兮动人的博客

废话不多说,直接上教程

基于go语言的hugo博客,是对于大多数人的选择,跨平台性,Windows、Linux、macOS都可以部署。有关hugo的详情请查阅更多资料及访问官网了解更多。 hugo官网:https://www.gohugo.org/ 下载地址:https://github.com/gohugoio/hugo/releases

下载完成之后接着解压出来了

安装
  • 首先配置下环境变量,不然启动不了。在此电脑上的增加一行hugo.exe的路径,如:
  • 电脑上最好安装个git,是比较方便的。我先在E盘根目录下创建个博客的文件夹,如:myblog,然后启动创建的命令:
代码语言:javascript
复制
hugo new site myblog

最后检查下hugo version显示表示创建成功了,就这么简单。 生成的博客文件:

更换主题

hugo主题官网:https://www.gohugo.org/theme/ 随便找个主题来更换默认的主题,如:https://themes.gohugo.io/hugo-theme-m10c

主题里面的内容也会有说明怎么安装主题的。

这里的git clone会直接下载到你Git所处的目录下 接着在本地启动博客并运行:

代码语言:javascript
复制
hugo server --theme=m10c --buildDrafts

也可以这样写:

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

接着访问本地站点:

实际创建一篇文章

创建第一篇文章,放到 post 目录,方便之后生成聚合页面。

代码语言:javascript
复制
hugo new post/first.md

然后在/context/post目录下就有first.md了

打开编辑 post/first.md ,此时最好用编辑器来写博客,一般都是Markdown格式的。 写好后保存并退出。git路径切换到根目录启动博客,还是刚才的命令

访问:

GitHub上部署

需要部署在 GitHub Pages 上,首先在GitHub上创建一个Repository,命名为:xdr630.github.io (xdr630替换为你的github用户名)。 首先在GitHub上创建一个空的仓库。 注意:仓库名必须跟自己的用户名一样 用户名.github.io,如:

创建完成之后,接着把本地博客部署到GitHub上 在站点根目录执行 Hugo 命令生成最终页面:

代码语言:javascript
复制
hugo --theme=m10c --baseUrl="https://xdr630.github.io/" --buildDrafts

(注意,以上命令并不会生成草稿页面,如果未生成任何文章,请去掉文章头部的 draft=true 再重新生成。)

接着在根目录下myblog下就会生成一个public文件夹,里面有个post 文件夹就是博客的刚才写的first.md的博文,已经从md格式转换为HTML格式。

刚才写的fist.md文章就是对应着生成的first文件夹中所生成的index.html。 如果一切顺利,所有静态页面都会生成到 public 目录,将pubilc目录里所有文件 push 到刚创建的Repository的 master 分支。

代码语言:javascript
复制
cd public
git init	//初始化
git add .	//把所以东西全部加进去
git commit -m "我的hugo博客第一次提交" //提交信息,把文件全部加到本地仓库里去
//本地仓库与GitHub上的仓库进行关联
git remote add origin https://github.com/xdr630/xdr630.github.io.git
//把文件推上去
git push -u origin master

访问:

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019/11/24 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

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

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 安装
  • 更换主题
    • 实际创建一篇文章
    • GitHub上部署
    领券
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档