零代码教你用 GitHub 搭建个人博客!

教程:纯小白如何搭建自己的Github博客并写第一篇博文 写在前面:最近完成了我的github博客,搭建的过程很简单,我也是照着网上的教程学习的。但由于之前我没接触过博客搭建,搭建完之后如何写文章并发布花了很长时间才搞定。而网上的教程也几乎停留在搭建博客结束,因此我决定把自己的学习成果记录下来,希望对大家有帮助。 1 搭建Github博客 这一步我不想赘述,请大家移步看 知乎用户@会飞的猪 写的这篇文章(https://zhuanlan.zhihu.com/p/28321740),过程写得非常清晰,我就是按照这篇文章完成了第一步博客的搭建。在此感谢 知乎用户@会飞 阅读详情

 推荐阅读:2020年最新的常问企业面试题大全以及答案

作者 |赖可

来源 |公众号量子位

GitHub 不仅可以传代码,还可以建博客。利用 GitHub Pages 平台,就可以搭建非常好用的个人博客。

但是难点在于,你在要敲很多代码才能搭出一个博客。对于小白和新手来说,太不友好。

没关系!现在不用写代码也可以了。

不需要敲码,不用写使用命令行,可以自定义主题,还能有自己的域名。

Fast.ai 提供了模版,只要注册一个 github 账号,小白就能够完成搭建博客的操作。

真是文科生友好~

下面是小白教程。

创建存储库 & 创建主页

首先,你需要注册一个 github 账号,并确保在线。

然后,点击这个网页地址:https : //github.com/fastai/fast_template/generate

注册一个存储库 (repository),就是存储博客的地方。注册名字的格式是: github 上的名字 + github.io;储存库的性质选择 公共 Public。

如果选择 Private 就是仅自己可见,这样需要付费

下面就可以进行博客主页的一些基本设置。

进入主页,会看到的是一个名字为 index.md 的文件,这是个 Markdown 文件。Markdown 是一个目前创建格式化文本的便捷又强大的方法。在输入普通文本的时候,只需要加入一些特定字符就可以增加特定的样式。比如在一个一个词或者短语前后都输入 *,就可以使其变成斜体。

单击这个文件打开它,进入新的页面,点击编辑按钮,即铅笔符号开始编辑。

点击 Preview changes 可以浏览文本效果

△blog 被设置成斜体

滚动到底部并单击 Commit changes 绿色按钮来提交。在 GitHub 上,“提交” 意味着将其保存到 GitHub 服务器。

博客的域名就是,**github 上注册的名字 + github.io,页面就会显示刚才输入的内容。

还可以对博客进行其它设置,单击名为_config.yml 的文件,然后像之前一样单击编辑按钮,在冒号后面输入相应的内容,可以更改标题,描述和 GitHub 用户名值。输入的内容就会在主页显示。

写文章

下面可以写博客文章了!

所有的文章都会放在_posts 文件夹中。单击它,然后单击 创建文件按钮,创建一个新的文件。文件名命名的格式是:year-month-day-name.md,其中 year 是四位数,而 month 和 day 是两位数。“name” 可以自定义,扩展名 md 则用于 Markdown。

写文章的时候也用 Markdown 来标注格式。第一行作为一级标题,开头加上 #,如果文章里面还需要小标题,## 用于二级标题,### 用于三级标题。点击 Preview 可以浏览。

同样,点击绿色按钮 Commit new file 来提交。

提交完成后,文章就会出现在博客主页上:

点进去的文章界面是这样:

想删除文章,同样进入_posts 文件夹,找到对应的文件,进行操作。

记住,和写文章一样,点完了删除后,还需要点击绿色的 commit,才算操作成功。

如果想在文章里面加入图片,需要先把图片上传:

然后在文章中以如下字符串来加入:

![Image description](images/filename.jpg

如果想加博客文章索引目录,输入下面两行

1. TOC
{:toc}

之前写的博文标题(以 #标志的一级标题)就会自动出现在目录里,并且自带超链接。

如果想加入数学符号,可以用 LaTeX 的格式。

首先在 _config.yml 文件中进行设置,将 use_math 进行简单的修改,变成这样:

use_math: true

只需要在字符串前后各加一个 $,比如 $sum_n (x)$,或者想让它单行显示的时候,在上下两行各加 $$,像这样:

$$
sum_n (x)
$$

显示出来就会是:

以上~

学会这些内容,你就成了 Github pages 博客初级玩家,是不是超级易懂易上手?

如果你想用玩转博客,也可继续钻研,说不定玩着玩着就发现,已然沉迷于技术~

传送门

https://www.fast.ai/2020/01/16/fast_template/

(完)

推荐阅读:
面试官:什么是NIO?NIO的原理是什么机制?
两万字深度介绍分布式系统原理!【收藏了~】
2020年最新的常问企业面试题大全以及答案
好文!必须点赞
Jev模型入门:从API接入到本地部署的完整实践指南 大模型的应用方式正从单一聊天窗口转向复杂的自动化工作流,而推理模型因具备指令跟随与结构化输出能力,成为构建Agent和数据处理管线的关键组件。Jev作为面向通用场景的推理模型,不仅提供了OpenAI兼容的API接口,还支持本地量化部署,兼顾隐私、可控性与长期成本。本文从模型定位出发,明确Jev与基座模型的差异,随后介绍密钥管理、API调用、参数调优,并深入演示基于Ollama与llama.cpp的本地部署流程,包括GGUF模型文件与chat template的匹配要点。针对实践中的常见问题,如密钥泄露、ma 阅读详情

相关推荐

高通Camera AWB跳变问题实战:从夕阳场景到参数调优的完整避坑指南

本文深入解析高通Camera AWB跳变问题,特别是在夕阳场景下的色温突变现象。通过分析灰区统计失效、光源混合干扰等成因,提供从参数调优到诊断工具链的完整解决方案,包括动态灰区扩展算法、色温平滑过渡方案及高通平台特定优化技巧,帮助工程师有效解决AWB跳变问题。

sre5engineer的博客 860

使用github免费搭建个人博客后的写作及上传说明

项目地址:我的博客github项目地址 个人博客网站:欢迎进入我的博客 本篇文章介绍如何在博客搭建好的基础上,使用它,使用它来写博客,更新博客页面。第一种方法:本地编辑,上传到github首先,从我的github个人博客项目仓库克隆出该工程到本地。 fxjzzyo.github.io文件夹是从github clone来的整个工程。其下的_posts文件是所有的博客文件,博客采用markdown

fxjzzyo的博客 5774

计算机网络Wireshark实验(西安交通大学)

实验名称 计算机网络Wireshark实验 实验日期 2021 年 5 月 17 日 实验地点 XJTU

沉鱼叶的博客 1817

在Github搭建个人博客-详细步骤整理

去年就有在 Github 搭建博客的想法,但是因为工作太忙搁置了,昨天想起来这事儿,于是网上各种查阅资料,感觉虽然搭建方式比较多,但都不是很全,走了很多弯路,折腾了我一天,才终于搭建好了自己的 GIthub 博客,在此记录梳理一下,希望可以帮到大家,欢迎交流!

Interest drives progress 3877

5分钟搞定阿里云千问大模型API申请:手把手教你获取API Key

本文提供了一份高效的阿里云通义千问大模型API Key获取实战指南。通过清晰的步骤,帮助开发者在五分钟内完成从账号准备、精准导航控制台到创建并验证API Key的全过程,并强调了密钥安全管理和基础调用测试的重要性,助力快速集成AI能力。

ol789012345的博客 1359

架构决策之消息中间件MQ系列六-Pulsar

一、架构

恰恰虎的博客 7254

在github上搭建个人独立博客

这篇文章会给大家分享我搭建个人独立博客的过程,希望能帮助到一些想搭建独立博客的朋友。本文操作中所使用的操作系统为MacOS。

彬的田字格 3736

避免踩坑!杰理AC63蓝牙名修改常见问题及解决方案(含BLE后缀处理)

本文详细解析了杰理AC63蓝牙设备名称修改的全过程,包括基础操作、BLE后缀处理及高级调试技巧。针对蓝牙名修改中的常见问题,提供了实用的解决方案和代码示例,帮助开发者避免踩坑并实现高效定制。

q6r7s8t9的博客 413

零基础在Github上搭建个人博客

Github上搭建个人的博客

梦幻通灵 5503

SigFit实战:从FEA到光学仿真的热力耦合分析全流程解析

在光机系统与芯片封装等精密工程领域,热与力的耦合效应是影响产品性能与可靠性的核心物理问题。有限元分析(FEA)是预测结构在热、力载荷下变形与应力的基础工具,但其结果通常无法直接用于评估光学性能。这需要一座桥梁,将物理场数据转化为光学设计语言。其核心原理在于数据映射与面形表征技术,例如通过泽尼克多项式拟合,将离散的节点位移分解为离焦、像散等标准光学像差。这项技术的工程价值在于,它实现了多物理场仿真的闭环,使工程师能在设计阶段精准预测热变形或应力对波前误差、调制传递函数等关键光学指标的影响。其典型应用场景包括高

weixin_28630185的博客 343

Open3D(C++) 读取、可视化并保存点云【2025最新版】

博客长期更新,本文最近更新时间为:2025年1月6日。

点云侠的博客 4621

用GitHub Pages快速搭建个人博客

我实测从零开始到博客上线只用了15分钟,而且完全不需要处理复杂的命令行操作。对于想要快速建立技术博客又不想折腾环境配置的开发者,这可能是目前最优雅的解决方案。值得一提的是,平台的所有操作都在浏览器完成,没有任何安装门槛。生成的博客项目会自动遵循Jekyll最佳实践,后续也可以导出到本地用传统方式维护,灵活性很强。对于开发者来说,个人博客是展示技术沉淀的重要窗口。提供的GitHub Pages模板生成器,完美解决了这些问题。:在平台选择喜欢的博客主题,可以查看不同配色和布局的演示效果。

EmeraldEagle36的博客 602

SAP ABAP 接口管理服务(ZIF)开源项目介绍

接口管理服务(ZIF)开源项目基于 SAP ABAP系统,是一款对标SAP PI/PO 的轻量接口管理产品。他通过独立开发包部署在ABAP系统中,包含接口注册、接口管理、日志服务及其他配套功能,拥有丰富的技术沉淀并通过市场检验,目前已被多家企业应用在SAP ERP系统中。

SAP李斌,本人承诺所有原创文章均不使用任何AI生成技术,请大家放心阅读。 1746

Docsify 懒人建站指南:零代码搭建个人博客,公网访问就这么简单!

Docsify作为一款“即写即看”的Markdown文档生成器,无需预编译HTML,直接在浏览器中动态渲染内容,让博客搭建像写笔记一样简单。无论是程序员整理技术文档,还是教师制作在线教程,它都能满足需求。但本地部署的局限很明显:只能在局域网内预览,分享给他人需反复发送文件——直到cpolar内网穿透技术的出现,让静态网站秒变“公网可访问”的在线平台。Docsify的核心优势是“零构建”:只需一个index.html入口文件,即可将Markdown文件夹转化为网站,修改内容实时生效。

todoitbo的博客 1万+

C# WinForm 基于DirectShow.dll编写的程序,可边预览边保存视频,音频和图片

基于微软的DirectShow.dll的二次开发1.自动识别连接的摄像头跟麦克风且可以对其进行选择(默认选中第一个)2.可录制wmv和avi两种格式的视频并且都带有音频,avi可以录制的分辨率和帧数进行选择,wmv默认进行了淸晰度优化如不喜欢可去除代码中有相关提示3.可在预览点开之后进行拍照,也可边录制视频边拍照4.添加了视频和音频的压缩功能(酌情使用)这次二次开发发现C#对DirectShow的相关信息太少,这次做完也不敢藏私共享出来,还望大家指正

锂电池充电器电路设计 里面有电路

锂电池充电器电路设计 里面有电路 3.7V升压到5V电路设计。

30分钟零代码搭建个人博客:Gridea静态博客客户端新手入门指南

你还在为搭建个人博客烦恼复杂的代码配置?还在担心不懂编程无法拥有自己的专属博客?本文将带你使用Gridea这款静态博客写作客户端,无需任何编程知识,30分钟内完成从安装到发布的全过程。读完本文你将获得:Gridea的安装配置方法、文章创作技巧、主题个性化设置以及博客发布到网络的详细步骤。 ## 关于Gridea Gridea是一款开源的静态博客写作客户端,它可以让你专注于内容创作,而无需关心复

gitblog_00073的博客 1155

Statistics and Machine Learning Toolbox

Statistics and Machine Learning Toolbox(带书签),MATLAB统计学习工具

零代码,教你搭建一个个人博客平台

文章目录前言一、Gridea是什么?二、搭建步骤1.下载安装Git2.下载安装Gridea客户端3.新建Github仓库,生成密钥4.配置Gridea5.添加评论功能6.测试总结 前言 HI,朋友们,我是希留。 几乎每个程序猿都梦想有一个自己的博客平台,拥有自己的个人博客应该是一件令人向往的事情,可以记录和分享自己的观点,还可以增强自己的能力。但是对于一些技术能力稍弱的,想要从0开始搭建一套完整的博客平台还是有不小的难度的。所以,今天的文章,将和大家分享一篇使用Gridea+Github Pages..

Java升级之路的博客 748

LinePhone3.2.7(android端最新版本) sip客户端

SIP客户端For android:LinePhone3.2.7(最新版本),官网地址:http://www.linphone.org/

你是否也想拥有属于自己的酷炫的个人博客?从0到1的详细搭建过程,看完学不会你找我

个人博客梦由来已久 Q 当我还是个孩子的时候,就看到网上有很多个人博客网站,就感觉好高大尚、好炫酷呀!很想自己也能拥有一个属于自己的个人技术博客,苦于没有前端知识,这个梦搁浅了。后来的后来,听说利用github+博客框架居然可以零代码搭建个人博客,于是乎,我也自学搞了一个。综合考虑之后,决定采用Github+Hexo搭建我的个人技术博客,以下内容记录了我是如何从0到1搭建个人博客的过程,相信你看完之后也能轻轻松松搭建属于自己的个人博客。 首先安装nodejs并配置环境变量 1.安装nodejs,此处参考网

他在试图用代码书写这个世界,字里行间温柔尽显。勿忘初心,努力做有价值的技术文章。 2741

零代码搭建个人技术博客:开源工具全流程实战,打造专属技术名片

摘要:本文详细介绍了使用Hexo和Hugo两款开源静态工具搭建个人技术博客的全流程。从环境准备、工具选型到本地搭建、部署上线,手把手指导零基础用户快速构建专属博客。文章重点分析了静态博客的六大优势:零开发成本、免费部署、访问速度快、高度可定制、数据安全和适配技术写作。针对Hexo和Hugo进行了多维度对比,提供选型建议,并附上Hexo的详细搭建教程,包括环境配置、文章发布和主题更换等核心操作。同时推荐了GitHub Pages等免费部署平台,帮助技术人打造专业个人品牌,实现知识沉淀与价值输出。

从零开始,掌握网络安全。提供全面的网络安全教程、攻防演练技巧和行业动态。 707

零代码搭建技术博客:Windows系统极简部署Docsify文档网站

在这个数字化大潮中,内容创作已经成为了一种必不可少的技能。但问题是,如何高效地管理和分享这些内容呢?传统的静态站点生成器如GitBook和Hexo虽然强大,但繁琐的操作步骤常常让人望而却步。今天,我要给大家介绍一款超级神器——Docsify!这款工具不仅能让技术博主、开发者以及任何需要频繁撰写文档的人士工作变得轻松愉快,还能让你的文档瞬间变成一个炫酷的网站,并通过Cpolar内网穿透工具一键发布到公网。再也不用担心复杂的路由器设置或高昂的公网IP费用了,只需几行简单的配置,你的内容就能迅速飞向全世界!

私聊前往站内信:https://i.youkuaiyun.com/#/msg/chat/weixin_44976692 3364

30分钟零代码搭建免费网站:GitHub Pages实战指南

想拥有一个完全属于自己的网站却被技术门槛劝退? GitHub Pages让你告别服务器配置、域名购买的烦恼,零代码即可搭建专业级静态网站。本文将从价值定位、场景化指南到进阶技巧,全方位带你掌握这个免费静态网站托管神器,轻松实现个人博客搭建与免费域名配置。 ## 为什么说GitHub Pages是新手建站的最佳选择? > GitHub Pages是由GitHub提供的静态网站托管服务,允许用户直

gitblog_00957的博客 2167

Jekyll Now终极指南:如何在5分钟内零代码搭建个人博客

想要快速搭建个人博客却害怕复杂的命令行操作?Jekyll Now就是你的救星!这款基于Jekyll的静态网站生成器让任何人都能在几分钟内拥有一个专业美观的博客,完全不需要接触命令行或安装任何开发环境。无论你是技术小白还是资深开发者,Jekyll Now都能让你专注于内容创作,而不是技术配置。🎯 ## 为什么选择Jekyll Now?三大核心优势 ### 1. 零配置快速启动 Jekyll N

gitblog_00450的博客 326

不用写代码!5分钟用GitCode搭建个人博客原型

最近想给自己搭个技术博客,但作为前端新手,从零开发太费时间。研究后发现用GitCode现成模板,居然能跳过编码直接生成可定制的博客系统,分享下这个超快原型搭建方法。实测从创建到发布只用了7分钟,连部署都是自动完成的。这种低代码方式特别适合想快速验证想法,或者像我这样不想折腾技术细节的懒人。整个过程就像拼乐高,不需要懂Webpack或Node.js。图片拖拽到/public自动上传。点击「使用模板」创建自己的仓库。内置代码高亮和数学公式渲染。添加统计ID到配置文件。

SunstoneLion34的博客 622

零代码搞定个人博客!hugo-PaperMod主题部署GitHub Pages全攻略

你还在为搭建个人博客折腾复杂配置?还在为主题美化写大量CSS?本文将带你用10分钟完成高颜值博客部署,全程无需编写代码,从环境搭建到自动化部署一步到位。读完本文你将获得: ✅ 5分钟搭建Hugo本地开发环境 ✅ 3步完成PaperMod主题配置 ✅ 1个脚本实现GitHub自动部署 ✅ 4种个性化定制方案 ## 为什么选择hugo-PaperMod? hugo-PaperM...

gitblog_00757的博客 971

零代码!5分钟精通GitHub Profile README配置系统

GitHub Profile README作为开发者的"数字名片",已成为展示个人技术能力和项目经验的重要窗口。GitHub Profile README配置系统(GitHub Profile README Generator)是一款零代码工具,能帮助开发者在5分钟内创建专业、美观且功能丰富的个人GitHub主页。本文将详细介绍如何利用这一强大工具打造令人印象深刻的GitHub个人简介。 ##

gitblog_00843的博客 731
上一篇: 阿里巴巴 29 个屌炸天的开源项目!
下一篇: 哈哈哈,这个教人写出烂代码的项目在 GitHub 上火了...
Java思维导图
博客等级 码龄10年 306粉丝 71原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值