使用Hexo+GitHub+Cloudflare实现0成本搭建个人博客网站,无需服务器和域名

admin 2025年5月30日13:00:43评论15 views字数 2819阅读9分23秒阅读模式
欢迎大家阅读这篇文章。今天,我们将介绍如何利用 Hexo、GitHub 和 Cloudflare 三大工具,无需服务器和域名,实现零成本搭建个人博客。文章将带你从环境搭建、博客部署到全球加速一步步操作,适合各位初学者和进阶用户。让我们一起开启这段简单高效的博客之旅吧!
如果有小伙伴不想自己搭建,可以在后台私信或者✈上联系我代搭建,不过得收点技术费。
前期所需要的工具:
1、Git:Git 是一个开源的分布式版本控制系统,主要用于跟踪和管理文件的变化,尤其适用于软件开发。
https://git-scm.com/
使用Hexo+GitHub+Cloudflare实现0成本搭建个人博客网站,无需服务器和域名
2、Node.js:Node.js是一个开源的、跨平台的 JavaScript 运行环境,基于 Chrome 的 V8 引擎。它使得开发者可以在服务器端运行 JavaScript 代码,构建高效、可扩展的网络应用程序。
https://nodejs.org/zh-cn
使用Hexo+GitHub+Cloudflare实现0成本搭建个人博客网站,无需服务器和域名
3、Visual Studio Code(简称“VSCode”):Visual Studio Code是由微软开发的一款免费、开源的跨平台代码编辑器。
https://code.visualstudio.com/
使用Hexo+GitHub+Cloudflare实现0成本搭建个人博客网站,无需服务器和域名
前期所需要注册的账户:
1、GitHub:GitHub 是一个基于 Git 的代码托管平台,为开发者提供在线存储、管理和协作编写代码的工具。用户可以创建公共或私有仓库,进行版本控制、代码审查、问题跟踪等,非常适合团队协作和开源项目。
https://github.com/
使用Hexo+GitHub+Cloudflare实现0成本搭建个人博客网站,无需服务器和域名
2、Cloudfiare:Cloudflare 是一家提供网站加速和安全服务的公司。它通过全球分布的 CDN(内容分发网络)提高网站访问速度,同时提供防御 DDoS 攻击、SSL 加密和 DNS 服务,帮助保护和优化网站性能。
https://www.cloudflare.com/zh-cn/
使用Hexo+GitHub+Cloudflare实现0成本搭建个人博客网站,无需服务器和域名
OK,前期工作准备好之后,就可以开始搭建了。
打开Git Bash
使用Hexo+GitHub+Cloudflare实现0成本搭建个人博客网站,无需服务器和域名
输入"git config -l"列出当前Git配置的所有设置。
git config -l
使用Hexo+GitHub+Cloudflare实现0成本搭建个人博客网站,无需服务器和域名
默认的user.name和user.email是你的电脑用户的名称和邮箱。
设置你的Git的用户名和邮箱
git config --global user.name "GitHub的用户名" //不带双引号
git config --global user.email "登录GitHub的邮箱" //不带双引号
在执行"git config -l"查看你的user.name和user.email,如果是你设置的用户名和邮箱,那就证明设置成功了。
执行以下命令,生成SSH公钥
ssh-keygen -t rsa -C "登录GitHub的邮箱" //不带双引号
执行之后会让你做一些配置,直接一路回车就行了。
生成完成之后的公钥一般会在C盘的用户目录的.ssh目录底下,以id开头的文件就是。
C:Users用户名.ssh
使用Hexo+GitHub+Cloudflare实现0成本搭建个人博客网站,无需服务器和域名
id_rsa是私钥,id_rsa.pub是公钥,用记事本打开公钥文件,复制下来。
在GitHub网站中找到Settings设置。
使用Hexo+GitHub+Cloudflare实现0成本搭建个人博客网站,无需服务器和域名
点击"SSH and GPG Keys",点击右上角"New SSH Key"新建一个SSH密钥
使用Hexo+GitHub+Cloudflare实现0成本搭建个人博客网站,无需服务器和域名
标题自定义即可,密钥类型不变,Key就粘贴刚刚复制的公钥。
使用Hexo+GitHub+Cloudflare实现0成本搭建个人博客网站,无需服务器和域名
输入以下命令测试是否连接成功:
ssh -T git@github.com
它会出现一个让你输入yes/no的选项,输入yes即可,下方出现你的GitHub的用户名的时候,证明连接成功了。
使用Hexo+GitHub+Cloudflare实现0成本搭建个人博客网站,无需服务器和域名
在GitHub主页,右上方有个加号,点击"New repository"新建一个仓库。
使用Hexo+GitHub+Cloudflare实现0成本搭建个人博客网站,无需服务器和域名
Owner这里的格式必须是“用户名.github.io”,Description这里就随便输入,然后创建一个公开的的仓库,选择Public。
GitHub用户名.github.io
使用Hexo+GitHub+Cloudflare实现0成本搭建个人博客网站,无需服务器和域名
在电脑磁盘中,新建一个文件夹,用来存放Hexo的源码。
然后在该目录中鼠标右键,使用Git Bash打开。
输入以下命令来安装Hexo。
npm install -g hexo-cli && hexo -v
使用Hexo+GitHub+Cloudflare实现0成本搭建个人博客网站,无需服务器和域名
没有报错和输出了安装的版本,证明安装成功了。
接着安装相关依赖:
hexo init blog-democd blog-demonpm i
执行完成之后,打开blog-demo文件夹,里面内容就是Hexo的源码。
使用Hexo+GitHub+Cloudflare实现0成本搭建个人博客网站,无需服务器和域名
执行以下命令来启动Hexo:
hexo cl && hexo s
使用Hexo+GitHub+Cloudflare实现0成本搭建个人博客网站,无需服务器和域名
访问它给出的地址,也就是本地的4000端口。
这时候你就能看到Hexo的最初的页面。
使用Hexo+GitHub+Cloudflare实现0成本搭建个人博客网站,无需服务器和域名
Ctrl+C停止服务。现在开始将博客挂到GitHub上。
安装hexo-deployer-git
npm install hexo-deployer-git --save
修改config.yml文件,在Hexo源码文件中找到"_config.yml",使用VSCode打开。
然后滑到文件最底部。
使用Hexo+GitHub+Cloudflare实现0成本搭建个人博客网站,无需服务器和域名
然后将deploy改成像我这样的格式:
deploy:  type: git  repository: [email protected]:GitHub用户名/GitHub用户名.github.io.git  branch: main
使用Hexo+GitHub+Cloudflare实现0成本搭建个人博客网站,无需服务器和域名
然后Ctrl+S保存。
返回到Git终端中,执行以下命令将Hexo部署到GitHub中:
hexo clean && hexo generate && hexo deploy
执行完成之后,提示这个就证明成功了。
使用Hexo+GitHub+Cloudflare实现0成本搭建个人博客网站,无需服务器和域名
然后返回GitHub中,刷新以下页面,你会发现我们的项目已经部署到GitHub中了。
使用Hexo+GitHub+Cloudflare实现0成本搭建个人博客网站,无需服务器和域名
然后访问
GitHub用户名.github.io
如果访问成功并且看到了Hexo的初始页面,证明部署成功。如果没有,那就等一会,部署需要点时间。
使用Hexo+GitHub+Cloudflare实现0成本搭建个人博客网站,无需服务器和域名
接下来就要把静态页面的博客挂到Cloudflare中。
访问Cloudflare,左侧选项中找到"Workers和Pages",然后选择Pages。
使用Hexo+GitHub+Cloudflare实现0成本搭建个人博客网站,无需服务器和域名
点击连接到Git,然后连接GitHub。
使用Hexo+GitHub+Cloudflare实现0成本搭建个人博客网站,无需服务器和域名
然后选择“仅选择存储库”,选择部署的Hexo博客的仓库。
使用Hexo+GitHub+Cloudflare实现0成本搭建个人博客网站,无需服务器和域名
然后点击安装并授权。
页面会被重定向到之前的页面,但是现在页面不一样了。页面现在有GitHub部署的仓库了,然后点击开始设置。
使用Hexo+GitHub+Cloudflare实现0成本搭建个人博客网站,无需服务器和域名
到这里什么都不用管,直接点保存并部署。
使用Hexo+GitHub+Cloudflare实现0成本搭建个人博客网站,无需服务器和域名
之后它会开始构建部署。
使用Hexo+GitHub+Cloudflare实现0成本搭建个人博客网站,无需服务器和域名
等待几秒之后,显示部署成功,下方会有个蓝色的链接,这个就是你的网站链接,别人可以通过这个链接来访问你的博客网站。
使用Hexo+GitHub+Cloudflare实现0成本搭建个人博客网站,无需服务器和域名
然后点击继续处理项目。等待一段时间,等待它域名生效,在这之前你访问这个域名是打不开的。
使用Hexo+GitHub+Cloudflare实现0成本搭建个人博客网站,无需服务器和域名
使用Hexo+GitHub+Cloudflare实现0成本搭建个人博客网站,无需服务器和域名
如果你有域名,你可以在"自定义域"中设置一个域名,以后你就可以使用你的域名来访问博客。
使用Hexo+GitHub+Cloudflare实现0成本搭建个人博客网站,无需服务器和域名
返回GitHub页面,把仓库改成私有库,点击"settings",然后把页面滑到底部。
使用Hexo+GitHub+Cloudflare实现0成本搭建个人博客网站,无需服务器和域名
找到更改存储库可见性,更改可见性,设置成私有的。
使用Hexo+GitHub+Cloudflare实现0成本搭建个人博客网站,无需服务器和域名
OK,文章到这里就结束了。我的博客链接暂时不公布,等下期文章完善之后就发出来。
🚀下期预告🚀
🌍如何新建一篇博客。
🛡️为博客配置/绑定域名。
写作不易,多多支持。
三连接关注,追文不迷路。

原文始发于微信公众号(W不懂安全):使用Hexo+GitHub+Cloudflare实现0成本搭建个人博客网站,无需服务器和域名

免责声明:文章中涉及的程序(方法)可能带有攻击性,仅供安全研究与教学之用,读者将其信息做其他用途,由读者承担全部法律及连带责任,本站不承担任何法律及连带责任;如有问题可邮件联系(建议使用企业邮箱或有效邮箱,避免邮件被拦截,联系方式见首页),望知悉。
  • 左青龙
  • 微信扫一扫
  • weinxin
  • 右白虎
  • 微信扫一扫
  • weinxin
admin
  • 本文由 发表于 2025年5月30日13:00:43
  • 转载请保留本文链接(CN-SEC中文网:感谢原作者辛苦付出):
                   使用Hexo+GitHub+Cloudflare实现0成本搭建个人博客网站,无需服务器和域名https://cn-sec.com/archives/3942274.html
                  免责声明:文章中涉及的程序(方法)可能带有攻击性,仅供安全研究与教学之用,读者将其信息做其他用途,由读者承担全部法律及连带责任,本站不承担任何法律及连带责任;如有问题可邮件联系(建议使用企业邮箱或有效邮箱,避免邮件被拦截,联系方式见首页),望知悉.

发表评论

匿名网友 填写信息