如何在 GitHub 上写博客

如何在 GitHub 上写博客并保存

GitHub 是一个强大的平台,不仅用于托管代码,还可以用于写博客。借助 GitHub Pages,你可以免费创建和托管个人博客。通过 GitHub Pages 或静态站点生成工具(如 Jekyll、Hugo、Hexo 等),你可以轻松地将 Markdown 文件转换为一个完整的博客网站。接下来,我们将介绍几种在 GitHub 上写博客的常用方法。

方法 1:使用 GitHub Pages + Markdown(最简单)

1. 创建 GitHub 仓库
  • 登录到你的 GitHub 账户。
  • 创建一个新的仓库,命名为 <你的用户名>.github.io,例如 johnsmith.github.io
  • 确保仓库是公开的(Public)。
2. 编写博客内容
  • 在仓库中创建 Markdown 文件。例如,创建 _posts/2024-05-20-my-first-post.md
  • 使用 Markdown 语法编写博客内容,如下所示:
---
title: "我的第一篇博客"
date: 2024-05-20
---## 欢迎来到我的博客!
这是我的第一篇 GitHub 博客。
3. 启用 GitHub Pages
  • 进入仓库的 Settings → Pages。
  • 选择分支(如 main)并指定根目录(/ 或 /docs)。
  • 保存后,等待 GitHub Pages 部署。
4. 访问博客
  • 访问 https://<你的用户名>.github.io 来查看你的博客。

方法 2:使用 Jekyll(GitHub 原生支持)

Jekyll 是 GitHub Pages 原生支持的静态网站生成器,非常适合用于博客创建。

1. 创建 Jekyll 项目
  • 首先需要安装 Ruby 和 Jekyll。执行以下命令:
gem install jekyll bundler
jekyll new my-blog
cd my-blog
  • 在本地运行:
bundle exec jekyll serve
  • 访问 http://localhost:4000 来查看本地预览。
2. 推送代码到 GitHub
  • 将生成的 Jekyll 项目推送到你创建的 <你的用户名>.github.io 仓库。
3. 管理博客
  • _posts 目录中创建新的 Markdown 文件,每个文件代表一篇博客。
  • 使用 _config.yml 配置博客主题、插件等。

方法 3:使用 Hugo/Hexo 等静态生成器

除了 Jekyll,还有许多静态站点生成工具,如 Hugo、Hexo 等,它们可以帮助你更高效地管理博客内容。

1. 安装 Hugo(以 Hugo 为例)
  • 如果你使用的是 Hugo,可以通过以下命令安装:
brew install hugo  # macOS用户
  • 创建新的 Hugo 网站:
hugo new site my-blog
cd my-blog
2. 选择主题并编写内容
  • 你可以从 GitHub 上选择并克隆主题,例如:
git submodule add https://github.com/theNewDynamic/gohugo-theme-ananke themes/ananke
  • content/posts 中创建 Markdown 文件。
3. 部署到 GitHub Pages
  • 生成静态文件:
hugo -D
  • public 目录推送到 GitHub Pages 仓库。

方法 4:直接管理 Markdown 文件(无需生成器)

如果你不想使用静态站点生成器,也可以直接使用 GitHub 存储和管理 Markdown 文件。

1. 创建普通仓库
  • 创建一个新的仓库(如 my-blog),用于存放 Markdown 文件。
2. 按日期或分类组织文件
  • 按照日期或分类创建文件夹(如 posts/2024),并将 Markdown 文件存储在其中。
3. 通过 GitHub Web 界面或 Git 提交文件
  • 直接通过 GitHub Web 界面或本地 Git 提交 Markdown 文件。
4. 分享文件链接
  • 你可以通过链接直接访问文件,例如:
https://github.com/username/my-blog/blob/main/posts/2024/05-20-post.md

增强功能的小技巧

除了基本的博客创建,你还可以在 GitHub 上为你的博客添加一些有用的功能。

1. 自定义域名
  • 在仓库的 Settings → Pages 中绑定你的域名,并在域名服务商处配置 CNAME。
2. 添加评论系统
  • 你可以使用 Utterances(基于 GitHub Issues)或 Disqus 来为博客文章添加评论功能。
3. SEO 优化
  • 在 Markdown 文件头部添加元数据,如 description、keywords,以提升 SEO 排名。
  • 使用 Google Analytics 跟踪博客访问数据。
4. 自动化部署
  • 通过 GitHub Actions 自动构建和部署博客站点,特别适用于 Hugo 或 Jekyll 等静态站点生成工具。

通过上述方法,你可以在 GitHub 上创建并管理自己的博客,不仅享受免费托管的优势,还能通过版本控制轻松管理博客内容。无论是简单的 Markdown 文件管理,还是使用 Jekyll、Hugo 等静态生成器,你都可以根据自己的需求选择最适合的方式来构建博客。

希望这些方法能帮助你开始在 GitHub 上写博客,记录下你的学习和成长!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/16622.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Android 14.0 Launcher3单层模式workspace中app列表页排序功能实现

1.概述 在14.0的定制化开发中,对于Launcher3的功能定制也是好多的,而对于单层app列表页来说排序功能的开发,也是常有的功能这就需要了解加载app数据的流程,然后根据需要进行排序就可以了,接下来就来实现这个功能 如图: 2. Launcher3单层模式workspace中app列表页排序功能…

8K样本在DeepSeek-R1-7B模型上的复现效果

7B Model and 8K Examples: Emerging Reasoning with Reinforcement Learning is Both Effective and Effic (notion.site) 港科大助理教授何俊贤的团队以Qwen2.5-Math-7B&#xff08;基础模型&#xff09;为起点&#xff0c;直接对其进行强化学习。整个过程中&#xff0c;没有…

四、自然语言处理_08Transformer翻译任务案例

0、前言 在Seq2Seq模型的学习过程中&#xff0c;做过一个文本翻译任务案例&#xff0c;多轮训练后&#xff0c;效果还算能看 Transformer作为NLP领域的扛把子&#xff0c;对于此类任务的处理会更为强大&#xff0c;下面将以基于Transformer模型来重新处理此任务&#xff0c;看…

MATLAB 生成脉冲序列 pulstran函数使用详解

MATLAB 生成脉冲序列 pulstran函数使用详解 目录 前言 一、参数说明 二、示例一 三、示例二 总结 前言 MATLAB中的pulstran函数用于生成脉冲序列&#xff0c;支持连续或离散脉冲。该函数通过将原型脉冲延迟并相加&#xff0c;生成脉冲序列&#xff0c;适用于信号处理和系统…

算法练习——滑动窗口

前言&#xff1a;滑动窗口的难点不在于怎么编写代码&#xff0c;而在于如何想到这题是用滑动窗口的算法去解决。其次滑动窗口的左端和右端在滑动时窗口内数据存在单调性。 一&#xff1a;长度最小的子数组 题目要求&#xff1a; 解题思路&#xff1a; 对于第一道滑动窗口算法…

Zabbix-监控SSL证书有效期

背景 项目需要&#xff0c;需要监控所有的SSL证书的有效期&#xff0c;因此需要自定义一个监控项 实现 创建自定义脚本 在Zabbix的scripts目录(/etc/zabbix/scripts/)下创建一个新的shell脚本check_ssl.sh&#xff0c;内容如下 #!/bin/bash time$(echo | openssl s_client…

VSCode中出现“#include错误,请更新includePath“问题,解决方法

1、出现的问题 在编写C程序时&#xff0c;想引用头文件但是出现如下提示&#xff1a; &#xff08;1&#xff09;首先检查要引用的头文件是否存在&#xff0c;位于哪里。 &#xff08;2&#xff09;如果头文件存在&#xff0c;在编译时提醒VSCode终端中"#include错误&am…

讯方·智汇云校华为授权培训机构的介绍

官方授权 华为授权培训服务伙伴&#xff08;Huawei Authorized Learning Partner&#xff0c;简称HALP&#xff09;是获得华为授权&#xff0c;面向公众&#xff08;主要为华为企业业务的伙伴/客户&#xff09;提供与华为产品和技术相关的培训服务&#xff0c;培养华为产业链所…

LabVIEW商业软件开发

在商业软件开发和仪器自动测试领域&#xff0c;LabVIEW以其图形化编程方式、高效的数据采集能力和强大的硬件集成优势&#xff0c;成为众多工程项目的核心开发工具。然而&#xff0c;商业软件的开发远不止编写代码和实现功能那么简单&#xff0c;尤其是在仪器自动测试领域&…

优化关键词还有哪些软件可用?

随着2025年互联网的发展&#xff0c;越来越多的企业认识到关键词优化的重要性。SEO&#xff08;搜索引擎优化&#xff09;作为提升网站流量和排名的重要手段&#xff0c;已经成为每个企业营销战略中的核心组成部分。而在SEO优化过程中&#xff0c;关键词的选择和优化无疑是至关…

程序诗篇里的灵动笔触:指针绘就数据的梦幻蓝图<9>

大家好啊&#xff0c;我是小象٩(๑ω๑)۶ 我的博客&#xff1a;Xiao Xiangζั͡ޓއއ 很高兴见到大家&#xff0c;希望能够和大家一起交流学习&#xff0c;共同进步。 这一节是对之前内容的修整 目录 一、传值调用和传址调用二、数组名的理解三、指针访问数组四、结尾 一…

新一代SCADA: 宏集Panorama Suite 2025 正式发布,提供更灵活、符合人体工学且安全的应用体验

宏集科技宣布正式推出全新Panorama Suite 2025 SCADA软件&#xff01;全新版本标志着 Panorama Suite的一个重要里程碑&#xff0c;代表了从 Panorama Suite 2022 开始并跨越三个版本&#xff08;2022、2023、2025&#xff09;的开发过程的顶峰。 此次重大发布集中在六个核心主…

多机器人系统的大语言模型:综述

25年2月来自 Drexel 大学的论文“Large Language Models for Multi-Robot Systems: A Survey”。 大语言模型 (LLM) 的快速发展为多机器人系统 (MRS) 开辟新的可能性&#xff0c;从而增强通信、任务规划和人机交互。与传统的单机器人和多智体系统不同&#xff0c;MRS 带来独特…

【欧洲数据集】高分辨率网格气象数据集E-OBS

目录 数据概述最新版本 E-OBS 30.0e数据下载下载链接1:ECA&D官网下载链接2:ECMWF参考E-OBS 数据集(E-OBS, European high-resolution gridded dataset)是基于 European Climate Assessment & Dataset (ECA&D) 信息的高分辨率网格化观测数据集,涵盖欧洲地区的多…

游戏引擎学习第100天

仓库:https://gitee.com/mrxiao_com/2d_game_2 昨天的回顾 今天的工作重点是继续进行反射计算的实现。昨天&#xff0c;我们开始了反射和环境贴图的工作&#xff0c;成功地根据法线显示了反射效果。然而&#xff0c;我们还没有实现反射向量的计算&#xff0c;导致反射交点的代…

Mac上搭建宝塔环境并部署PHP项目

安装Docker Desktop》搭建Centos版本的宝塔环境》部署PHP项目 1. 下载Docker for mac 软件&#xff1a;https://www.docker.com/ 或使用终端命令&#xff1a;brew install --cask --appdir/Applications docker 2. 使用命令安装宝塔环境的centos7系统&#xff1a; docker pul…

从肠道菌群到炎症因子:读懂疾病的预警信号

当我们的皮肤被轻微割伤或烧伤时&#xff0c;伤口周围区域可能会变得红肿、发热&#xff0c;甚至伴有疼痛&#xff1b;感冒时&#xff0c;喉咙痛、肿胀&#xff1b;不小心扭伤后&#xff0c;可能会肿胀、疼痛和僵硬…这些都与炎症相关。 炎症&#xff0c;作为身体对损伤或感染的…

83.在 Vue3 中使用 OpenLayers 利用 TLE 计算并显示单个卫星的轨迹

1. 前言 在可视化开发中&#xff0c;卫星轨迹的实时计算与展示是一个比较有趣的应用场景。TLE&#xff08;Two-Line Element Set&#xff09;是一种用于描述卫星轨道参数的格式&#xff0c;我们可以通过 satellite.js 解析 TLE 数据&#xff0c;并计算卫星在任意时间点的位置。…

Vue3(2)

一.Vue新特性 &#xff08;1&#xff09;defineOptions:主要是用来定义Options API的选项 背景说明&#xff1a;有< script setup >之前&#xff0c;如果定义props&#xff0c;emits可以轻而易举地添加一个与setup平级 的属性。但是用了< script setup >后&#…

π 的奥秘:如何用有理数逼近无理数?

本文将围绕有理数、无理数、连续统以及它们之间的深刻联系展开讨论&#xff0c;并结合具体的数学理论如康托尔区间套定理、戴德金分割、柯西施瓦茨不等式等&#xff0c;进行简要探讨 由于本文并未深入探讨&#xff0c;可能存在部分不严谨的地方&#xff0c;也欢迎各位进行纠正…