当前位置: 首页 > news >正文

搭建个人博客

Windows:
choco install hugo -y

MacOS:
brew install hugo

Linux:
sudo apt-get install hugo

创建博客项目
创建一个新的Hugo项目:
hugo new site my-blog
cd my-blog

添加主题
Hugo提供了丰富的主题,你可以从Hugo Themes网站选择一个喜欢的主题。以下以ananke主题为例:

git submodule add https://github.com/budparr/gohugo-theme-ananke.git themes/ananke
echo ‘theme = “ananke”’ >> config.toml

创建内容
创建一个新文章:

hugo new posts/my-first-post.md

编辑生成的Markdown文件,添加内容:


title: “My First Post”
date: 2024-10-01T15:00:00+08:00
draft: false

This is my first post on my new blog.

启动本地服务器
启动Hugo本地服务器,预览博客:
hugo server

访问http://localhost:1313,你将看到你的个人博客。

部署个人博客
搭建好本地博客后,下一步是将其部署到互联网上,让全世界都能访问。

使用GitHub Pages部署
GitHub Pages是一个免费的静态网站托管服务,非常适合部署Hugo博客。

创建GitHub仓库:在GitHub上创建一个新的仓库,例如yourusername.github.io。

配置Hugo:在config.toml中添加以下配置:

baseURL = “https://yourusername.github.io/”

生成静态文件:
hugo

部署到GitHub Pages:将生成的public目录内容推送到GitHub仓库:

cd public
git init
git remote add origin https://github.com/yourusername/yourusername.github.io.git
git add .
git commit -m “Initial commit”
git push -u origin master

访问博客:访问https://yourusername.github.io/,你的博客已经上线了!

优化与维护
添加元标签:在layouts/partials/head.html中添加SEO相关的元标签,如。

使用友好URL:确保文章的URL简洁易读,如/posts/my-first-post/。

http://www.dtcms.com/a/308576.html

相关文章:

  • 决策树实现回归任务
  • 利用可观测性进行高效故障治理:从预防到改进的完整实践
  • 从Excel到工时管理系统:企业如何选择更高效的工时记录工具?
  • 第二十九章:AI的“原子与批次”:高维数据表示与操作精炼【总结前面(1)】
  • Windows 安全中心是什么?如何关闭 Windows 11 的安全中心
  • 算法导论第三版代码python实现与部分习题答案-第六章:堆排序
  • DooTask非营利性组织:让高效协作触手可及
  • Day 5: 深度学习理论与PyTorch实现 - 神经网络训练的艺术
  • RocketMQ消息队列:从入门到Spring Boot实战
  • 【React】fiber 架构
  • OS架构整理
  • Spring Boot音乐服务器项目-移除喜欢和操作
  • C语言07
  • 【n8n】mysql凭证设置,及注意问题
  • 智能交通顶刊TITS论文分享|跨区域自适应车辆轨迹预测:TRACER框架攻克域偏移难题!
  • Linux进程创建,终止与等待
  • 哈希的概念及其应用
  • Java学习------Executor框架
  • C++语言的发展历程、核心特性与学习指南
  • Tang Prime 20K板OV5640例程
  • 【软件架构】八大架构解析
  • 点控云数据洞察智能体:让汽车行业决策有据可循,让业务增长稳健前行
  • OpenCV 的 Mat 类详解
  • 亚马逊自然流量增长密码:从算法逻辑到运营体系的全维度解析
  • WSL配置网络说明
  • 太阳光模拟器测试包装材料的耐候性
  • SUID/SGID是啥?如何让普通用户拥有root的能力?
  • WinForm之CheckBox 控件
  • Conda环境下配置的基本命令
  • 【Android】PopupWindow实现长按菜单