写代码啦
如何用 hugo 搭建个人博客
回复数(0) 浏览数(33)
{{topic.upvote_count || 0}} 编辑 回复

如何用hugo搭建个人博客

hugo据说是世界上做简单的搭建博客的平台,下面就教大家如何用hugo搭建一个自己的个人博客来耍酷

安装一个hugo

可以百度上直接搜索hugo进入官网下载适合你的电脑系统的版本,将下载的压缩包解压,把里面的hugo.exe 放在你的特定文件夹中(Software)最好你的电脑上有cmder 或者vscode,方便进行操作

进入hugo官网首页,点击进入Quick Start

按照里面的步骤进行才做即可,下来一起来做一下吧
打开hugo首页

首页.png 首页.png
1. 进行第一步安装hugo(我们已经安装结束了),在cmder里测试hugo版本,如果现实版本则安装成功了

1.png 1.png

image.png image.png
2. 创建一个新的网址
可以将quickstart改成自己github名.github.io-creator/.generator

image.png image.png

image.png image.png

  1. 添加一个主题

image.png image.png

image.png image.png

image.png image.png
4. 添加内容
可以将下面my-first-post.md 改成其他的博客名字(Kerry的博客.md)

image.png image.png

image.png image.png

image.png image.png

在VScode中打开content中的kerry的博客.md,进行如下设置

image.png image.png

设置My First Post 为自己喜欢的博客名,下面对博客即兴编辑,博客完成后,将draft后面的true改成false,保存

  1. 打开hugo服务器

image.png image.png

image.png image.png
6. 优化网站

image.png image.png

在vscode中点击 ctrl+T 输入config.toml

image.png image.png

将en-us(英文) 改成 zh-Hans(中文)
将title改成自己喜欢的题目
7. 构建静态页面

image.png image.png

image.png image.png

image.png image.png

到此你已经成功的用hugo搭建了个人博客

2020.06.12 在饥人谷学习的第八天
【以上内容版权归本人和饥人谷所有】

{{topic.upvote_count || 0}}

如何用hugo搭建个人博客

hugo据说是世界上做简单的搭建博客的平台,下面就教大家如何用hugo搭建一个自己的个人博客来耍酷

安装一个hugo

可以百度上直接搜索hugo进入官网下载适合你的电脑系统的版本,将下载的压缩包解压,把里面的hugo.exe 放在你的特定文件夹中(Software)最好你的电脑上有cmder 或者vscode,方便进行操作

进入hugo官网首页,点击进入Quick Start

按照里面的步骤进行才做即可,下来一起来做一下吧
打开hugo首页

首页.png 首页.png
1. 进行第一步安装hugo(我们已经安装结束了),在cmder里测试hugo版本,如果现实版本则安装成功了

1.png 1.png

image.png image.png
2. 创建一个新的网址
可以将quickstart改成自己github名.github.io-creator/.generator

image.png image.png

image.png image.png

  1. 添加一个主题

image.png image.png

image.png image.png

image.png image.png
4. 添加内容
可以将下面my-first-post.md 改成其他的博客名字(Kerry的博客.md)

image.png image.png

image.png image.png

image.png image.png

在VScode中打开content中的kerry的博客.md,进行如下设置

image.png image.png

设置My First Post 为自己喜欢的博客名,下面对博客即兴编辑,博客完成后,将draft后面的true改成false,保存

  1. 打开hugo服务器

image.png image.png

image.png image.png
6. 优化网站

image.png image.png

在vscode中点击 ctrl+T 输入config.toml

image.png image.png

将en-us(英文) 改成 zh-Hans(中文)
将title改成自己喜欢的题目
7. 构建静态页面

image.png image.png

image.png image.png

image.png image.png

到此你已经成功的用hugo搭建了个人博客

2020.06.12 在饥人谷学习的第八天
【以上内容版权归本人和饥人谷所有】

33
回复 编辑