10分钟搭建自己的blog网站

简介: 10分钟搭建自己的blog网站

hugo是什么

Hugo 是最受欢迎的开源静态网站生成器之一。用户可以使用 Hugo 来快速搭建自己的网站。

搭建步骤

1.安装hugo

在mac上面,可以使用以下命令来安装hugo:

brew install hugo

install

安装完之后可以使用 hugo version 来查看是否安装好:
hugo_version

2.使用hugo创建blog网站

安装完 hugo 之后,就可以使用 hugo 来搭建自己的blog网站了。
使用hugo new site my-blog 来创建一个名为 my-blog 的网站。
new-blog-site
运行完之后就会在当前目录创建一个 my-blog 的目录。
之后进入该目录,并使用 git 进行初始化。

cd my-blog
git init

3.选择一个theme

在创建好网站之后,需要选择一个theme。这里有很多主题可供选择:hugo themes
在这里我选择的是 hugo-theme-even 这个主题。此时需要将其作为一个 submodule 放在themes/even下面。

git submodule add https://github.com/olOwOlo/hugo-theme-even.git themes/even

pick-theme
之后将 themes/even/exampleSite/config.toml 拷贝到当前目录,并覆盖 hugo.toml

cp themes/even/exampleSite/config.toml hugo.toml

4.创建一篇blog

当配置好主题之后,就可以创建自己的blog了。
使用hugo new content content/post/my-first-post.md 即可创建一篇blog。
可以看到当执行完该命令后,在 content/post/ 下面会出现一个新的md文件。
my-first-blog

5.运行hugo

当前面的配置好之后,就可以使用 hugo server 来启动一个hugo server。

点击链接,即可访问blog网站的地址

此时会发现,之前创建的那篇blog并没有在里面显示,原因是一开始创建的blog是draft,在hugo server 模式下并不会显示draft的blog。
如果需要显示,则需要使用hugo server -D

以上就可以完成了blog网站的搭建了。

参考链接

  1. https://gohugo.io/getting-started/quick-start/
  2. https://github.com/olOwOlo/hugo-theme-even
  3. https://medium.com/@magstherdev/hugo-in-10-minutes-2dc4ac70ee11
目录
相关文章
|
12月前
|
存储 安全 中间件
Hugo博客搭建教程以及配置调优
Hugo博客搭建教程以及配置调优
551 9
|
27天前
|
JSON 并行计算 开发工具
MinerU 生态实战_图片型PDF批量转Markdown
MinerU云端服务提供零依赖PDF转Markdown方案:Python SDK或CLI工具,免GPU、免环境配置,支持批量处理扫描件。Flash模式免Token,精准模式免费申请Token,轻松应对图片型PDF解析需求。
313 2
|
域名解析 缓存 网络协议
减少域名dns解析时间
域名解析中的TTL值设置多少合适
1145 5
|
Shell Go 开发工具
使用 Hugo 快速搭建一个云博客系统
使用Hugo快速搭建博客,Hugo是基于Go的静态站点生成器,以其简单、高效著称。[官网](https://gohugo.io/) 提供多种主题,如[m10c](https://themes.gohugo.io/themes/hugo-theme-m10c/)等。在Mac上可通过`brew install hugo`安装。创建站点`hugo new site ~/hugo-blog`,
757 0
使用 Hugo 快速搭建一个云博客系统
|
前端开发 持续交付 网络安全
零成本快速搭建美观个人网站
这是一份详细的零成本个人网站搭建指南,采用 Hugo + PaperMod 主题生成静态网站并托管于 GitHub Pages,实现全自动部署与全球 CDN 加速。方案包含基础配置、内容添加、进阶美化技巧及优化方法,如配色调整、响应式布局和 SEO 优化等。相比传统 WordPress 方案,本方法完全免费、加载速度快且无需服务器维护,适合开发者快速建立专业在线形象。
1140 6
|
XML JSON API
1688商品详情API接口系列
1688商品详情API接口系列是阿里巴巴旗下1688网站为开发者提供的一系列应用程序编程接口,旨在帮助开发者或企业获取1688平台上特定商品的详细信息。以下是对1688商品详情API接口系列的详细概述:
|
域名解析 网络协议 安全
DNS隧道
【8月更文挑战第20天】
804 1
|
Python
Python量化炒股的获取数据函数— get_billboard_list()
Python量化炒股的获取数据函数— get_billboard_list()
451 0