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排名 

相关文章： SEO站群：打造强大网络营销引擎，助力企业快速提升排名与流量,平谷seo网站营销推广  让您的项目快速实现，如何帮助您的项目快速实现，一些建议和 *** ，快速实现项目的建议与 *** ，掌握这些技巧  优化页面-提升用户体验与搜索引擎排名的关键,福州广告优化师招聘网站  广告模式有什么好处？广告计费的方式是什么？  人人|直播|，拿出手机就能和你心仪的女神随时随地面对面交流聊天！  网络广告联盟计费方式是怎样的？  全方位解析“整站克隆”：让网站复制如影随形，轻松拓展互联网业务,伊犁知名网站建设电话  推广赚钱怎么才能达到日赚1000+？你得这样做！  6个快速有效的app推广渠道，轻松推广你的app！  SEO妍：搜索引擎优化的艺术，轻松打造网络营销新未来,绥德抖音seo优化  “洗稿技巧如何让你的文章脱颖而出，轻松提升内容创作水平！”,灵宝网站建设报价公司  新手如何加入淘客联盟以及怎么赚取淘客联盟佣金？  福建百度推广点击率高却无人加好友，问题出在哪？,德江网络营销推广  SEO包月服务：助力企业提升网站排名与流量的长期利器,邹平县网站优化模板  移动互联网下手机广告联盟​营销存在着哪些问题？  SEO发明：引领数字时代营销革命的力量,美食网站bbs推广  使用Emlog搭建个人博客网站的终极指南,珠海专业的网站优化报价  开通微信*号初期发布*怎样才能提高*号播放量？  SEO自己：打造属于你的数字营销利器,茂名网站建设路  广告联盟上推广哪类产品最赚钱？  广告联盟源码不知道在哪下载？这个广告联盟平台源码推荐给你！  SEO新人必读：从零开始SEO的核心技巧与实践指南,潍坊网站建设培训班  日付广告联盟有哪些？日付广告联盟哪个靠谱？  新手应该如何操作广告联盟上的项目赚钱？  什么是网赚广告联盟？网赚广告联盟的收入怎么样？  优化工具：提升工作效率的秘密武器,宁波seo 代发  分享两个不一样联盟赚钱玩法，亲测效果非常棒！  APP推广站是怎么通过推广赚到那么多钱的？  广告联盟源码下载平台有哪些，免费版的源码在哪可以下载？  社交app评测！年末脱单就靠这4款社交app了！  怎么辨别哪些教程是有用的不是骗人的？  WAP网站 *** 的未来发展趋势与挑战，WAP网站 *** 的发展趋势及面临的挑战分析，WAP网站 *** ，未来发展态势及挑战剖析  广州建设网站，打造数字化城市，广州，打造数字化城市，推动智慧城市建设的实践探索，广州，从建设网站到数字城市转型，推动智慧城市建设实践探索  SEO全套秘籍：提升网站流量与排名的终极指南,河南搜索关键词排名公司  内容网站营销和网站seo优化有什么差别？  SEO优：让网站流量和排名实现飞跃的秘诀,推文是营销吗还是推广  app推广渠道有哪些？app快速引流获客你得这样做！  SEO学堂：开启数字营销新时代，全面提升网站排名与流量,购物网站建设合同协议书  探索未知世界——我的网站欣赏之旅，探索未知世界，我的网站欣赏之旅，我的网站欣赏之旅，探索未知世界  免费下，畅享无限精彩-全新数字生活体验！,做推广网站的文章  关键词标签：为你的内容注入无限流量与精准定位的利器,莱阳亚马逊关键词排名  优排软件：高效管理新天地，轻松提升工作效率,影楼网站建设海报设计  推广类app的广告联盟，和其他的广告联盟相比有何优势？  流量多但是没收益？教你如何提高广告推广的转化率！  抖音SEO软件工具，提升视频流量的秘密武器,上海网站建设招标  个性化广告：新时代营销的秘密武器,低价网站建设与发展论文  推荐8种正规不收费的网络兼职项目，非常靠谱！  引流转化日入1000+的引流思路方法分享！  SEO做好，企业网站流量翻倍的关键,自己建设个人网站  为什么关键词太少会影响你的网络营销效果？,寻甸小红书营销推广方案