Hexo 框架搭建个人博客：快速、开源且生态丰富 抢位成功率可以体现关键词排名

前言

目前市面上流行的一些博客框架：Hexo、Solo、Halo、、、等，这些都是开源的静态博客框架（无需登录注册、后台管理等）。优点是您可以非常快速地构建自己的。个人博客（也需要一定的前端知识），也是因为我之前的博客网站实在是没钱继续维护服务器了~~

我这里使用Hexo框架搭建，因为我的电脑上安装了Hexo所需的环境，而且互联网上Hexo的生态也比较丰富和完整。大家可以观看B站杨哥()的视频进行介绍。具体细节我还没有写下来。百度一下就有很多资料。

来看看我3天的努力成果（一天按照官方文档搭建，两天修改页面，解决图床问题）：

1. 准备工作

项目最终会部署到码云。无需自己购买服务器。也可以部署在这里。然而，我们的天堂有一面墙，速度实在令人堪忧！

1.安装环境：因为Hexo是基于Node.js的博客框架，就像Java依赖于JDK环境一样。

环境安装重点扩展：

2、安装Git：用于将本地项目托管到码云，所以需要自己注册一个码云账号。

下载地址：学编程的人在工作中一定会认识Git。如果你还没有学过，建议你看一下，所以这里就不详细介绍Git了。

Hexo官网：

2. Hexo安装

<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'> <pre class="code-snippet__js" data-lang="properties"><code><span class="code-snippet_outer"><span class="code-snippet__comment"># 全局安装</span></span></code><code><span class="code-snippet_outer"><span class="code-snippet__attr">npm</span> <span class="code-snippet__string">install hexo-cli -g</span></span></code><code><span class="code-snippet_outer"><span class="code-snippet__comment"># 查看hexo版本</span></span></code><code><span class="code-snippet_outer"><span class="code-snippet__attr">hexo</span> <span class="code-snippet__string">-v</span></span></code></pre></p>

3. 创建本地博客网站

<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'> <pre class="code-snippet__js" data-lang="nginx"><code><span class="code-snippet_outer"><span class="code-snippet__comment"># 初始化一个项目，hexoblog 是项目名</span></span></code><code><span class="code-snippet_outer"><span class="code-snippet__attribute">hexo</span> init  hexoblog</span></code></pre></p> <p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'> <pre class="code-snippet__js" data-lang="properties"><code><span class="code-snippet_outer"><span class="code-snippet__comment"># 1、进入hexoblog项目目录</span></span></code><code><span class="code-snippet_outer"><span class="code-snippet__attr">cd</span> <span class="code-snippet__string">hexoblog</span></span></code><code><span class="code-snippet_outer"><span class="code-snippet__comment">#/2、安装 hexoblog 项目的依赖包</span></span></code><code><span class="code-snippet_outer"><span class="code-snippet__attr">npm</span> <span class="code-snippet__string">install</span></span></code><code><span class="code-snippet_outer"><span class="code-snippet__comment">#/3、启动 hexoblog 项目服务</span></span></code><code><span class="code-snippet_outer"><span class="code-snippet__attr">hexo</span> <span class="code-snippet__string">server</span></span></code></pre></p>

这时候访问：4000/就可以看到hexo默认页面以及默认生成的一篇“Hello World”的文章。

至此，Hexo项目搭建成功！

项目主文件目录介绍：

Hexo的其他配置详情请查看官网介绍：

4. 创建一篇新的博客文章

<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'> <pre class="code-snippet__js" data-lang="cs"><code><span class="code-snippet_outer"><span class="code-snippet__meta"># 新建一篇名为 第一篇Hexo blog文章 的文章</span></span></code><code><span class="code-snippet_outer">hexo <span class="code-snippet__keyword">new</span> <span class="code-snippet__string">"第一篇Hexo blog文章"</span></span></code></pre></p>

之后可以直接编辑新建的文章并再次启动服务即可查看效果，如下图。这里有一个问题。 Hexo框架文章中的图片仅支持外部链接的形式。有很多方法可以解决它。比如可以用码云或者七牛云部署自己的图床。

5、将项目部署到码云

1、在码云（英文名为gitee）中新建一个仓库。注意红色区域。我这里的码云用户名是

2、在项目根目录安装git部署插件

<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'> <pre class="code-snippet__js" data-lang="sql"><code><span class="code-snippet_outer"><span class="code-snippet__comment"># 之后就可以使用 hexo deploy（或简写 hexo d）将项目部署到gitee远程仓库</span></span></code><code><span class="code-snippet_outer">npm <span class="code-snippet__keyword">install</span> hexo-deployer-git <span class="code-snippet__comment">--save</span></span></code></pre></p>

3.修改项目配置文件：.yml。在底部修改以下内容

<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'> <pre class="code-snippet__js" data-lang="properties"><code><span class="code-snippet_outer"><span class="code-snippet__comment"># Deployment</span></span></code><code><span class="code-snippet_outer"><span class="code-snippet__comment">## Docs: https://hexo.io/docs/deployment.html</span></span></code><code><span class="code-snippet_outer"><span class="code-snippet__attr">deploy</span>:<span class="code-snippet__string"></span></span></code><code><span class="code-snippet_outer">  <span class="code-snippet__attr">type</span>: <span class="code-snippet__string">git</span></span></code><code><span class="code-snippet_outer">  <span class="code-snippet__attr">repo</span>: <span class="code-snippet__string">仓库URL地址</span></span></code><code><span class="code-snippet_outer">  <span class="code-snippet__attr">branch</span>: <span class="code-snippet__string">master</span></span></code></pre></p>

4、使用命令hexo d将项目部署到gitee远程仓库。此时，本地文件夹中会出现一个文件夹。

5.启用Gitee Pages静态网页托管服务

然后您可以使用生成的 URL 访问博客。每次重新上传代码到gitee时，都需要点击下图中的更新按钮来重新启动页面服务。

访问生成的URL，部署成功！

6.修改主题

官网主题：

您可以到官方网站找到您喜欢的主题并下载。我这里就挑一个来演示一下。

1.进入下载的主题根目录下的主题目录，将里面的文件复制到您项目的主题目录中。

2、修改根目录下的配置文件.yml

3、启动项目，访问：:4000/。首先在本地检查主题是否修改成功。

4.将修改后的项目部署到远程仓库

<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'> <pre class="code-snippet__js" data-lang="properties"><code><span class="code-snippet_outer"><span class="code-snippet__comment"># 生成静态网站文件</span></span></code><code><span class="code-snippet_outer"><span class="code-snippet__attr">hexo</span> <span class="code-snippet__string">g  </span></span></code><code><span class="code-snippet_outer"><span class="code-snippet__comment"># 上传到远程仓库</span></span></code><code><span class="code-snippet_outer"><span class="code-snippet__attr">hexo</span> <span class="code-snippet__string">d</span></span></code><code><span class="code-snippet_outer"><br  /></span></code><code><span class="code-snippet_outer"><span class="code-snippet__comment"># 1、清除 hexo 的缓存</span></span></code><code><span class="code-snippet_outer"><span class="code-snippet__attr">hexo</span> <span class="code-snippet__string">clean</span></span></code><code><span class="code-snippet_outer"><span class="code-snippet__comment"># 2、采用一键部署</span></span></code><code><span class="code-snippet_outer"><span class="code-snippet__attr">hexo</span> <span class="code-snippet__string">g --d</span></span></code></pre></p>

5.访问主题样式修改部署成功！

（如果这里样式混乱，可能是浏览器缓存问题，执行Ctrl+F5强制刷新即可）

至此，Hexo + Gitee 就完成了自己个人博客的部署！

7.拓展：快速写文章

每次新建文章的时候都要执行hexo new &quot;&quot;命令，非常麻烦。

可以直接进入根目录//目录，创建一个.md文件进行写入，在文件顶部添加以下内容即可。写个标题就行了。其他的可以省略。

<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'> <pre class="code-snippet__js" data-lang="makefile"><code><span class="code-snippet_outer">---</span></code><code><span class="code-snippet_outer"><span class="code-snippet__section">title: 文章名称</span></span></code><code><span class="code-snippet_outer"><span class="code-snippet__section">date: 2025-07-30 16:46:07(创建时间)</span></span></code><code><span class="code-snippet_outer"><span class="code-snippet__section">tags: 标签名</span></span></code><code><span class="code-snippet_outer"><span class="code-snippet__section">categories: 分类</span></span></code><code><span class="code-snippet_outer"><span class="code-snippet__section">description: 描述</span></span></code><code><span class="code-snippet_outer"><span class="code-snippet__section">comments: 是否开启评论(true or false)</span></span></code><code><span class="code-snippet_outer">---</span></code></pre></p>

之后使用hexo g --d命令推送到gitee，并更新gitee上的Gitee Pages服务。

结尾

为什么一定要有自己的个人博客？我始终相信，坚持写高质量的博客文章是提高和巩固自己能力的重要途径之一！

我现在的效果是花了很多时间修改和配置的。其实拥有这种博客对我技术的提高不会有太大帮助，因为它使用的是已经写好的框架（模板），但我只是使用默认的样式并不满意

虽然不是前端。最后留言区欢迎链接就设置好了~

# Hexo 框架搭建个人博客：快速、开源且生态丰富  # Hexo 框架搭建个人博客  # 快速、开源且生态丰富  # 博客  # 自己的  # 您可以  # 官网  # 到您  # 配置文件  # 第一篇  # 就可以  # 的人  # 的是  # 博客网站  # 如果你  # 还没有  # 在这里  # 会有  # 好了  # 我还  # 对我  # 就像  # 都要  # 大亚湾建设网站价格  # 雅安广告营销推广  # 春夏服饰营销推广计划  # 湖州抖音seo优化报名  # 清溪抖音seo中心  # 南昌网站建设优化诊断  # 天津网站seo公司排名  # 汉沽网站推广联系方式  # flash网站建设技术  # 专业网站seo服务  # 贫困地区农产品推广网站  # 网站产品优化简历设计  # 营销关键词推广方案  # 铁岭seo培训平台  # 凉山网络营销与推广价格  # 成都成华区网站建设外包  # 天津淘宝网站推广选择  # 餐饮网站建设培训学校  # 省心的网站品牌优化  # 德阳短视频seo排名 

相关文章： 新手如何辨别一个广告联盟是不是骗子？  app推广拉新之通过产品策略来实现用户拉新的四个方法！  推广有什么好处？有哪些优劣点？  SEO很多，如何在竞争激烈的市场中脱颖而出？,晋中网站建设售后  福建百度推广方式如何计费，详细解析与技巧分享,关于滑板的推广营销方案  SEO妍：搜索引擎优化的艺术，轻松打造网络营销新未来,绥德抖音seo优化  高佣联盟是什么？使用高佣联盟有什么好处？  SEO提高：如何通过精准优化让网站流量翻倍,西吉智能网站建设  app线下预装推广如何做？有哪些优势与不足？  提升网站排名和流量的22个网站外链的建设方法汇总！  网站主动引流推广赚钱该怎么做？这6个方法简单又实用！  三个适合长期做的正规、靠谱、安全的网赚项目分享！  网站单页面优化的8个核心要素，做好了排名快速提升！  【分享】仿应用商店引流模板源码  广告投放的渠道和方法有哪些？各自的优势在哪？  如何利用抖音推广小游戏来赚钱？  适合新手利用联盟平台上面的广告来赚钱的3个方法！  无锡网站 *** ，打造个性化企业网站，助力企业腾飞，无锡专业网站定制，塑造企业品牌新形象，无锡专业网站定制，助力企业品牌形象升级  清远设备SEO优化费用解析，如何精准提升品牌曝光度？,刷推广网站点击率  优化提长：让企业效能提升的秘密武器,德惠做网站建设的公司  信息流广告为什么受广告主喜欢？  如何通过推广赚钱？推广赚钱的项目有哪些？  SEO手法如何通过精准优化提升网站排名，获取海量流量,凤岗公司网站建设价格  人人|直播|，拿出手机就能和你心仪的女神随时随地面对面交流聊天！  SEO立刻：快速提升网站排名，带你走在搜索引擎前沿,seo文章素材撰写  最详细的十个网站营销策略！以后再也不用担心网站的流量啦！  app推广如何做才有效果？这9大推广渠道必须掌握！  教你如何利用app交叉推广来0成本推广自己的app，大量吸粉！  如何快速提升app推广注册量，吸引大量粉丝关注？  最常见的四种操作项目赚钱的方法分享！  个性化广告：新时代营销的秘密武器,低价网站建设与发展论文  想通过国外广告联盟赚钱？这10个专业术语你必须了解！  SEO短视：为何眼前的成效不能成为长久的策略？,兴安外贸网站推广厂家有哪些  SEO领站-从零到一打造成功网站排名的秘密,汕尾东莞网站推广  做网赚常见的一些引流平台和渠道介绍  什么是神马排名？让你的网站脱颖而出，轻松占据搜索引擎的C位！,肇庆seo优化分析  网站引流渠道有哪些呢？在这些渠道引流效果非常棒！  服装生产,从传统到智能，介绍服装产业变革之路  关键搜索：如何在信息洪流中精准找到你需要的答案,官网seo优化步骤  你想象不到的新型休闲游戏广告联盟的盈利能力！  SEO对策：提升网站排名与流量的必备策略,南通网站优化经验  app推广拉新这通过这4个市场推广策略来实现用户的拉新和流量暴涨！  SEO结构优化：助力网站提升排名与流量的关键策略,seo 索引  SEO适合-提升网站排名的关键策略,网站优化后收录越来越少  福建百度推广可以自己弄吗？,怀化营销策划网络推广seo  SEO需要：如何提升网站排名，打造高效营销利器,随州网站推广公司  想通过做问卷调查赚钱，这七个平台不容错过！  网赚小白们必看的广告联盟赚钱思路！  利用知乎来做引流推广该如何做？  谷歌学术的检索规则有哪些，谷歌学术官网入口