Hexo + Gitee安装部署完整过程

本文详细介绍了如何从零开始搭建Hexo博客,包括安装Git、Node.js、Hexo,配置NPM镜像,以及如何在Gitee上部署Hexo生成的静态页面。同时,还提供了SSH配置及Hexo主题安装的方法。

安装 git

安装 nodejs

修改配置

国内淘宝NPM镜像使用方法(三种办法任意一种都能解决问题,建议使用第三种,将配置写死,下次用的时候配置还在):

  • 通过config命令
//If In China, you can set mirror to speed up !
npm config set registry "https://registry.npm.taobao.org/"
npm config set electron_mirror "https://npm.taobao.org/mirrors/electron/"
  • 命令行指定
npm --registry https://registry.npm.taobao.org info underscore 
  • 编辑 ~/.npmrc 加入下面内容
    • Windows : %HOMEPATH%/
    • Linux/Unix/Mac: ~/
registry=https://registry.npm.taobao.org/
electron_mirror=https://npm.taobao.org/mirrors/electron/

If you want change cache path, Please refer to the following configuration !

//Windows:
npm config set prefix "C:/Program Files/nodejs/npm_global"
npm config set cache "C:/Program Files/nodejs/npm_cache" 

//Linux\Mac:
npm config set prefix "~/nodejs/npm_global"
npm config set cache "~/nodejs/npm_cache"  

Hexo安装

1. 在自己喜欢的位置建个Hexo文件夹

2. 在shell(就是你的GitBase)中cd到你刚才建的文件夹里去,

//例如我新建的是D盘,Hexo文件夹
cd D:
cd Hexo

3. 在Hexo目录下安装Hexo

npm install -g hexo-cli

4. 检测hexo是否安装成功。

hexo -v

5. 初始化hexo

hexo init blog

blog是会创建一个blog文件夹,如果不在hexo init后面加blog的话,会在你当前的文件夹下初始化hexo

6. 转到刚刚初始化的blog文件夹下。

cd blog/

这时你会发现里面新建了很多文件夹。

7. 安装npm 依赖项。

npm install

8. hexo g,生成静态文件。

在这里插入图片描述

9. 启动服务器。

hexo server

10. 访问:http://localhost:4000/,出现如下页面就代表你搭建成功了。

hexo 主题安装

1. hexo官网主题商店里下一个模板

2. 修改配置文件_config.yml

hexo默认主题是landscape

theme: hexo-theme-snippet//此处为你下载的主题名称

3. 生成静态文件

hexo g

4. 发布

hexo s

5. 访问:http://localhost:4000/

在这里插入图片描述

现在就可以将这个博客发布到gitee或者github或者coding上了。

Gitee环境部署

1. 注册gitee账号

登录gitee进行注册

2. 新建仓库

在这里插入图片描述

3. 填写信息,创建仓库

在这里插入图片描述

在这里插入图片描述

新建仓库时名称最好是保持跟你注册时的个人空间地址是一样的。因为这样你就不会生成二级域名了。如果不跟注册时的个人空间地址一样的话,到时候自己的网站就会有二级域名的存在了。

点击完创建后,就会跳到仓库页面。

4.部署静态服务

在这里插入图片描述

点击服务,Gitee Pages。

在这里插入图片描述

选择强制使用HTTPS

然后启动。

这个时候就会给你生成一个类似https://{你的个人空间地址}.gitee.io(仓库名跟个人空间地址一致)或者https://{你的个人空间地址}.gitee.io/{你的仓库名}(仓库名跟个人空间地址不一致)这样的网址。

至此,你的gitee的静态页面服务就搭建好了。剩下的就是配置git上传到Gitee的权限了。

SSH配置

1. 本地生成秘钥

git config --global user.name "yourname"
git config --global user.email "youremail"
ssh-keygen -t rsa -C "youremail"

默认生成秘钥key在C:\Users\电脑用户名\.ssh文件夹下。

2.添加本地秘钥到Gitee

在这里插入图片描述

在个人设置里,点击SSH公钥,添加公钥,标题自己随便选,公钥就是本地生成的id_rsa.pub里面的内容。

检查下配置是否成功。

ssh -T git@github.com

配置成功后就可以发布本地生成的博客到Gitee上了。

发布

1. 配置发布地址

在hexo初始化的blog的配置文件_config.yml中配置

deploy:
- type: git
  repository: git@gitee.com:{注册的个人空间地址}/{仓库名}.git
  branch: master //仓库分支

2. 生成静态文件进行发布

到你本地hexo init blog初始化生成的blog文件夹里,打开Git Base命令窗口。

  1. 清除缓存文件 (db.json) 和已生成的静态文件 (public)。

    hexo clean
    
  2. 生成静态文件。

    hexo generate
    
  3. 文件生成后立即部署网站

    hexo deploy
    

这个时候本地的内容就部署到了Gitee上了。

Gitee Pages更新内容

在这里插入图片描述

点击更新,然后就可以通过https://{你的个人空间地址}.gitee.io(仓库名跟个人空间地址一致)或者https://{你的个人空间地址}.gitee.io/{你的仓库名}(仓库名跟个人空间地址不一致)访问你的网站了。

至此,你的Hexo到Gitee的部署就实现了!

这是我自己部署的博客 王老九博客

<think>我们被要求生成相关问题,并且用户要求查找使用Hexo将静态网页部署Gitee的详细步骤。结合引用内容,我们可以总结出部署步骤。 注意:用户之前的问题可能是关于部署的,但当前问题明确要求详细步骤。引用中提供了多个步骤,我们需要整合并给出清晰步骤。 步骤: 1. 安装Hexo(如果未安装,需要先安装Node.js和Git) 2. 初始化Hexo项目 3. 配置Hexo(重点配置_config.yml文件,包括站点信息、部署信息等) 4. 生成静态网页 5. 部署Gitee 6. 在Gitee上更新Pages服务 同时,根据引用内容,配置文件中需要注意: - url: 设置为Gitee Pages的访问地址(如:http://xinsui1314x.gitee.io/ 或 https://username.gitee.io/repo/) - root: 如果项目不是放在根目录,则需要设置(例如,如果访问地址是https://username.gitee.io/repo/,则root设置为/repo/) - deploy部分:设置type为git,repo为仓库地址(如https://gitee.com/username/repo.git),branch一般为master 另外,部署命令通常使用:hexo clean && hexo g && hexo d (注意:需要安装hexo-deployer-git插件) 我们还要注意,在第一次部署前,需要配置SSH密钥或者使用HTTPS方式(可能需要输入用户名密码)来连接Gitee仓库。 最后,生成相关问题。 注意:引用内容中提到了在部署后需要到Gitee上更新Pages(因为Gitee Pages需要手动更新,除非是Pro版本有自动更新)。所以步骤中包含在Gitee仓库中手动点击更新Pages。 详细步骤: </think>### 使用 Hexo 部署静态网页到 Gitee 的详细步骤 #### 1. **环境准备** - 安装 Node.js(Hexo 运行环境) - 安装 Git(版本控制和部署工具) - 安装 Hexo:执行 `npm install -g hexo-cli` #### 2. **初始化 Hexo 项目** ```bash hexo init myblog # 创建项目目录 cd myblog npm install # 安装依赖 ``` #### 3. **配置 `_config.yml`** 修改站点根目录的配置文件: ```yaml # 站点信息 title: 网站标题 subtitle: 网站副标题 author: 作者名 language: zh-cn # 中文语言 # 关键部署配置 url: https://你的用户名.gitee.io/仓库名 # 例如 https://xinsui1314x.gitee.io/hexo root: /仓库名/ # 若仓库非根目录需设置,如 /hexo/ # 部署设置 deploy: type: git repo: https://gitee.com/你的用户名/仓库名.git # 例如 https://gitee.com/xinsui1314x/xinsui1314x.git branch: master # 分支名 ``` > 注意:`url` 和 `root` 必须与 Gitee Pages 路径匹配[^1][^3] #### 4. **安装部署插件** ```bash npm install hexo-deployer-git --save ``` #### 5. **生成静态文件并部署** ```bash hexo clean # 清除缓存 hexo generate # 生成静态文件(可简写 hexo g) hexo deploy # 部署Gitee(可简写 hexo d) ``` #### 6. **启用 Gitee Pages** - 登录 Gitee,进入仓库 → **服务** → **Gitee Pages** - 选择部署分支(如 `master`) - 点击**启动**或**更新**(每次更新后需手动触发) ![](https://gitee.com/static/images/help/pages.png) #### 7. **访问网站** ``` https://你的用户名.gitee.io/仓库名/ ``` #### 常见问题解决 - **路径错误**:确保 `url` 和 `root` 配置正确(非根目录时结尾需加 `/`)[^3] - **文件下载失效**:使用 Gitee 提供的绝对路径而非相对路径[^4] - **页面未更新**:部署后需在 Gitee Pages 服务中手动点击更新[^1] > 提示:本地调试可使用 `hexo server`,浏览器访问 `http://localhost:4000`[^2] --- ###
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值