hexo部署静态博客到Github教程
[2024]hexo部署静态博客到Github教程
维护博客,写博客,本身就是一件有意义的事情,在这个过程中,对自己的收获最大,这就像是以前的人们写笔记,不断总结,让自己变得更好。
一开始总是会感到迷茫,不知道写什么,我觉得任何你想要分享的内容都可以,给他人带来启发,亦或者帮助他人解答困惑。
如果你未来或者现在已经打算从事互联网相关的行业,那么博客必然能为你带来更多的帮助,总结自己的技术,既能够让自己理解更加深刻,再忘记的时候也能快速找到,这种不断构建属于自己的图书馆的感觉,真的很满足。
回到主题,想要部署博客,首先需要根据自己的需求选择,目前部署的方法有两种。
第一种:gitee GitHub上的静态部署
第二种:购买服务器的动态部署
那么两种的优缺点是什么呢?
静态部署和动态部署是两种不同的部署方式,主要的区别在于如何处理和生成网页内容。
- 静态部署:在静态部署中,网站的内容在部署之前已经预先生成好,并作为静态文件存储在服务器上。当用户请求网页时,服务器直接将保存在硬盘上的静态文件返回给用户。这意味着服务器不需要动态地生成网页内容,因此可以快速且高效地响应请求。静态部署适用于那些不需要频繁更新内容的网站,例如博客、企业官网等。
- 动态部署:与静态部署不同,动态部署是在用户请求时动态生成网页内容。当用户请求到达服务器时,服务器会根据用户的需求,从数据库、文件系统、或其他数据源中提取数据,并将其与动态网页模板结合生成最终的网页内容。这种方式允许用户获得个性化的内容,但动态生成网页的过程可能需要更多的计算资源和时间。动态部署适用于需要实时更新和交互性较强的网站,例如社交媒体、电子商务网站等。
选择静态部署还是动态部署取决于网站的需求和特点。对于简单的网站,静态部署可以提供更快的响应速度和更低的服务器负载。而对于复杂的网站,可能需要动态部署来满足用户的个性化需求和实时数据更新。
本次教程是静态部署,如果需要动态部署的教程的话,可以私信我或者留言,需求大的话,我会专门购买服务器再做一个专门的教程。
如果我们的目标只是编写文章发布的话,静态已经能满足大多数人了,倘若你对于博客有更高的要求可以选择购买服务器。
静态部署博客需要将博客代码上传到代码托管平台,然后按照平台规定,通过网址访问。
因为目前我做这个教程的时候gitee的托管服务在维护,所以这里使用github演示,当然你可以选择自己喜欢的平台。
如果要使用gitee托管,记得要提前实名认证才能使用网页托管服务,反之在github上只要注册账号就可以正常托管。
1.下载Git
在部署前,我们需要下载git。
访问网址打开官网,然后下载,点击电脑上的Download for windows就可以,自动选择当前合适版本。
这时候可以看到32 64等数字,这时候需要根据电脑的位数选择,现在的电脑一般都是64位,当然如果你想要确定可以通过右键我的电脑或者此电脑,查看电脑属性,系统信息里会显示。
具体的下载教程可以查看其他人分享的教程,这里不过多赘述,直接搜索Git安装教程即可。
这里推荐一个教程:https://blog.csdn.net/mukes/article/details/115693833
2.选择静态博客工具
如果之前搜过静态博客的教程,你会频繁的看到 hexo typecho hugo等等的字样,这些都是能帮你快速生成博客代码的工具,同时只要通过几个代码就能创建新的博文。
同时这些工具还包含各种各样制作的网页模板,也就是个性化,有大佬用爱发电制作的,也有官方制作的。
选择哪个都可以,这里我使用的是hexo,之前的博客就是用hexo生成的,所以这里使用它演示。
找到hexo的官方文档,查看如何使用
可以看到它让我们安装git和node.js
因为我们已经安装了git所以接下来安装node.js
这里简单介绍一下node
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时环境,用于开发服务器端和网络应用程序。Node.js 允许使用 JavaScript 编写服务器端代码,这使得前端开发人员可以使用相同的语言和技术栈来编写完整的 Web 应用程序。
Node.js 的主要特点包括:
- 事件驱动和非阻塞 I/O 模型:Node.js 使用事件驱动的方式处理请求和响应,从而使得处理高并发请求成为可能。它也采用了非阻塞的 I/O 模型,可以在处理 I/O 操作时同时处理其他任务,提高了应用程序的性能和可伸缩性。
- 轻量和高效:Node.js 是一个轻量级的运行时环境,它的代码执行非常快速。这得益于底层的 V8 引擎,该引擎将 JavaScript 直接编译成本地机器码。
- 跨平台:Node.js 支持多个操作系统,如 Windows、Linux 和 macOS,使得开发人��可以在不同平台上构建和运行应用程序。
- 模块化:Node.js 提供了一个强大的模块化系统,使得开发人员可以将代码组织成可重复使用的模块。这极大地促进了代码的可维护性和可重用性。
- 生态系统:Node.js 拥有庞大的第三方模块和工具库,可以帮助开发人员快速构建各种类型的应用程序,包括 Web 服务器、API 服务、实时应用程序等。
总的来说,Node.js 提供了一个强大的平台和工具,使得开发人员可以使用 JavaScript 来构建高性能、可伸缩的服务器端应用程序。
这里也推荐一个node安装教程文档
https://blog.csdn.net/qq_60870118/article/details/129727274
安装了node后就可以使用npm去下载所需要的文件。
注意
如果遇到了下载失败,或者卡住的情况,也请不要慌张,有时候网络是这样的。
多试几次或者通过修改国内镜像来下载。
如果npm下载插件报错
可是通过使用yarn add下载插件。
3.创建博客
使用hexo init创建Hexo工具
1 | hexo init '输入你的blog文件夹名称' |
打开_config.yml更改deploy
1 | deploy: |
下载deploy插件
1 | npm install hexo-deployer-git --save |
创建一个新文章
1 | hexo new 'blog name' |
在本地渲染运行
1 | hexo g |
1 | hexo s |
确保没有问题后,上传到github
1 | hexo d |
打开Settings的Pages,将Branch改为main然后save保存。
刷新等待,打开连接查看博客。
- Title: hexo部署静态博客到Github教程
- Author: owofile
- Created at : 2024-05-11 11:22:08
- Updated at : 2025-04-11 21:20:58
- Link: https://owofile.github.io/blog/2024/05/11/2024-hexo部署静态博客到Github教程/
- License: This work is licensed under CC BY-NC-SA 4.0.