Hexo搭建及部署

本文介绍了如何使用Hexo搭建个人博客,包括安装Hexo、选择Maupassant主题、配置RSS和部署插件。通过修改配置文件和设置服务器端的post-receive脚本,实现了Gogs上的自动部署,详细阐述了从创建文章到自动部署的全过程。

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

Hexo是什么?
Hexo是一个快速、简洁且高效的博客框架,使用Markdown解析文章,可利用可定制的主题生成静态网页。

安装
必备程序:NodeGit

  1. 使用npm安装hexo-cli
npm install/i -g hexo-cli
  1. 初始化Hexo项目目录
hexo init <folder>
  1. 安装完成,启动服务测试。
cd <folder>
hexo server/s

更改主题
主题: maupassant

  1. 下载主题
git clone https://github.com/tufu9441/maupassant-hexo.git themes/maupassant
  1. 更改项目根目录下的_config.yml配置文件中的主题配置项
theme: maupassant

安装其他依赖项
1. 安装maupassant所需依赖项

npm install hexo-renderer-pug --save
npm install hexo-renderer-sass --save
  1. 安装RSS启用依赖项
npm install hexo-generator-feed --save
  1. 安装一键部署依赖项
npm install hexo-deployer-git --save

生成静态网页资源

hexo generate/g

部署
更改项目根目录下的_config.yml配置文件中的Deployment配置项

deploy:
  type: git
  repo: <git远程库地址>
  branch: <branch>  // 提交的目标分支
  message: 提交信息

服务器端自动部署
进入服务器端gogs中gogs-repositories下该项目的hooks目录,修改post-receive中的脚本:

#!/usr/bin/env bash

unset GIT_DIR
NowPath=`pwd`
DeployPath="网站服务器部署目录"
cd $DeployPath
git pull origin master
cd $NowPath
exit 0

当在本地仓库执行git push后就会触发post-receive,实现自动部署。

: 当前git账户没有网站服务器部署目录权限时,可能导致服务器端自动部署失败。
创建到发布的完整流程

  1. 新建一篇新的文章
hexo new [layout] <title>
  1. 如果默认新建为草稿,则需要执行这一步
hexo publish [layout] <title>
  1. 本地服务预览(可省略)
hexo s
  1. 生成静态资源
hexo g
  1. 发布及自动部署
hexo d
在使用Hexo搭建博客并将其部署到Gitee的过程中,你需要进行一些修改以确保正确的部署。 首先,你需要在_config.yml文件中找到deploy配置部分。在这里,你需要对deploy进行如下修改: ``` deploy: - type: git repo: https://gitee.com/你的用户名/你的仓库名.git branch: master ``` 将上述代码中的"你的用户名"替换为你在Gitee上的用户名,并将"你的仓库名"替换为你的博客仓库在Gitee上的名称。 接下来,你需要将你的博客同时部署到GitHub,以便在无法访问Gitee时,仍可通过GitHub访问你的博客。在_config.yml文件的deploy配置中,添加以下代码: ``` - type: git repo: https://github.com/你的用户名/你的仓库名.git branch: master ``` 同样,将上述代码中的"你的用户名"替换为你在GitHub上的用户名,并将"你的仓库名"替换为你的博客仓库在GitHub上的名称。 完成以上修改后,保存并关闭_config.yml文件。接下来,你可以通过运行命令`hexo deploy`将你的博客部署到Gitee和GitHub。 请注意,部署到Gitee相对于GitHub可能会稍微麻烦一些,因为你需要手动去Gitee的网站上更新一次才能看到更新效果。这是因为Gitee是国内版的GitHub,速度相对较快,但在部署时需要手动同步。<span class="em">1</span><span class="em">2</span> #### 引用[.reference_title] - *1* [搭建hexo博客——Gitee篇](https://blog.youkuaiyun.com/qq_939317133/article/details/124046319)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] - *2* [hexo博客同时部署gitee和github,搭建镜像站](https://blog.youkuaiyun.com/liegu0317/article/details/123058346)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值