windows10中用hexo部署个人博客到gitee上

本文详细介绍了如何使用Hexo在本地搭建个人博客的过程,包括Git和Node.js的安装,创建Gitee仓库,安装Hexo并进行配置,以及如何将博客部署到Gitee Pages上实现在线访问。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

准备工作

一 下载 git windos64位git下载地址
二 下载 node.js windos64位node下载地址
三 注册个 gitee 创建一个仓库

安装hexo

三 安装上面两个后打开 git bash 来安装hexo命令:npm install -g hexo
安装成功 hexo在这里插入图片描述然后选择或创建一个目录 用于存放博客
cd 切过去 然后 初始化 hexo init
生成静态页面 hexo g
可以在本地启动 hexo s
在这里插入图片描述在本地4000端口开启 ctrl+c关闭
清除 hexo clean

部署到 gitee上

gitee Gitee Pages 服务
在这里插入图片描述
在这个博客目录下安装一个上传的插件
npm install hexo-deployer-git --save
在博客目录下 找到 _config.yml 这个文件
在这里插入图片描述
找到 url 看 改成你自己的路径
url: http://yangjulong.gitee.io/yangjulong.gitee.io
root: /yangjulong.gitee.io
找到 # Deployment
在下面添加
type: git
在这里插入图片描述 repository: 复制的地址
branch:你仓库的名字
保存后 执行 hexo d 提交到仓库上
然后就可以在网上访问了 要是不能Gitee Pages 服务
就先提交上去 然后在开启Gitee Pages 服务
然后在改config.yml文件

css加载不出来 就是路径错了

我自己把仓库清空一次在提交上去就好了 主要是第一次没有吧路径设对 后来对了 可是提交的时候文件没有更新

导致还是css加不出来 。。。

### 使用 HexoGitee 上创建和部署个人博客教程 #### 创建本地环境 为了使用 Hexo 构建个人博客,首先需要准备开发环境。这涉及到安装必要的工具以及初始化项目。 在电脑上通过 npm 安装 `hexo-cli` 工具来管理 Hexo 应用程序[^5]: ```bash npm install -g hexo-cli ``` 接着,在期望放置博客项目的路径下新建一个空文件夹作为根目录,并在此处执行初始化操作以建立一个新的 Hexo 博客站点结构[^2]: ```bash mkdir myblog && cd myblog hexo init . ``` 随后运行命令安装所需的依赖项以便能够正常使用 Hexo 功能: ```bash npm install ``` 此时已经成功设置了基本的工作空间,可以尝试启动本地服务查看效果[^3]: ```bash hexo server ``` #### 修改配置与主题设置 当确认网站可以在本地正常访问后,可以根据需求调整 `_config.yml` 文件中的参数来自定义外观和其他特性;同时也可以挑选合适美观的主题应用于自己的博客中[^1]。 #### 发布至 Gitee Pages 为了让他人也能浏览到所编写的博文,还需要将其托管于远程仓库比如 Gitee 的 Pages 服务之上。为此需按照如下流程操作: 清除之前可能存在的缓存数据确保最新更改能被正确反映出来[^4]: ```bash hexo clean ``` 重新构建整个站点生成最新的静态资源文件: ```bash hexo generate ``` 最后一步就是把更新后的资料推送到指定的目标地址即 Gitee 上面去完成最终发布过程: ```bash hexo deploy ``` 如果一切顺利的话,现在应该能够在对应的 Gitee Pages URL 下看到已上线的个人博客了。不过有时可能会遇到样式加载失败的情况,这时不妨先前往 Gitee 平台手动触发一次页面刷新动作后再利用浏览器端快捷键 Ctrl + F5 来强制重载网页试试看能否解决问题。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值