首次GitHub＋Hexo搭建个人博客

最新推荐文章于 2025-03-20 15:28:43 发布
最新推荐文章于 2025-03-20 15:28:43 发布
阅读量749 收藏 2
点赞数 5
文章标签： github
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_63294590/article/details/121173894
版权
本文详细介绍了如何从零开始搭建个人博客，包括注册GitHub账号，创建仓库，启用GitHub Pages，选择博客主题，环境配置（安装Git和Node.js），Hexo的安装与初始化，以及部署到GitHub的全过程。同时，还涉及到SSH Key的生成与添加，确保安全无误地将博客发布到GitHub上。最后，讲解了如何通过Hexo发布文章，让读者能够快速上手并拥有自己的博客空间。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

一、搭建GitHub Pages

1.注册一个GitHub账号，并登录

在这里插入图片描述
在这里插入图片描述

2.创建仓库

1) 点击"NEW"

在这里插入图片描述

2) 填写的仓库名为"用户名.github.io",（切记用户名一定要和左边用户名一样）

在这里插入图片描述

3.启用GitHub Pages

1) 点击"Settings"进入设置

在这里插入图片描述

2） 往下拉找到"GitHub Pages",显示如图这样,说明已开启

在这里插入图片描述

4.选择主题

1）点击"Choose a theme"选择主题

在这里插入图片描述

最低0.47元/天 解锁文章
nic960
关注
【Hexo + Github 搭建自己的专属博客】
2301_76761656的博客
03-27 1668
在Windows上使用Git，可以从Git官网直接，然后按默认选项安装即可。安装完成后，在开始菜单里找到，蹦出一个类似命令行窗口的东西，就说明Git安装成功！在Git中绑定Github账号，打开“Git Bash”，在命令框中依次输入两行命令：由于Hexo是基于Node.js驱动的一款博客框架，所以安装NodeJSoad/并配置环境变量。以上环境准备好了就可使用npm开始安装Hexo安装Hexo完成后，在指定文件夹下打开。
手把手教你使用Hexo+GitHub搭建个人博客并发布文章（附常见问题解决方法）
qq_59016701的博客
08-30 5117
本教程使用GitHub自带的GitHub pages来生成静态个人博客，而Hexo可以更换各种好看的主题，而且都是免费的，花一点时间就可以打造出自己独有的个人博客。Hexo这个有力的工具可以让我们专注于写出一篇博客而不需要关心如何编写html和CSS，再如何形成一个网站，它可以根据markdown文档和指定的主题直接生成一个静态网站，对于新手朋友或者不是专门搞前端开发的人们非常友好。
Gridea+Github：搭建个人博客
J_____Q的博客
08-17 1486
一、首先到Gridea官网下载Gridea客户端 Gridea官网地址：https://gridea.dev/ 二、登录Github账号，创建一个Token 点击右上角个人头像 点击左侧列表选择：Settings【设置】 点击左侧列表选择：Developer settings【开发者设置】 点击左侧列表选择：Personal access tokens【个人访问令牌】 点击右上角按钮项：Generate new token【生成新令牌】 New personal access token：完善新
利用 Hexo 搭建个人博客
luyoung0001@gmail.com的博客
07-06 2137
博客迁移，从 csdn 到 github。
搭建个人博客教程（Hexo）
最新发布
欲买桂花同载酒的博客
03-20 962
如何快速搭建一套本地的博客系统呢？这里有一套git+Node.js+Hexo的部署方案来进行解决。
使用Hexo从0到1搭建个人博客详细教程（超详细，超简单）
热门推荐
唯有努力，方可自信！
08-07 1万+
20分钟快速搭建一个属于自己的博客
免费搭建个人博客——hexo搭建教程
暗暗那的博客
12-12 1583
最近在学习一些算法课程，学习的过程中写了一些笔记，想找个地方放一下。之前看到过一些大佬创建了样式丰富、干货满满的个人博客，感到非常羡慕，于是也萌生了我也搭建一个个人博客的念头。一番搜索后，在知乎上找到了一个，非常详细地介绍了如何从0到1搭建hexo博客，就动手跟着这位博主的教程做了。做的过程中踩了一些坑，也阅读了网上其他博主写的hexo教程，花了5、6天总算是搭建起来了。在此记录一下我的搭建过程和参考过的教程，希望也能像网上各位大佬一样对同为新手的网友们有所帮助。
搭建Hexo个人博客详细教程
前端视听
05-30 4734
写在前面的话 很早以前就想要搭建一个个人的博客，奈何只是一个前端切图仔，对于后端和数据库接口上手存在一定的难度，于是一拖拖了很久，今天无意中发现了使用Hexo搭建个人博客很快就能用了，而且托管在github平台也不需要自己去买服务器域名和维护，一举数得，非常nice，记录了一下搭建Hexo个人博客的步骤，尽可能的写的详细一点~ 准备工作步骤 1：GitHub上面新建一个仓库，用来放自己的博客 2：安装git工具，生成SSH添加到GitHub 3：本地环境搭建，安装node 和npm 4：本地初始化Hexo项
云计算----实验三：利用Github与Hexo搭建个人博客
m0_62131485的博客
04-02 1638
基于Github和Hexo，使用Node.js，设计、实现个人博客或者网站的搭建。
使用github+hexo搭建个人免费博客
yu_shao的博客
10-19 545
一、前言使用github pages服务器搭建博客的好处有： 1、全是静态文件，访问速度快； 2、免费方便，不用花一分钱就可以搭建一个自由的个人博客，不需要服务器不需要后台； 3、可以随意绑定自己的域名，不仔细看的话根本看不出来你的网站是基于github的； 4、数据绝对安全，基于github的版本管理，想恢复到哪个历史版本都行； 5、博客内容可以轻松打包、转移、发布到其它平台；二、准备工
使用Hexo搭建个人博客
2301_76662406的博客
02-09 629
现在 vercel 提供的默认域名在国内访问有点慢，如果自己在国内有域名，配置个自己的域名再访问速度就可以了。- React，Vue，Hexo 等一些技术栈打包产物都是静态资源，都可以使用 Vercel 进行部署。当然这里并不可以设置,需要将仓库公开,私有化仓库是需要升级的,把当前存储库改为公开。- 配置完成后，之后每一次提交代码到 main 分支都是会自动部署的，非常方便。我这里使用了别人的方法,先用的email登录,然后绑定的邮箱。的平台中，在管理域名那里添加一条txt的记录，不是在。
Github+Hexo搭建个人博客(图文详解)
不要用过去的错误约束现在的自己。
03-31 1万+
使用Github+hexo搭建个人博客(Windows10) 1. 准备工作：安装两个我们本次所需要使用的软件： node.js下载地址-http://nodejs.cn Git下载地址-https://git-scm.com/(官网下载非常慢，可百度找资源哈) 安装过程一直Next就可以了(安装路径可以改) 两者安装完成之后，右击此电脑》属性》高级系统设置》环境变量》系统变量下的P...
猿创征文｜Hexo+Github搭建完全免费个人博客详细教程
余白のblog
08-27 2957
利用hexo框架搭建完全免费的搭建个人博客，没有任何收费，零基础也能上手，不需要编程基础，跟着操作来即可。
超详细Hexo+Github Page搭建技术博客教程
小眼哥的博客
11-21 3383
超详细Hexo+Github Page搭建技术博客教程
手把手教你用Hexo+Github 搭建属于自己的博客_hexo如何把git的源码主题和自己的融合一起
2401_84166672的博客
04-20 1504
NexT 使用的是 Font Awesome 提供的图标， Font Awesome 提供了 600+ 的图标，可以满足绝大的多数的场景，同时无须担心在 Retina 屏幕下 图标模糊的问题。设定菜单内容，对应的字段是 menu。在菜单图标开启的情况下，如果菜单项与菜单未匹配（没有设置或者无效的 Font Awesome 图标名字） 的情况下，NexT 将会使用 作为图标。比如我的电脑下的 F:\hexo 目录下的成为 站点配置文件，F:\hexo\themes\next 目录下的成为主题配置文件。
hexo搭建个人博客_使用Hexo搭建自己的个人博客
weixin_40001245的博客
11-30 185
一、环境搭建1.1 安装node.js1.1.1下载自己所需要的版本：1.1.2检查是否安装成功：在终端输入 npm -v 显示版本号则为安装成功1.2 安装git1.2.1下载自己所需要的版本，安装成功 鼠标右键会出现如图所示：二、创建库2.1注册gitbub账号此处不做详细说明，自行注册即可。2.2 建立仓库2.2.1新建项目新建一个名为你的用户名.github.io的仓库，例如，你的gith...
手把手教你用Hexo+Github 搭建属于自己的博客
2401_84122902的博客
05-03 1054
*一个零基础的新人，我认为坚持是最最重要的。**我的很多朋友都找我来学习过，我也很用心的教他们，可是不到一个月就坚持不下来了。我认为他们坚持不下来有两点主要原因：他们打算入行不是因为兴趣，而是因为所谓的IT行业工资高，或者说完全对未来没有任何规划。刚开始学的时候确实很枯燥，这确实对你是个考验，所以说坚持下来也很不容易，但是如果你有兴趣就不会认为这是累，不会认为这很枯燥，总之还是贵在坚持。技术提升遇到瓶颈了？缺高级Android进阶视频学习提升自己吗？还有大量大厂面试题为你面试做准备！
Hexo个人博客搭建教程
范子琦的博客
09-09 496
Hexo个人博客搭建教程 1 搭建前准备 1.1 环境配置 需要安装git、node，最后安装hexo 1.1.1 安装Git： 首先看电脑是否已经安装了git $ git 若提示not founded则进行安装 #未安装homebrew则先安装homebrew $ /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)" #安装git $ brew install
一看就懂的教你Hexo如何搭建个人博客
weixin_43800002的博客
08-23 379
文章目录前期准备git软件安装node.js安装hexo安装Github创建仓库修改博客内容连接Github与本地写博客绑定域名定制博客 想当年自己在搭建博客的时候查阅了很多资料，最近由于腾讯云服务器到期了，所以又重新将博客搭建在了Github上，因为步骤对新手来说不是很友好，所以大家可以先看我这个目录，了解一下结构，然后一步步操作就可以了。如果在操作过程有什么问题，大家在下面留言，我都会尽可能帮助大家。 前期准备 git软件安装 git官网 node.js安装 node.js下载链接 最后安装好之后，在刚
git+hexo+github
03-08
### 使用 Git、Hexo 和 GitHub 搭建个人博客 #### 准备工作 为了成功搭建基于 Hexo 的个人博客，需先完成环境准备。这包括安装 Node.js 及 npm 或 cnpm, 这些工具对于后续操作至关重要。 #### 安装 Hexo 通过命令行工具来全局安装 Hexo 是第一步，在终端中运行如下命令可以实现此目的[^1]: ```bash npm install -g hexo-cli ``` #### 创建本地博客框架 安装完成后，选择一个目录作为博客根目录，并在此处初始化一个新的 Hexo 博客站点: ```bash hexo init blog cd blog ``` #### 设置远程仓库 前往 GitHub 平台创建新的私有或公共存储库用于承载博客内容。之后利用 SSH 密钥对或是 HTTPS 方式关联本地与远端仓库。首次推送前可能需要移除旧有的 `origin` 地址以便重新指定目标地址[^2]: ```bash git remote rm origin # 如果之前已经存在则删除原链接 git remote add origin https://github.com/yourusername/yourrepositoryname.git ``` #### 初始化并提交初始版本 确保所有文件都已加入追踪列表后，执行以下指令以记录更改并将它们推送到 GitHub 上的新分支: ```bash git init git add . git commit -m "Initial commit" git branch -M main git push -u origin main ``` #### 配置部署插件 为了让 Hexo 能够自动同步至 GitHub Pages，还需额外配置名为 `hexo-deployer-git` 的插件。可以通过包管理器快速安装它[^4]: ```bash cnpm install hexo-deployer-git --save ``` 编辑 `_config.yml` 文件中的 deploy 字段指向刚才建立好的 GitHub 仓库路径： ```yaml deploy: type: git repo: https://github.com/yourusername/yourrepositoryname.git branch: gh-pages ``` #### 发布首篇文章 现在可以在 `source/_posts` 下新建 Markdown 文档形式的文章草稿，编写完毕后借助下列命令将其转化为网页格式并上传到服务器上展示给访客们看[^3]: ```bash hexo new post "My First Post" hexo generate hexo deploy ``` 以上就是完整的使用 Git、Hexo 和 GitHub 来构建静态网站的过程概述。一旦熟悉这些基本流程，就可以进一步探索更多高级功能来自定义自己的在线空间了！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值