hugo博客

剧情介绍

今天yr在我旁边弄新的hugo主题，我感觉他的新主题真的很清新，很不错，然后markdown记录之类的确实要比转化成html再放出来更加简单。不过可定制性没有那么好也是实话。

这个博客对于语法高亮支持很不错。交互和动画就只能限制于模板（这个语法蛮怪的，可能以后会研究一个自己的模板）所以暂时决定把这个弄成技术类博客。

我终于能把我的linux小知识都搬过来了！

//简单说一下hugo的安装和使用：

pwershell安装hugo

choco install hugo

创建hugo工作目录

hugo new site mysite

进入themes文件夹并且git pull自己用的主题

git clone https://github.com/panr/hugo-theme-terminal.git themes/terminal

配置主题

配置主题需要根据不同的主题情况,各有不同，对于我这个主题来说我要把博客官方的 config.toml 粘贴到hugo项目中，并且进行了一点修改。遇到了一点坑，我在后面注释，你可以看一下。

toml文件：

 1baseurl = "" #这个要设为空，否则生成的东西css会找不到。
 2languageCode = "en-us"
 3theme = "terminal" 
 4# theme 原本github上提供的版本是 "hugo-theme-terminal"，
 5# 但是会造成编译错误，故修改
 6paginate = 5
 7
 8[params]
 9  contentTypeName = "post"
10  themeColor = "red" #选择主题
11  showMenuItems = 2 
12  #选择显示在顶部的导航链接数目，超出的会折叠。
13  #链接具体目录可以在下面修改
14  fullWidthTheme = false
15  centerTheme = false
16
17[languages]
18  [languages.en]
19    title = "KASUSA"
20    subtitle = "kasusa的技术博客"
21    keywords = ""
22    copyright = ""
23    menuMore = "展开"
24    readMore = "品读"
25    readOtherPosts = "看看别的文章
26
27    [languages.en.params.logo]
28      logoText = "KASUSA"
29      logoHomeLink = "/"
30
31    [languages.en.menu] #顶部栏条目们（不知道顺序是按照什么计算的）
32      [[languages.en.menu.main]] #一个顶部栏条目
33        identifier = "about" #id
34        name = "About_theme" #顶部条目显示为什么文字
35        url = "/about" #点击后进入什么目录
36      [[languages.en.menu.main]]
37        identifier = "showcase"
38        name = "Showcase"
39        url = "/showcase"

写博客

在 content - posts 内新建md文件，系统会用mdmd文件内容生成博客。

对于md文件顶部的格式有着特殊的要求，这个也是因主体而异的，具体的话就要参考你的theme中archetypes文件夹内提供的模板了。我这个主题提供的模板如下：

 1+++
 2title = "hugo博客" 
 3date = "2021-05-29"
 4author = "kasusa"
 5cover = "https://tvax1.sinaimg.cn/..."
 6tags = ["博客", "hugo"]
 7keywords = ["hugo2", ""]
 8description = "今天我建立了我的hugo博客"
 9showFullContent = false
10+++

我感觉他已经很明白了，但是我遇到了一个坑就是日期，我打成了2021-5-29在预览的时候就会显示成00-01-00，要注意日期格式必须相同哦！

实时预览

hugo server -t terminal -p 51000

-t是自定义主题，-p是自定义端口，开启成功之后他会根据你后台文件的变化不停的刷新，你可以在

localhost:51000 实时的预览。

编译生成HTML

在你的项目的目录输入命令（生成到指定目录）：

hugo -d C:\Users\kasusa\Documents\GitHub\kasusa.github.io\hugo

默认的话文件会生成在public文件夹。

然后就把public文件夹的内容上传到github即可。以后也许会考虑使用action自动编译

Hugo博客

目录