Hexo-Vervel-免费搭建个人博客

最新推荐文章于 2023-12-23 21:36:19 发布
最新推荐文章于 2023-12-23 21:36:19 发布
阅读量661 收藏 3
点赞数
分类专栏： Hexo 文章标签： github npm 前端 hexo
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/z1121567132/article/details/113755396
版权
本文详细记录使用Hexo和Vercel搭建个人博客的步骤，包括准备Hexo、Github和Vercel账号，通过Vercel自动部署Hexo到Github的过程。还介绍了域名选购及博客原理，帮助读者轻松创建自己的静态博客。
摘要由CSDN通过智能技术生成

本文记录使用Hexo和Vercel搭建个人博客时的过程以及一些问题

首先贴一下个人博客，欢迎访问。

Ataraxia.top

虽然以前也多多少少折腾过一些个人博客，也都是照着网上的一些教程一步一步做完了，但都是搭出来个博客的样子，没有进行个人博客最重要的内容的创作。

这次偶然间得知到Vercel这个平台，于是又开始建立自己的博客，来分享自己日常工作生活中的一些感悟。

因为有过之前github pages的经验，这次搭建过程不是非常困难，但是也遇到了不少问题。

由于先前的折腾，一些环境在我的电脑里面已经配置好了，比如Node.Js，Hexo-Cli等等。

接下来，我将以回忆的方式将搭建过程逐步写出来。

以下内容都是个人的理解，内容偏口语化，有可能会有错误，欢迎指教。

目录

本文记录使用Hexo和Vercel搭建个人博客时的过程以及一些问题

准备工作

Hexo

Github

Vercel

域名(可选)

原理

1. 用hexo在本地写好文章后推送到github

2. vercel监控到github改动

3. vercel重新部署页面

正题

准备工作

Hexo

hexo是一个博客框架，不同于wordpress，它是一个生成静态博客的框架。个人理解wordpress和hexo的动态静态的区别类似编程语言中的脚本语言(比如Python)与编译语言(比如Java,C)的区别。

Github

github是一个代码托管平台，也是一个开源社区，我们可以将自己本地的代码上传到自己的公有仓库，这样大家就都可以查看并添加自己的想法进去，实现一个项目的可持续发展。

Vercel

Vercel个人理解相当于远程自动执行的个人电脑，使用hexo写文章并发布时一般需要先在本地运行hexo g生成静态页面，然后推送到github。而使用Vercel的话，不需

最低0.47元/天 解锁文章
Willem-Zhang
关注
专栏目录
【网站系列】3. 如何部署一个动态博客
raspberry_pi的博客
09-13 780
所以，要搭建这套动态博客就很麻烦，需要先安装MySQL，再安装PHP，然后配置web服务器中启用PHP插件。一般都数据存储也不会直接放磁盘，为了满足项目的复杂性会选择使用数据库，这里的WordPress就是一个PHP+ MySQL的项目。这里说一下动态博客网站，动态博客首当其冲的是WordPress了，这是一个使用LAMP经典架构的网站项目， 经久不衰。动态网站相比静态网站来讲复杂的多了，需要引入动态语言，如PHP，Java，Python这些。嗯，你可以在后台换一个漂亮的主题。嗯，好像更丑了，拜拜了各位。
比hexo更快的博客生成工具
07-12
类似于hexo的博客生成工具，由于国外下载很慢，这里上传一份windows版供大家使用
hexo+vercel+github pages搭建博客
亦是爱网络
12-18 877
此文章记录博主搭建hexo+github博客 简单记录下，防止以后忘记 基本环境 Windwos7 Node.js（点击官网下载）我的版本号为v12.19.1×64 博主下载链接:Node.js密码：5ibg Node.js（仅供参考） 在 Windows 环境下安装 Node.js 非常简单，仅须到官网下载安装文件并执行即可完成安装。 Git（点击进入官网下载）版本号为2.27.0 博主下载链接：Git密码：32oc git 使用github桌面版 在Windw...
搭建一个Hexo博客并用vercel部署
奔跑的砖头
05-24 1008
Hexo 是一款基于Node.js的静态博客生成器，具有简单易用、快速高效、丰富主题、插件支持等特点，适合用于个人博客、技术文档、个人网站等场景。而且基于 markdown 编写起来非常顺畅，个人非常喜欢这个博客。这次下定决心搭建一个 Hexo 博客来实现我日常分享的一个小博客网站。
零成本搭建一款博客网站(基于Vercel+Hexo完美实现)【保姆级教程】
一键难忘的博客
12-23 1769
这篇文章介绍了如何基于Vercel和Hexo零成本搭建博客网站的方法。以下是文章的总结：在数字时代，拥有个人博客网站是展示个人才华、分享生活和交流思想的重要平台。然而，许多人觉得搭建博客网站需要复杂的编程知识和昂贵的费用。本文通过介绍使用Vercel和Hexo的方法，指导读者轻松实现零成本搭建博客网站的目标。Vercel是一款强大的静态网站托管平台，而Hexo是一款流行的开源博客框架。通过结合两者的优势，读者可以创建外观精美、功能丰富的博客网站。
hexo-theme-volantis:Hexo的精彩主题https
04-28
hexo-cli : 3.1 ~ 4.x node.js : 12.16 LTS ~ latest LTS npm : 6.13 ~ latest LTS 编辑您的_config.yml ： theme : volantis 在终端中安装Volantis： npm i hexo-theme-volantis 用法 参见文档： : 或： : ...
hexo-deployer-ftp:Hexo 的 FTP 部署器插件
06-26
npm install hexo-deployer-ftp --save 需要lftp 。 根据您的操作系统，使用apt-get install lftp或brew install lftp安装它。 使能够 将hexo-deployer-ftp添加到_config.yml plugins 。 plugins : - hexo-...
hexo-tag-steam:为Hexo嵌入Steam标签插件
05-10
npm install hexo-tag-steam --save 用法 {% steam https://store.steampowered.com/app/286000/Tooth_and_Tail/ %} 还是这样？ {% steam 286000 %} 定制 该嵌入具有.steam-embed类。 您可以轻松地为嵌入自定义...
hexo-blog-encrypt：但是，另一个安全性的hexo插件
02-05
因此，这是“ hexo-blog-encrypt”的时间。 产品特点 输入正确的密码后，您就可以访问加密帖子，并且密码会在本地记住。 再按一次按钮，存储的密码将被删除。 如果帖子中有脚本，则帖子解密后即会执行。 支持预设...
【详细教程hexo博客搭建】2、Vercel部署并绑定自定义域名+安装Butterfly主题
wufaqidong1的博客
09-17 5696
vercel是一个代码托管平台，它能够托管你的静态html界面，甚至能够托管你的node.js与Python服务端脚本，是不想买服务器的懒人的福音！首先需要一个Vercel账号，这里推荐用GitHub账户关联，这样你就可以在vercel中直接托管你的GitHub库中的项目了，实现开发部署一步到位（网络不流畅可以考虑挂梯子）。当你用你的Github账户关联并绑定手机号登录之后，点击右上角的创建新的项目，之后导入选项那里选择。
轻量化Verilog开发环境搭建
leida_wt的博客
05-15 1331
本文记录基于vscode、iverilog搭建轻量化Verilog学习环境的方法。
如何使用 vercel + hexo 搭建博客
qq_46068142的博客
02-27 331
https://blog.51cto.com/15087089/2599679
vercel 免费部署网站，前端项目
终日而思不如须臾所学。
10-18 2379
比较喜欢简单的，易用的新技术，vervel 是我用过的最好用的网站托管服务。vercel类似于 github page，但远比 github page 强大，速度也快得多得多。而且将Github授权给 vercel后，可以达到最优雅的发布体验，只需将代码轻轻一推，项目就自动更新部署了。vercel还支持部署 serverless 接口。那代表着，其不仅仅可以部署静态网站，甚至可以部署动态网站，而这些功能，统统都是免费的。
hexo部署到vercel提升访问速度
qq_17197675的博客
04-07 2415
hexo部署到vercel提升访问速度
Hexo与Vercel自动部署
foxscallionBlog
09-11 2727
这是我的博客地址->神州部落格 欢迎来访哦······ 前言 因为域名的备案申请还没有通过，想着能够通过免费的CDN来加速网站，同时又能够满足免费的域名，偶尔在别人博客网站上看到了 于是我就通过百度发现了这个vercel是真的真的好用，全自动部署，只要你提交GitHub代码到vercel就可以了，几天前我就想注册个vercel，只是一直苦于无法注册，如图 于是我用谷歌空间注册了foxscallion@gmail.com账号，然后重新注册GitHub，通过这个样子，终于vercel成功登入了 通过邮
搭建个人网站（2）：Github和Vercel建站以及配置DNS
热门推荐
Ahrisy的博客
08-20 1万+
My Blog: 搭建个人网站（2）：Github和Vercel建站以及配置DNS 在购买好自定义域名之后，下一步就是去找个服务器来放置我们的网站了，但国内服务器要备案，国外的服务器又贵，既不想备案又不想花钱的话，那 GitHub Pages 是个不错的选择。 但GitHub的问题在于国内访问速度很慢，如果主要是面向国内的话建议使用 Vercel （原本叫Zeit）。Github Pages的教程已经够多了，但Vercel的教程很少，所以这里主要讲如何用 GitHub + Vercel配置个人网站。 W.
vuepress+github+versel部署免费个人博客
weixin_45871830的博客
08-17 1789
给大家推荐一个免费部署个人博客的方案。 使用vuepress+github托管+vercel。
Vercel+Railway部署Typecho动态博客（超详细图文教程-Vercel CLI办法）
abc1324354的博客
01-08 4219
Vercel部署Typecho动态博客（超详细）（Vercel CLI办法）
vercel搭建hexo博客指南
e891377的专栏
10-23 1210
vercel搭建hexo博客指南 Vercel is the optimal workflow for frontend teams. All-in-one: Static and Jamstack deployment, Serverless Functions, and Global CDN. 无脑机器翻译一下： Vercel是前端团队的最佳工作流。所有功能:静态和Jamstack部署，无服务器功能，和全局CDN。 参考资料 https://www.cnblogs.com/catdog007/p/138
npm install hexo-renderer-pug hexo-renderer-stylus --save
最新发布
02-23
npm install hexo-renderer-pug hexo-renderer-stylus --save 是一个命令，用于安装 Hexo 博客框架所需的两个插件：hexo-renderer-pug 和 hexo-renderer-stylus。这两个插件分别用于渲染 Pug（以前称为 Jade）和 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值