带你跳过各种坑，一次性把 Hexo 博客部署到自己的服务器

最新推荐文章于 2025-03-17 20:14:51 发布
置顶 最新推荐文章于 2025-03-17 20:14:51 发布
阅读量4.1w 收藏 143
点赞数 38
分类专栏： 原创 文章标签： Hexo 服务器 部署 nginx 博客搭建
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_35561857/article/details/81590953
版权

原文地址：hexo-to-your-server

完成效果：点击查看个人网站

一、开始

配置本地 node 环境

  1. node下载 官网下载，可以的话推荐使用 nvm 安装

  2. 安装记得把目录改到其他盘，这里我具体是在 D:\programming\nodejs

node更换路径

打开cmd查看node安装情况

node -v
npm -v
  1. 配置全局环境

进入安装目录，创建文件夹node_global和node_cache 并执行

npm config set prefix "D:\programming\nodejs\node_global"
npm config set cache "D:\programming\nodejs\node_cache"

环境配置：新增环境变量NODE_PATH和添加Path，两个值都为 D:\programming\nodejs\node_global

node更换路径

node更换路径

  1. 安装hexo-cli
npm i hexo-cli -g
hexo

如果显示下面情况，恭喜你成功全局模块调用

node更换路径

  1. 如果出现命令未找到，或不是可执行程序，别着急！先仔细重复 3-4 步，一般是能够给解决的，如果实在是不能解决，往后看

  2. 随便找个地方初始化文件，执行如下命令：

mkdir hexo-blog
cd hexo-blog && npm init -y

现在有 3 种解决方法，任选其一

  • 法 1：检查全局目录是否的hexo模块，执行如下命令：

                

                
                
        

    

  


        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        


    


                



	

		

			

				
					
Hexo + GitHub 搭建个人博客(四) Hexo部署

				
			

			

				

					weixin_48948968的博客
				

				

					09-12
					
					493
					
				

			

		

		

			
				
打开 GitHub 设置 > SSH and GPG keys。好了 此时已经部署到了你的 github 上。打开 GitHub 网站 登录 新建仓库。打开 仓库的 设置 > Pages。设置你的 github Pages。将生成好的公钥添加进去即可。在项目的根目录下执行。在项目的根目录下执行。

			
		

	



                

            
              



	

		

			

				
					
hexo简单部署（一次解决hexo测试+上传github问题）

				
			

			

				

					u014155600的博客
				

				

					02-21
					
					1925
					
				

			

		

		

			
				
hexo本地测试+上传一次解决

			
		

	



              


  
              

                


	

		

			

				
					
hexo网站部署到云服务器的详细步骤新手指南.docx

				
			

			

				

					09-13
				

			

		

		

			
				
...

			
		

	





	

		

			

				
					
利用hexo+github部署属于自己的个人博客网站(2025年3月所写)

				
			

			

				

					m0_74795952的博客
				

				

					03-17
					
					1552
					
				

			

		

		

			
				
本篇博客仅限于利用hexo搭建博客，并且部署到github上面，让自己可以有一个访问的域名，不涉及博客的上传以及博客网站的美化。当然笔者博客上传和网站美化以后会再写一篇博客进行说明参考自这两篇博客混着看的，因为有的地方这篇不行另外一篇可以，所以我混着来的，而且有的地方可能版本太老了，就不太对了，笔者就再加上笔者自己的情况供大家参考了。

			
		

	



		

			
		



	

		

			

				
					
hello-world

				
			

			

				

					分享 Go、云原生、AI Infra 相关技术
				

				

					02-21
					
					931
					
				

			

		

		

			
				
title: Hello World 
tags: 
categories:  - TechnologyWelcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in

			
		

	





	

		

			

				
					
Hexo部署

				
			

			

				

					Sunshine的博客
				

				

					02-16
					
					398
					
				

			

		

		

			
				
1. 添加标签页

2.
3.安装插件
直接在自己的博客文件夹下（我的是blog）点击鼠标右键选择Git Bash Here
npm install hexo-generator-searchdb --save
修改站点配置文件
我的路径是：blog下的_config.yml文件，进行编辑。
search:
path: search.xml
field: post
format: html
lim...

			
		

	





	

		

			

				
					
通过git+nginx将HEXO部署到服务器

				
			

			

				

					qq_39366927的博客
				

				

					10-26
					
					2109
					
				

			

		

		

			
				
本文记录了通过git+nginx将HEXO部署到服务器的全过程。包括git和nginx的配置等等。

			
		

	





	

		

			

				
					
Windows系统hexo部署

				
			

			

				

					程序员哦的博客
				

				

					11-21
					
					469
					
				

			

		

		

			
				
Hexo部署
1. GitHub创建个人仓库
首先，你先要有一个GitHub账户，去注册一个吧。
注册完登录后，在GitHub.com中看到一个New repository，新建仓库

创建一个和你用户名相同的仓库，后面加.github.io，只有这样，将来要部署到GitHub page的时候，才会被识别，也就是xxxx.github.io，其中xxx就是你注册GitHub的用户名。我这里是已经建过了。

点击create repository。
5. 生成SSH添加到GitHub
回到你的git bash

			
		

	





	

		

			

				
					
使用云服务器搭建Hexo个人博客

				
			

			

				

					weixin_42727776的博客
				

				

					03-19
					
					893
					
				

			

		

		

			
				
【彻底搞懂如何使用Hexo+GitHubPages搭建个人博客】讲解了如何使用Hexo+GitHubPages来搭建一款属于自己的个人博客。使用了一段时间后，发现访问速度偏慢，而且自己也在前段时间腾讯云做活动的时候购置了一台云服务器，所以将我的个人博客迁移到了腾讯云上。其实不一定是腾讯云，希望通过本文，您可以将原来部署到GitHubPages上的博客部署到任何云服务器上。
还是为了彻底搞懂目的，我也是参考了很多文章，大多是按照文章中的指引一行行的命令来配置部署，期间还使用过宝塔面板。后来因为原来的服务器到.

			
		

	





	

		

			

				
					
优雅的将hexo部署到github和coding

				
			

			

				

					My urban life
				

				

					07-20
					
					681
					
				

			

		

		

			
				
1. 前言
上次写了篇文章 使用github action同时部署hexo到github和coding最优雅的方式，从实现原理的角度做了介绍，由于实现的目标比较多，所以看起来比较复杂，这次我们不讲原理，仅仅按实现目标来介绍如何配置。
1.1 目标
先说我们要实现的目标，然后再按目标来介绍方法

hexo的source存放在独立私有库jiuhao
生成的静态文件存放在github和coding独立的库
本地可以通过 hexo d -g一个命令一次性部署到github和coding
可以通过git push推送

			
		

	





	

		

			

				
					
Hexo+Github: 博客网站搭建完全教程(看这篇就够了)

				
			

			

				

					sunhwee的博客
				

				

					08-28
					
					3412
					
				

			

		

		

			
				
文章目录阅读须知博客开源前言第一部分  搭建Hexo搭建步骤1. 安装Git2. 安装nodejs**添加国内镜像源**3. 安装Hexo4. 注册Github账号创建个人仓库5. 生成SSH添加到GitHub6. 将hexo部署到GitHub7. 设置个人域名8. 写文章、发布文章第二部分  定制1. Hexo相关目录文件1.1 博客目录构成介绍1.2 hexo基本配置1.2.1 网站1.2.2...

			
		

	





	

		

			

				
					
HEXO博客部署

				
			

			

				

					linuxpassion的专栏
				

				

					02-05
					
					1302
					
				

			

		

		

			
				
去年部署了jekyll的博客，当时为了能在本地预览博客效果，一大堆安装，windows上实在太痛苦。幸好，现在有了HEXO，实在是太方便了。
今晚也开通了hexo博客，简单记录一下遇到的一些坑。
网上的优秀指南很多，比如：
http://ibruce.info/2013/11/22/hexo-your-blog/
https://gloomymoon.github.io/2016/10/1

			
		

	





	

		

			

				
					
hexo 博客部署

				
			

			

				

					wengduke的博客
				

				

					09-26
					
					456
					
				

			

		

		

			
				
 下面是主要步骤：


hexo i hexoblog --save #进行安装hexo
cd hexoblog            #进入目录
npm install hexo-admin-ehc --save    #安装后台插件，必须进入目录后安装
cd node_modules/hexo-admin-ehc
npm install    #安装依赖
gulp build     #生成b...

			
		

	





	

		

			

				
					
Hexo 部署到 Gitee

				
			

			

				

					风如也的博客
				

				

					01-18
					
					6133
					
				

			

		

		

			
				
选择部署到 Gitee 上的原因是访问速度比 Github 快速，且Gitee 是国内的码云平台
新建 Gitee 仓库
如果没有注册的话，就去 Gitee 官网 注册一个哦，注册成功后创建仓库。
仓库的名称可以随便写，但是仓库的路径要和用户名（个人空间地址）一致

这样访问地址就不会生成二级域名了
在 Gitee 中添加 SSH 公钥
检查是否已有 SSH
在本地打开 git bash 命令行窗口，输入以下命令
$ cd ~/.ssh

如果没有，显示
bash: cd: /c/Users/Adminis

			
		

	





	

		

			

				
					
hexo 超简单部署

				
			

			

				

					qq_39211165的博客
				

				

					09-14
					
					1666
					
				

			

		

		

			
				
前言
Hexo 本身提供了很多快速方便的一键部署功能，让您只需一条命令就能将网站部署到服务器上。
配置文件： _config.yml
但是在配置文件中使用 sftp 发布到服务器，需要一些明文信息。然后不希望将这些信息暴露出去。
在网上搜索了好大半天，发现文章篇幅都比较长 其实是我看不懂 ???? 所以自己尝试了两个较简单的方法。
大前提是使用 sftp-sync-deploy 这个包来将自己的文件发布上去，hexo 部署是使用hexo-deployer-sftp (核心是 sftp-sync-deploy

			
		

	





	

		

			

				
					
Hexo博客部署至服务器

				
			

			

				

					虚幻私塾
				

				

					01-26
					
					4085
					
				

			

		

		

			
				
Python微信订餐小程序课程视频
https://edu.youkuaiyun.com/course/detail/36074
Python实战量化交易理财系统
https://edu.youkuaiyun.com/course/detail/35475
前言
之前想给自己折腾出一个个人博客网站的时候，除了域名，还在阿里云买了一个一年的轻量级应用服务器。由于当时想让这个博客长期存在，并且也了解到了Hexo+GitHub的方案，所以我手头的两个域名（226yzy.top和226yzy.com），前者解析到了服务器上，后者我留给了G

			
		

	





	

		

			

				
					
Hexo系列教程之一：hexo+github搭建独立博客

				
			

			

				

					
				

				

					03-27
					
					336
					
				

			

		

		

			
				
前言引用一下阮一峰–喜欢写Blog的人，会经历三个阶段。
  第一阶段，刚接触Blog，觉得很新鲜，试着选择一个免费空间来写。
  
  第二阶段，发现免费空间限制太多，就自己购买域名和空间，搭建独立博客。
  
  第三阶段，觉得独立博客的管理太麻烦，最好在保留控制权的前提下，让别人来管，自己只负责写文章。
对我这种不太喜欢写blog的人，没经历过第一二阶段，直接跳到了第三阶段，哈哈，也希望以后能

			
		

	





	

		

			

				
					
hexo部署过程

				
			

			

				

					Ziyi_ing的博客
				

				

					09-21
					
					185
					
				

			

		

		

			
				
hexo部署的心酸历程
首先建立在电脑已经安装了git，node并且在github上已经有了账号，并且成功匹配了ssh key。
建立一个新的空的仓库，名字为 yourname.github.io
在本地电脑上新建一个文件夹，作为hexo的本地路径，我的是myblog
开始在电脑上安装hexo


npm install hexo -...

			
		

	





	

		

			

				
					
将 hexo 部署到云服务器

				
			

			

				

					jiaweilovemingming的博客
				

				

					04-09
					
					9323
					
				

			

		

		

			
				
将 hexo 部署到云服务器
为了解决 hexo 部署到 GitHub 访问速度慢的问题，我们可以将 hexo 部署到云服务器上。
这篇博客使用宝塔面板将 hexo 部署到腾讯云服务器上。
1. 前提

已经搭建好 hexo 的相关环境，并将 hexo 部署到了 GitHub 上
已经购买好云服务器
已经购买并备案好域名 （可选项，没有也可以用 ip 地址访问 hexo）

2. 安装宝塔面板
宝塔面板可以可视化地操作远端服务器（这样就不用自己手动装 nginx 了）
进入宝塔面板的下载页面 宝塔面板下载 

			
		

	





	

		

			

				
					
hexo 博客搭建并部署到阿里云服务器

					
最新发布

				
			

			

				

					03-18
				

			

		

		

			
				
<think>好的，用户想了解如何使用Hexo搭建博客并部署到阿里云服务器。首先，我需要整理整个流程，确保步骤清晰，用户能一步步跟着操作。

首先，Hexo是基于Node.js的，所以需要先安装Node.js和Git。这两个是基础环境，用户可能已经安装过，但最好还是提醒他们检查版本，确保兼容性。安装完成后，通过npm安装Hexo-cli，然后初始化项目，这应该是搭建本地博客的第一步。

接下来，生成静态文件和启动本地服务器是常规操作，用户需要验证本地是否运行正常。这时候可能会遇到主题或插件的问题，但用户的问题主要集中在部署，所以这部分可能不需要深入，除非用户后续提问。

然后是部署到阿里云的部分。用户需要准备阿里云服务器，这里要提到安全组的设置，开放80、443和22端口，这是关键，否则无法访问。接着在服务器上安装必要的软件，如Git、Nginx和Node.js，确保环境配置正确。

创建Git仓库和配置钩子文件是关键步骤。通过初始化裸仓库，并配置post-receive钩子，实现自动同步到网站目录。这里可能需要处理权限问题，用户需要注意目录的所有权和执行权限。

本地Hexo配置部分，需要修改_config.yml文件，添加部署器配置，设置服务器的IP和仓库路径。同时安装hexo-deployer-git插件，这样才能通过hexo d命令推送代码。

最后，生成和部署，清理缓存，确保文件更新。部署成功后，配置Nginx指向网站目录，这样用户才能通过域名或IP访问博客。可能还需要提醒用户绑定域名和配置SSL，但用户的问题可能暂时不需要这部分，不过可以作为优化建议提到。

在引用参考资料时，要确保正确对应。例如，引用[3]提到创建Git仓库，引用[4]涉及部署命令。需要检查每个步骤是否有对应的引用支持，避免错误。

用户可能遇到的问题包括权限设置、端口未开放、钩子脚本执行失败等，但问题中没有提到具体错误，所以回答中先给出标准流程，后续可以建议查看日志或排查这些常见问题。

总结来说，流程分为本地环境搭建、服务器配置、Hexo部署设置、部署和验证几个大步骤，每个步骤需要明确命令和配置，确保用户能一步步操作。同时，相关问题可以引导用户进一步了解优化和自动化部署，比如使用CI/CD工具或配置HTTPS，提升博客的安全性和访问速度。</think>### Hexo 博客搭建与部署至阿里云服务器完整流程

---

#### **一、本地环境搭建**
1. **安装 Node.js 和 Git**  
   - 下载 Node.js（含 npm）[官网](https://nodejs.org)并安装，验证安装：  
     ```bash
     node -v  # 查看Node.js版本
     npm -v   # 查看npm版本
     ```
   - 下载 Git [官网](https://git-scm.com)并安装，验证安装：  
     ```bash
     git --version
     ```

2. **安装 Hexo**  
   通过 npm 全局安装 Hexo 命令行工具：  
   ```bash
   npm install -g hexo-cli
   ```

3. **初始化 Hexo 项目**  
   创建博客目录并初始化：  
   ```bash
   hexo init myblog  # 初始化项目
   cd myblog         # 进入项目目录
   npm install       # 安装依赖
   ```

4. **本地运行测试**  
   生成静态文件并启动本地服务器：  
   ```bash
   hexo generate  # 或 hexo g
   hexo server    # 或 hexo s
   ```
   访问 `http://localhost:4000` 查看效果。

---

#### **二、阿里云服务器配置**
1. **服务器基础设置**  
   - 登录阿里云控制台，进入ECS实例，确保安全组开放以下端口：  
     - **80（HTTP）**、**443（HTTPS）**、**22（SSH）** [^1]
   - 通过 SSH 连接服务器：  
     ```bash
     ssh root@your_server_ip  # 替换为实际IP
     ```

2. **安装必要软件**  
   ```bash
   apt update
   apt install git nginx nodejs -y  # 安装Git、Nginx、Node.js
   ```

3. **创建网站目录与Git仓库**  
   - 创建网站根目录：  
     ```bash
     mkdir -p /var/www/hexo
     chown -R $USER:$USER /var/www/hexo  # 设置用户权限
     ```
   - 初始化 Git 裸仓库：  
     ```bash
     mkdir ~/hexo.git && cd ~/hexo.git
     git init --bare  # 创建裸仓库用于接收推送[^3]
     ```

4. **配置 Git 钩子（Hooks）**  
   创建 `post-receive` 钩子脚本：  
   ```bash
   vim ~/hexo.git/hooks/post-receive
   ```
   添加以下内容：  
   ```bash
   #!/bin/bash
   git --work-tree=/var/www/hexo --git-dir=~/hexo.git checkout -f
   ```
   赋予脚本执行权限：  
   ```bash
   chmod +x ~/hexo.git/hooks/post-receive
   ```

---

#### **三、本地 Hexo 部署配置**
1. **修改 Hexo 配置文件**  
   编辑 `_config.yml`，添加部署配置：  
   ```yaml
   deploy:
     type: git
     repo: root@your_server_ip:~/hexo.git  # 替换为服务器IP
     branch: master
   ```

2. **安装部署插件**  
   ```bash
   npm install hexo-deployer-git --save
   ```

---

#### **四、生成并部署到服务器**
1. **生成静态文件并推送**  
   ```bash
   hexo clean   # 清理缓存[^4]
   hexo generate
   hexo deploy  # 或 hexo d
   ```

2. **配置 Nginx 指向网站目录**  
   编辑 Nginx 配置文件：  
   ```bash
   vim /etc/nginx/sites-available/default
   ```
   修改 `root` 路径：  
   ```nginx
   server {
     listen 80;
     root /var/www/hexo;  # 指定网站目录
     index index.html;
   }
   ```
   重启 Nginx：  
   ```bash
   systemctl restart nginx
   ```

3. **访问博客**  
   通过浏览器输入服务器 IP 或域名即可访问。

---

#### **五、后续维护**
- **更新内容**：本地修改后，重新执行 `hexo clean && hexo g -d` 即可自动部署。
- **备份源码**：将 Hexo 项目源码推送至私有 Git 仓库（如 GitHub），防止丢失。

---

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		
评论 55

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值