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

相关文章： 健康生活，从现在开始，给自己一个全新的未来,台州营销推广外包  深入解析建网站软件，助力企业打造个性化在线平台，揭秘建站软件，企业个性化在线平台构建之道，揭秘建站软件奥秘，企业个性化在线平台构建指南  2022年app营销怎么做？app营销推广9大策略！  为什么选择老域名注册，打造品牌价值的秘密武器,推广亲子鉴定网站  WPQQ-开启数字时代的智能连接新纪元,赵文辉seo  SEO妍：搜索引擎优化的艺术，轻松打造网络营销新未来,绥德抖音seo优化  【联盟基础】链接推广赚钱是什么意思？怎么做？  【联盟基础】地推是什么意思？地推项目怎么赚钱？  自媒体营销新纪元，如何在这个变革的时代抓住机遇？,双管网站建设方法  SEO教研：数字营销新趋势，提升网站流量与转化率的关键,医疗网站基础优化计划  app推广过程中最常见的10个微信营销方法，你会吗？  cpc广告和cpm广告是什么意思？应该怎么做？  为什么“未备案域名”会成为互联网行业中的重要问题？,推广营销策划口碑  app用户大量流失？app促活留住用户你需要这么做！  全自动日付广告联盟赚钱项目该怎么做？  “更加通顺”-让生活与工作无缝衔接的语言魅力,海南推广网站技巧  大连网站推广，助力企业品牌崛起，抢占互联网市场先机，大连企业品牌崛起新引擎，互联网市场抢占攻略，大连企业品牌崛起，互联网市场抢占攻略，网站推广新引擎  操作项目，你需要掌握的基础知识有这些！  关键词引擎：数字营销的核心驱动力,seo兼职做什么工作  SEO武汉：如何提升武汉地区网站的搜索引擎排名,京东怎样提高关键词排名  SEO就业前景如何？打造数字时代的职业新风口,福永seo策略  【联盟基础】个人做任务赚钱是什么意思？  广告结合抖音项目助你轻轻松松赚大钱！  SEO导航：助力网站提升流量与排名的必备工具,永州政府网站建设公示  SEO总结：如何通过优化提升网站排名与流量,安阳网站推广和内容编辑  常见的4个网站营销方式，学会了不愁网站没流量！  网站没流量？这4个非常有效的网站外链引流方法一定要掌握！  SEO地位：如何提升你的网站排名与曝光度，抢占市场先机,tob和toc营销推广  SEO动态：2025年SEO趋势与优化技巧解析,快消品营销推广找哪家  关键内涵：揭示成功背后的智慧与力量,罗湖校园网网站建设  SEO韩国：为您开启国际市场的增长之门,浙江seo培训推荐  SEO站在未来之巅，助力网站在激烈竞争中脱颖而出,日照网络seo公司地址  七个零成本引流的app推广运营技巧，让目标用户主动来访！  网上多数的赚钱信息都是“搞信息差”，这才是网赚的精髓！  SEO网：让你的数字营销更加精准高效，开启网络引流新时代,seo望族希望  娱乐型网站和专业型网站做广告联盟推广有什么差别？  如何用手机赚钱？最容易赚钱的10个手机赚钱项目送给你！  新手不知道如何引流？教你几招精准吸粉！  操作网赚项目的时候如何快速地吸引精准粉丝？  关键SEO：提升网站流量与排名的核心策略,小程序智慧营销系统推广  “收录量为1”，打造数字化时代的独特竞争力,白城seo助手推荐电话  app地推过程中需要注意的一些推广技巧以及常见问题！  SEO优化如何提升网站排名，驾驭搜索引擎流量,博物馆展板模板网站推广  新手所必须了解的推广赚钱的5大主流推广方式！  出售广告联盟账号还可以赚钱？这种冷门赚钱方法你肯定不知道！  注册推广月入过万项目玩法介绍，十足的干货！  利用引流脚本软件自动挂机推广日赚300！你需要准备这些！  策划一个成功的app地推活动方案应该怎么做？  关键指数：揭示成功背后的秘密力量,福鼎百度关键词排名厂商  搜狗联盟广告价钱点击一次超7元？对，你没有眼花！