曾在学习之余，收到过同学给出的一个私人网址，里面是某位学长的学习记录与心得体会，当时便被这样的网站设计所吸引，所有也想自己尝试搭建一个私人网站，用来记录生活中的点点滴滴。

下载 Hugo

1. hugo

这里根据自己的电脑选择对应版本

Stack 主题需要下载 extended 版本！！！否则会部署失败！！！

2. stack主题

不要使用 Download ZIP 命令进行下载，用git clone命令克隆到本地。

使用 Git bash命令键入以下代码：

git clone https://github.com/CaiJimmy/hugo-theme-stack.git

后期我们需要将主题文件移动到别的地方，记一下它的地址别找不到了

新建站点

请把hugo.exe文件放在D盘或者E盘（我这里放在d盘），接下来的步骤可以避免产生多余文件夹

在cmd中进入d盘，输入

hugo new site ./Blog

💡做完这一步操作之后把hugo.exe文件移动到Blog目录下

已生成Blog文件，这里存放我们的博客所有文件

将我们刚刚克隆过来的hugo-theme-stack文件移动到D:\Blog\themes中

将 hugo-theme-stack 中的 archetypes 文件夹拷贝到 demo 目录中替换之前中的文件

这两个文件也是同样的操作

删除Blog目录下的config.toml 文件，目前版本下这个文件没啥用了已经，我们主要使用config.yaml

找到E:\Blog\content\post\rich-conten目录下的 index 文件

删除以下代码。这些外国网站在部署会被墙，导致无法访问而出错

生成网站

从 Blog目录进入 CMD

键入以下代码并执行

cd demo
hugo server

💡这里主要看有没有出现网址，出现localhost:1313基本上就成功了

打开浏览器输入网址http://localhost:1313/

显示以下界面即为成功！

新建页面

在Blog目录下运行以下指令

hugo new post/test/index.md

💡中文页面要设置 index.md 的文件编码为 UTF-8，否则会出现乱码

然后在/content/post 目录下就可以看到新建的页面

页面内容

以 test/index.md 为例

title: "Lovir"
description: 
date: 2023-05-20T19:25:17+08:00
image: pexels-andreas-15549332.jpg
math: 
license: 
hidden: false
comments: true
draft: false
categories:
  - Lovir
tags:
  - Lovir
  - css

• 相关解释

title: 目录标题
description: 简介
date: 系统自动生成
image: 同目录下的文件，用作封面
math: 是否支持数学公式
license: 
hidden: 是否隐藏文章
comments: 是否允许评论
draft: 是否设置为草稿（必须改为false才会在网站中显示）
categories: 所在的目录
  - 教程
tags: 所属的云标签
  - tags
  - test

• 正文部分支持MarkDown语法，直接在Typora中编辑好粘贴过去就行了~建议使用外链，减轻文章体积