只要cloudflare、github、vercel他们不倒闭，你的博客就在！手把手带你跑一遍hexo静态博客生成器的部署、代码推送、发布serverless平台
HTML-код
- Опубликовано: 29 май 2024
- 只要cloudflare、github、vercel他们不倒闭，你的博客就在！手把手带你跑一遍hexo静态博客生成器的部署、代码推送、发布serverless平台
discord讨论群：
/ discord
twitter：
/ dcpromo924
技术博客文章地址
www.milaone.com/archives/57.html
哈喽大家好，欢迎来到米拉一，我是老王。
今天的视频主要讨论WordPress博客程序常见的头疼问题。很多朋友在使用WordPress时都会遇到加载速度慢、服务器资源消耗大、维护复杂的问题。这些问题不仅影响用户体验，还增加了博客维护的负担。尤其是服务器的维护，包括插件更新、数据备份以及服务器的安全问题，都是让人头疼的地方。此外，能够跑WordPress的VPS价格也不便宜，选择国外的VPS速度不行，选择国内的VPS又不便宜，还得备案。这些问题导致许多朋友没有精力去专门更新维护博客，个人博客主打的就是一个记录或心得，如果放着博客不写还要交VPS费用，压力会非常大，最终很多人干脆就放弃了。
为了提供一个更轻便、免费且易于维护的博客解决方案，我将介绍Hexo静态博客。Hexo是一个基于Node.js的静态博客生成器，使用Markdown编辑器来编写文章，生成静态网页代码，并将代码推送到GitHub Pages或CloudFlare Pages进行托管。与动态博客程序相比，Hexo体积小、速度快、易于部署，对SEO友好，并且可以省去VPS的费用。
在本视频中，我将详细演示如何配置Node.js环境并安装Hexo模块。首先，我们会下载并安装Node.js，并验证安装是否成功。接着，我们会安装Hexo CLI，并在本地创建一个新的Hexo博客项目。然后，我们会通过Markdown编写文章，用Hexo生成静态网页代码，并将代码推送到GitHub仓库托管。
接下来，我会展示如何申请GitHub Token，以及如何配置Hexo项目的部署设置。在VS Code中，我们将编辑Hexo配置文件，设置GitHub仓库地址和分支名称，并安装一键同步插件。通过Hexo命令生成代码并部署到GitHub Pages后，我们可以通过指定的域名访问博客。
此外，我还会介绍如何使用Vercel和CloudFlare Pages来托管Hexo博客。这些Serverless平台提供了轻松的免费部署服务，通过简单的操作就能将GitHub仓库中的代码同步到平台上，并绑定自己的域名，提升国内访问速度和稳定性。
为了让大家更方便地编辑博客内容，我还会推荐一款开源的Markdown编辑器--MarkText。这个编辑器提供所见即所得的编辑模式，极大地提高了编写博客的效率和体验。
最后，我会总结Hexo相对于动态博客程序的优势，包括体积小、速度快、利于SEO和节省VPS费用。尽管配置相对复杂，但只要掌握了基本流程，实际操作并不困难。关于更换主题、插入图片等高级操作，我将在技术博客中提供具体的代码和地址。
希望大家喜欢本视频，别忘了帮我点赞、订阅，并开启小铃铛。我们下个视频见，谢谢大家的收看！
剪辑段落：
讨论WordPress的常见问题
00:00:05
介绍Hexo静态博客
00:00:57
Hexo部署方法的初步概述
00:01:39
配置Node.js环境
00:03:00
安装Hexo模块并初始化博客
00:04:34
配置GitHub仓库
00:05:42
编辑Hexo配置文件
00:07:01
生成并部署博客代码
00:08:18
验证GitHub Pages部署
00:09:16
使用Vercel托管Hexo博客
00:11:13
使用CloudFlare Pages托管Hexo博客
00:12:50
Hexo的优点与总结
00:13:49 
Наука
每个视频评论下面，可以放上你的博客链接，对应资源链接等。😊
好的，感谢建议，其他视频都有的，这个太简单了，没弄博客
来了
这个确实有传播的意义啊，标配
感谢分享。提个小建议：是否考虑在视频的开头先展示一下成果？
好的，有道理哈，不然听半天都不知是个啥，没经验，感谢建议
@@milaone 别客气。您挑选高品质素材、再做视频分享给大家很辛苦。感谢。
这个可以整一个
赶紧整，绝对良心