8-【Git入门】个人博客搭建 用hugo搭建博客连github上

最新推荐文章于 2024-01-12 16:42:58 发布
最新推荐文章于 2024-01-12 16:42:58 发布
阅读量307 收藏
点赞数
分类专栏： git 文章标签： git web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/abc465200/article/details/105346235
版权
本文详述了使用Hugo静态站点生成器和GitHub搭建个人博客的全过程，包括Hugo的安装配置、选择及应用主题、创建内容、启动服务器、自定义主题，以及如何将静态页面部署到GitHub Pages。尽管过程中可能遇到一些坑，但通过耐心搜索和实践，最终可以成功建立自己的博客。相较于现成平台，自行搭建提供了更多的定制自由度。
摘要由CSDN通过智能技术生成

由于自己搭建博客 第一次踩了很多坑 下面整理所有相关坑和步骤，如果出现问题多搜搜,有足够耐心就行 自己搭建博客不如用现有平台 因为知乎 简书 掘金等平台都很好兼容makedown语法 自己搭建编辑文章较麻烦

点击预览我的博客

首先我们搭建博客，需要干嘛？

  • 先在本地写文章，一般都是最流行的文章编辑器makedown,自己一般用的是vscode进行编写
  • 写完文章，需要上传保存，相当于远程仓库，一般为Gitub
  • 上传后给别人看文章时，不能给别人个github吧，github 中有个github page可以把上传的文章以HTML显示 也就是网页

1. hugo.exe的安装和环境配置

搭建博客那么我们先来了解下hugo吧，Hugo是最受欢迎的开源静态站点生成器之一。凭借其惊人的速度和灵活性，使构建网站变得有趣。那么先点击官网：hugo官网,用中文翻译阅读 国外网站常谷歌浏览器翻译
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-kyyUFdLI-1586162058324)(雨果.png)]
安装hugo
官方教程
mac用户：brew install hugo version
window用户：

最低0.47元/天 解锁文章
小峰同学的前端之路
关注
专栏目录
10分钟使用网站构建框架hugo本地搭建个人网站并快速上线详细教程
weixin_44976692的博客
07-08 3万+
今天和大家分享如何在Windows系统电脑使用HUGO快速搭建一个本地博客网站，并结合cpolar内网穿透工具实现一键发布本地站点至公网，随时随地远程访问，无需公网IP与准备域名、服务器。Hugo 是 Go 编写的静态网站生成器，速度快，易用，可配置。作为一款跨平台开源建站系统，当前提供 Windows，Linux，FreeBSD，NetBSD 和 OS X (Darwin) 的 x64, i386 和 ARM 架构的二进制预构建包。Hugo 依赖于 Markdown 文件，元数据字体。
nightteam.github.io:博客的源代码-git source code
03-25
【标题】"nightteam.github.io:博客的源代码-git source code"揭示了这是一个关于个人或团队博客的源代码，发布在GitHub平台上，并且是开源的。这个博客很可能使用Git进行版本控制，允许开发者查看、下载并参与到...
实战：手把手带你从0到1搭建自己的hugo博客站点(持续更新)-2022.5.4
weixin_39246554的博客
05-04 5292
实验环境 win10 git version 2.17.0.windows.1 hugo v0.98.0 实验软件 链接：https://pan.baidu.com/s/1C-2E0-6Ub7s9DG6npUoZ8Q?pwd=elmi 提取码：elmi 2022.5.4-hugo实验软件 前置条件 如果你想拥有一个心可以栖息的地方，那么就来和我一起搭建一个属于自己的博客平台，在这里，你可以随心所欲！ 1、什么是hugo 1.hugo官网 https://gohugo.io/ 2.hugo优点 当前的.
使用Hugo+Github从0开始免费搭建个人博客
zhyy-ang的博客
06-07 2576
以win11为例1.注册git账号：https://github.com/并记住用户名和密码鼠标右键显示Git Bash Here就表示安装Git成功了。3.设置本地git用户是否已经登录生成密钥将其中Your Name替换为用户名,邮箱替换为自己注册时的邮箱如图所示，密钥已经给我们生成到文件下了。打开该目录下的文件，用记事本打开并复制这个密钥。4.去GitHub上验证登录github ->进入设置->SSH and GPG key ->新建密钥，把上面文件里的内容全部复制粘贴进去即可。
Hugo博客教程（一）
focus：Follow One Cause Until Success
02-01 1487
静态博客是指利用生成工具（如：Hugo、Hexo）等将博文编译成静态文件的一种博客系统。博主只需要将生成文件部署在静态服务器上即可被互联网访问，在访问时，直接获取静态资源，不需要向数据库中请求博文、图片等信息。
使用Hugo和Github Pages服务从零开始搭建个人博客
荆棘的博客
06-06 2198
前几天查资料的时候，意外注意到了别人的博客地址是github.io结尾的，出于好奇就查了一下，原来是利用github的免费Pages服务来托管静态网站。因此本篇文章还是采用学习笔记的方式来记录，不断更新，共同进步。Github提供静态网站托管服务，也就是Github Pages服务；而Hugo是一个静态网站生成器，可从一系列源文件生成静态网站。
Hugo博客手把手教程（一）
sk14772的博客
01-07 4291
本教程讲解了几种常见的博客框架选择，最终以 Hugo 框架为基础，教授了如何在 GitHub pages 上部署个人博客，还使用 GitHub actions 以及一个简单的 bat 脚本实现自动化发布。
jkakavas.github.io-src:博客页面源代码-git source code
03-25
标题 "jkakavas.github.io-src" 指的是一个个人博客的源代码仓库，而描述 "博客页面的源代码" 明确了这个压缩包包含的内容是用于构建某个在线博客的所有前端代码。这个项目很可能是托管在GitHub上的，因为URL格式...
hugo-theme-codex:雨果（Hugo）的最小博客主题
03-18
对于Windows用户，您可以使用choco进行安装： choco install hugo-extended -confirm入门在您的Hugo项目的根目录中，运行： git submodule add https://github.com/jakewies/hugo-theme-codex.git themes/hugo-theme...
hugo-sustain:Hu由Bootstrap构建的个人博客主题，由Hugo提供支持
05-11
用git 在您的Hugo网站的根目录中，运行以下命令将主题克隆到theme themes/hugo-sustain ： git clone https://github.com/nurlansu/hugo-sustain.git themes/hugo-sustain 手动的 下载zip存档。 取消存档。 将...
Doublemine.github.io:个人博客源代码-git source code
03-25
【标题】"Doublemine.github.io:个人博客源代码-git source code"揭示了这是一个关于个人博客的开源项目，其源代码托管在GitHub上。这个博客很可能使用Git作为版本控制系统，使得作者能够跟踪和管理代码的修改历史，...
基于Hugo 搭建个人博客网站
weixin_46516647的博客
09-05 1167
将 Homebrew 添加到当前终端会话的路径中。前往GitHub上新建一个仓库，注意命名要与github用户名一致。,找到自己喜欢的主题，点击后可以看到下载方法，按照要求进行下载。仓库更新后就可以访问之前设置的域名进行访问了。前者是在您的用户目录下的。至此，hb安装完成。
hugo搭建个人博客(一)-本地部署
兮赫的博客
04-28 2704
文章目录额,一时兴起, 搭建一个基于hugo的个人博客玩一下1. 下载安装hugo1.1 将安装包解压到指定目录2. 配置环境变量2.1 步骤1：鼠标右键->属性2.2 步骤2：点击高级系统设置2.3 步骤3：点击环境变量2.4 步骤4：选中path，点击编辑2.5 步骤5：点击新建2.6 步骤6：Hugo.exe目录,配置ok后点击确定，一路确定3.hugo新建博客3.1 打开cmd命令行...
hugo 搭建个人博客最详细的教程
Nevermind_goon的博客
04-24 1918
如何用 hugo 搭建个人博客？ 2020/4/24 1安装Hugo 首先打开官方教程 Hugo 如果你是mac用户使用以下命令行安装 brew install hugo hugo version brew需要按教程先安装 如果你是window用户,个人推荐使用以下步骤 点开hugo下载链接 下载 hugo_0.69.1_Windows-64bit.zip 如果版本更新了，就下载最新版本...
博客系列：使用hugo+github搭建免费个人博客
weixin_54626591的博客
12-27 1116
使用hugo+github搭建免费个人博客
使用 Github、Hugo 搭建个人博客
最新发布
freeking101的博客
01-12 2480
使用 Github、Hugo 搭建个人博客
hugo + github action 免费个人博客【2022版】
wolanx的博客
02-11 2283
免费个人博客 的教程非常的 多，但 大多落后 或者 不着重点，本文整合目前已知最好的方式，最优雅的方式白嫖一个博客。- git commit 提交 - 触发 github action `.github/workflows/my-pipeline.yml` 并满足设置中的 `on` 条件 - 触发 pipeline 中的 steps - checkout：相当与 git clone，并且后续操作具有 github 完整权限，可以通过 permissions 设置 - setup hugo：准备构建要
从零开始：学习使用 Hugo 构建自己的静态网站
蜗牛的博客
03-02 2733
Hugo 是一个由 Go 语言编写的静态网站生成器。它可以帮助用户快速构建高性能的静态网站，特别是博客、文档和个人网站等。与其他静态网站生成器相比，Hugo 的特点是速度快、易于使用、可扩展性强等。Hugo 使用简单的 Markdown 和 HTML 等标记语言来创建内容，并使用 Go 语言的模板引擎来自定义主题和布局。Hugo 的优点还包括其跨平台性、低资源消耗和易于维护等。由于其快速编译和生成速度，Hugo 成为了流行的静态网站生成器之一。
Github Pages + Hugo 搭建个人博客
栗少的博客
08-25 996
可以将主题下相关文件复制到 blog 网站根目录下，因为这样可以直接渲染网站效果，而又不影响主题本身的内容。主要是目录下文件发布文章如果有参数 draft ，记得将值设为 false，或者删除 draft，不然会被认定为草稿只能本地运行而不能运行到网站上。基本上就是安装 Hugo ，建站，下载主题，配置主题参数，然后部署就是了。
使用GitHub和Hexo快速构建个人博客指南
"通过GitHub和Hexo搭建个人博客的步骤与配置方法" 在现代互联网时代，拥有一个个人博客是一个展示自我、分享知识的好方式。GitHub 和 Hexo 的结合为我们提供了一个简单而强大的平台来构建个人博客。以下是搭建过程...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值