Hexo 框架搭建个人博客：快速、开源且生态丰富,国学网站建设
栏目：网络推广 发布时间：2024-11-12
前言 目前市面上流行的一些博客框架：Hexo、Solo、Halo、、、等，这些都是开源的静态博客框架（无需登录注册、后台管理等）。优点是您可以非常快速地构建自己的。 ... Hexo 框架搭建个人博客：快速、开源且生态丰富
前言
目前市面上流行的一些博客框架：Hexo、Solo、Halo、、、等，这些都是开源的静态博客框架（无需登录注册、后台管理等）。优点是您可以非常快速地构建自己的。个人博客（也需要一定的前端知识），也是因为我之前的博客网站实在是没钱继续维护服务器了~~
我这里使用Hexo框架搭建，因为我的电脑上安装了Hexo所需的环境，而且互联网上Hexo的生态也比较丰富和完整。大家可以观看B站杨哥()的视频进行介绍。具体细节我还没有写下来。百度一下就有很多资料。
来看看我3天的努力成果（一天按照官方文档搭建，两天修改页面，解决图床问题）：
1. 准备工作
项目最终会部署到码云。无需自己购买服务器。也可以部署在这里。然而，我们的天堂有一面墙，速度实在令人堪忧！
1.安装环境：因为Hexo是基于Node.js的博客框架，就像J*a依赖于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、Solo、Halo、、、等，这些都是开源的静态博客框架（无需登录注册、后台管理等）。优点是您可以非常快速地构建自己的。个人博客（也需要一定的前端知识），也是因为我之前的博客网站实在是没钱继续维护服务器了~~
我这里使用Hexo框架搭建，因为我的电脑上安装了Hexo所需的环境，而且互联网上Hexo的生态也比较丰富和完整。大家可以观看B站杨哥()的视频进行介绍。具体细节我还没有写下来。百度一下就有很多资料。
来看看我3天的努力成果（一天按照官方文档搭建，两天修改页面，解决图床问题）：
1. 准备工作
项目最终会部署到码云。无需自己购买服务器。也可以部署在这里。然而，我们的天堂有一面墙，速度实在令人堪忧！
1.安装环境：因为Hexo是基于Node.js的博客框架，就像J*a依赖于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”的文章。