使用Hugo和GitHub Pages创建静态网站个人博客

ops/2024/11/29 22:04:39/

不需要服务器,不需要域名,不需要数据库,可以选择模版,内容为Markdown格式。

Hugo:https://gohugo.io

文档:https://gohugo.io/getting-started/quick-start/

中文文档:https://www.gohugo.org/

下载:https://github.com/gohugoio/hugo/releases/download/v0.139.2/hugo_0.139.2_windows-amd64.zip

皮肤列表:https://www.gohugo.org/theme/

hugo new site hugo-sitecd hugo-sitegit initgit submodule add https://github.com/spf13/hyde.git themes/hydeecho "theme = 'hyde'" >> hugo.tomlhugo new about.md
hugo new post/first.md

生成内容中draft=true,即为草稿的意思,通常情况下,Hugo并不会发布和编译草稿文章。因此需要将其改为false,现在就改。

如果你想对主题做一些自定义修改,你可以Fork对应的主题到自己的仓库,然后修改。

hugo server --buildDrafts
或者
hugo server -D

访问 http://localhost:1313

假设你需要部署在 GitHub Pages 上,首先在GitHub上创建一个Repository,命名为:raoxiaoya.github.io (raoxiaoya替换为你的github用户名)。

修改hugo.toml文件中的baseURL的值为'https://raoxiaoya.github.io'

hogo.toml

baseURL = 'https://raoxiaoya.github.io'
languageCode = 'en-us'
title = 'My New Hugo Site'
theme = 'hyde'

编译

hugo

其默认指令就是build

你的静态网站就在public命令下。

public设置为submodule,修改.gitmodules

[submodule "themes/hyde"]path = themes/hydeurl = https://github.com/spf13/hyde.git
[submodule "public"]path = publicurl = https://github.com/raoxiaoya/raoxiaoya.github.io.git

提交public

cd public
git init
git remote add origin https://github.com/raoxiaoya/raoxiaoya.github.io.git
git pull origin master
git add . && git commit -m "public first commit" && git push -u origin master

访问 https://raoxiaoya.github.io/

创建hugo-site仓库,并提交提仓库

cd ../
git remote add origin https://github.com/raoxiaoya/hugo-site.git
git pull origin master
git add . && git commit -m "hugo-site first commit" && git push -u origin master

如果你想在博客中加入评论功能,可以使用 utteranc,不需要账号系统,直接基于github平台。


http://www.ppmy.cn/ops/137755.html

相关文章

云计算基础-期末复习

第一章:云计算概论 一、云计算的定义与特征 1. 定义: 云计算是一种通过网络以按需、可扩展的方式获取计算资源和服务的模式。它将计算资源视为一种公用事业,用户可以根据需求动态获取和释放资源,而无需了解底层基础设施的细节。…

AIGC时代:如何快速搞定Spring Boot+Vue全栈开发

文章目录 一、Spring Boot基础二、Vue.js基础三、Spring Boot与Vue.js集成四、性能优化与最佳实践《快速搞定Spring BootVue全栈开发》内容简介作者简介目录前言/序言本书内容本书特点读者对象 随着人工智能生成内容(AIGC)技术的迅速发展,内容…

200. 岛屿数量【 力扣(LeetCode) 】

文章目录 零、LeetCode 原题一、题目描述二、测试用例三、解题思路四、参考代码 零、LeetCode 原题 200. 岛屿数量 一、题目描述 给你一个由 ‘1’(陆地)和 ‘0’(水)组成的的二维网格,请你计算网格中岛屿的数量。 …

ajax基础

一:express框架 在终端输入nodejs文件名 // 引入express const express require(express); //创建应用对象 const app express(); //创建路由规则 app.get(/,(request,response) > {//设置响应response.send(Hello Express); }); // 监听3000端口 app.lis…

新潮传媒集团创始人张继学将出席创客匠人创始人IP领袖高峰论坛

正式官宣!中国最大的社区数字化媒体平台——新潮传媒集团创始人张继学,已确认受邀出席创客匠人5000人“全球创始人IP领袖高峰论坛”,与我们共赴一场知识服务行业的盛宴! 由创客匠人发起的“全球创始人IP领袖高峰论坛”将在2024年…

非协议默认端口的:NAT alg需配置port-mapping

参考解释文章: https://zhiliao.h3c.com/Theme/details/167990 https://zhiliao.h3c.com/Theme/details/44359 nat的alg和port-mapping - 知了社区 NAT alg的功能 NAT ALG(Application Level Gateway,应用层网关)主要完成对应用…

【11-20期】Java面试进阶:深入解析核心问题与实战案例

🚀 作者 :“码上有前” 🚀 文章简介 :Java 🚀 欢迎小伙伴们 点赞👍、收藏⭐、留言💬 文章题目:Java面试进阶:深入解析11-20期核心问题与实战案例 摘要: 本篇…

ThinkPHP Nginx 重写配置

目录 NGINX 重写 Admin项目隐藏入口文件,且禁用Admin模块&Admin.php 1️⃣配置仅用模块 2️⃣新增admin_xyz.php文件(自定义入口文件名),并绑定admin模块 3️⃣配置nginx 重写规则 NGINX 重写 在Nginx低版本中&#xff0…