如何快速搭建个人博客

Posted by UpSheng on Thursday, July 4, 2024

突然很想搭一个自己的博客网站,记录自己的学习和生活。一翻搜索了解后,决定使用hugo

博客例子

hugo

hugo是一个快速生成静态网站的工具

安装

mac 安装的话很简单,运行如下语句,其他环境的话可以去官网看一下

brew install hugo

检查一下安装是否正常

hugo version

使用

创建一个站点,quickstart是名字可以任取

hugo new site quickstart

image-20240707113550348

执行后会生成一个目录结构

image-20240707113654959

选择一个主题样式,可以到 huog挑选,git需要提前安装一下

修改配置文件 hugo.toml,增加一行主题配置

cd quickstart
cd themes
git clone https://github.com/zhaohuabing/hugo-theme-cleanwhite.git
cd ..
echo "theme = 'hugo-theme-cleanwhite'" >> hugo.toml

生成站点,多出一个public目录,就是静态网站的html、css等文件

可以直接访问本地http://localhost:1313/

hugo server

image-20240707115058039

image-20240707121200301

编写博客

可以运用hugo new content 生成一个markdown模版,后面跟着一个路径

hugo new content content/post/my-first-post.md

可以修改标题、时间、图片、标签、分类。在正文写下点内容

---
title:       "An Example Post"
subtitle:    ""
description: ""
date:        2018-06-04
author:      ""
image:       ""
tags:        ["tag1", "tag2"]
categories:  ["Tech" ]
---

hello world

重新生成

hugo

image-20240707124449815

文章点进去之后

image-20240707124507756

public目录就是输出的内容,可以直接拷贝到web服务器下展示