ARTICLE DETAIL

资讯详情

深耕网站视觉设计与运营推广的一线实战洞察。

Hexo+Butterfly主题:推送Gitee并使用腾讯云EdgeOne Pages部署完整教程

Hexo+Butterfly主题:推送Gitee并使用腾讯云EdgeOne Pages部署完整教程 以下方案采用“Gitee 作为源码仓库 + EdgeOne Pages 自动构建部署”的架构。你只需将 Hexo 源码推送到 Gitee,EdgeOne Pages 会自动拉取代码、执行构建命令并全球分发。现在的腾讯云EdgeOne Makers就是以前的腾讯云EdgeOne Pages。一、本地环境准备确保本机已安装以下工具:Node.js(建议 LTS 版本)和 npmGitHexo CLI:npm install hexo-cli -g验证安装:node -v、git --version、hexo -v。二、初始化 Hexo 博客并安装 Butterfly 主题1. 初始化 Hexo 项目hexo init my-blogcdmy-blognpminstall2. 安装 Butterfly 主题推荐使用 Git 方式安装(便于后续更新):gitclone-bmaster https://gitee.com/immyw/hexo-theme-butterfly.git themes/butterfly这里使用的是 Gitee 镜像地址,国内下载速度更快。3. 启用主题编辑 Hexo 根目录下的_config.yml,修改:theme:butterfly4. 安装主题依赖渲染器Butterfly 主题需要 pug 和 stylus 渲染器,否则构建会报错:npminstallhexo-renderer-pug hexo-renderer-stylus--save5. 安装 Git 部署插件(可选)npminstallhexo-deployer-git--save这个插件是后续将public/目录(生成后的静态文件)推送到远程 Git 仓库的必要工具。我的目标是用 EdgeOne Pages 自动构建,那就需要让 Gitee 仓库里存的是源码,而不是静态文件。解决思路是:**不要依赖hexo d来推送源码,改用 git 直接推送。**因此Git 部署插件hexo-deployer-git不需要安装。6. 创建主题配置文件在 Hexo 根目录创建_config.butterfly.yml,将themes/butterfly/_config.yml的全部内容复制进去。此后所有主题配置都在_config.butterfly.yml中修改,主题更新时不会覆盖你的个性化配置。7. 本地验证hexo cleanhexo generatehexo server浏览器访问http://localhost:4000,确认博客正常显示。三、在 Gitee 创建仓库登录 Gitee,点击右上角“+” → 新建仓库。仓库名称:建议与你的
返回列表