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太慢了
- 这个步骤都是页面化的,不再描述了
- 发布成功后大概的样子
欢迎识别添加,一起交流哦!
- 也可以点击主页菜单获取