撸羊毛的托管博客来啦!使用hogo生成静态博客并通过gitee pages免费托管访问

1.下载hogo

  • 本文假定你知道hogo,不知道也没事滴,看完本篇你将有个简单的了解,hogo可以用来快速搭建官网,博客等静态网站,可通过js拿取动态数据,详细的介绍可以问问搜索引擎,这里就不仔细介绍了
  • https://github.com/gohugoio/hugo/releases 在releases列表中选择自己电脑的客户端进行下载
  • 下载好的hugo为了方便使用可以配置到PATH变量里(也可不配置)
  • 查看版本验证是否安装成功,得到以下输出则安装成功,你的版本可能和我不太一样,有成功的输出即可
//查看版本
hugo version
//得到以下输出则安装成功,你的版本可能和我不太一样,有成功的输出即可
Hugo Static Site Generator v0.79.1-EDB9248D/extended darwin/amd64 BuildDate: 2020-12-19T15:48:14Z

2.创建博客站点目录

  • 创建博客站点目录(站点目录的名称可随意指定)
hugo new site blog
  • 输入 cd blog 回车,然后进入 blog 目录 ls -l 查看下目录结构

├── archetypes       //模版目录
│   └── default.md   //在使用hugo new PAGE_NAME.md来创造一个新页面时,会根据archetypes目录下的模板,来生成新文件。
├── config.toml      //配置文件
├── content          //内容页c目录
├── data             //数据目录 比如放一些数据json等
├── layouts          //网站公共文件布局
├── static           //一些静态内容
└── themes           //主题目录
  • 可以在 https://themes.gohugo.io/ 找自己喜欢的主题,我是直接使用了 Maupassant 主题。

  • 下载maupassant主题到主题目录中

git clone git@git.zhlh6.cn:flysnow-org/maupassant-hugo.git themes/maupassant
  • 修改配置文件设置主题修改名字标题等
vim config.toml

//配置如下对比自己的信息进行修改
baseURL = "https://xiexinyang.gitee.io/"
languageCode = "zh-CN"
title = "谢新阳的博客"
theme = "maupassant"
googleAnalytics = ""  # UA-XXXXXXXX-X
## 保持分类的原始名字(false会做转小写处理)
preserveTaxonomyNames = true
## 是否禁止URL Path转小写
disablePathToLower = true
hasCJKLanguage = true
[author]
  name = "谢新阳"
[params]
  author = "谢新阳"
  subtitle = "谢新阳博客"
  keywords = "谢新阳博客,博客"
  description = "日常分享,相互学习"
  busuanzi = true #启用不算子网页统计
  googleAd = ""  #ca-pub-xxxxxxxxxxxxxx
  localSearch = true # 启用本地搜索
  # 全局开关,你也可以在每一篇内容的 front matter 中针对单篇内容关闭或开启某些功能
  toc = true  # 是否开启目录
#序列图
[params.sequenceDiagrams]
    enable = true
    options = ""            # default: "{theme: 'simple'}"
#流程图
[params.flowchartDiagrams]
  enable = true
  options = ""
## 友情链接,可以多个
[[params.links]]
  title = "谢新阳的博客"
  name = "谢新阳的博客"
  url = "https://xiexinyang.gitee.io/"
## 侧边栏广告位
[[params.ads]]
  title = "ALL IN CLoud 低至1折"
  url = "https://www.aliyun.com/activity?userCode=kl1cuopk"
  img = "https://img.alicdn.com/tfs/TB1_rYHo7P2gK0jSZPxXXacQpXa-690-388.jpg"
## 配置 utteranc评论,教程参考 https://utteranc.es/
[params.utteranc]
  enable = true
  repo = "xxxxx" ##换成自己得
  issueTerm = "pathname"
  theme = "github-light"
## 开启版权声明,协议名字和链接都可以换
[params.cc]
    name = "知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议"
    link = "https://creativecommons.org/licenses/by-nc-nd/4.0/"
## 配置网站菜单
[menu]
  [[menu.main]]
    identifier = "tools"
    name = "工具"
    url = "/tools/"
    weight = 2

  [[menu.main]]
    identifier = "archives"
    name = "归档"
    url = "/archives/"
    weight = 3

  [[menu.main]]
    identifier = "about"
    name = "关于"
    url = "/about/"
    weight = 4

  • 发布自己的第一遍文章
hugo new post/xxxxxx.md
content/post/xxxxx.md created
内容如下 在后面复制上你写好的.md文件内容即可

---
title: "文章标题"
date: 2020-05-15T20:04:41+08:00
draft: true
---

  • 实时查看自己的修改 http://localhost:1313/
hugo server -D 

Environment: "development"
Serving pages from memory
Running in Fast Render Mode. For full rebuilds on change: hugo server --disableFastRender
Web Server is available at http://localhost:1313/ (bind address 127.0.0.1)
Press Ctrl+C to stop

gitee上创建组织和项目

  • 最后生成的博客地址为 组织名.gitee.io 比如我的xiexinyang.gitee.io
  • 这里为什么要用gitee呢因为国内的网速较快,gihub太慢了
  • 这个步骤都是页面化的,不再描述了

  • 发布成功后大概的样子

欢迎识别添加,一起交流哦!

  • 也可以点击主页菜单获取

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

sltin

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值