搭建WebStack导航栏

前期准备

github账号:GitHub · Build and ship software on a single, collaborative platform · GitHub
Cloudflare的账号:Cloudflare Dashboard | Manage Your Account

本地部署

初始化hexo项目

1
2
3
hexo init webstackpage
cd webstackpage
npm i

下载WebStack主题

1
git clone https://github.com/HCLonely/hexo-theme-webstack.git themes/webstack

访问项目地址直接下载本地(克隆方式无法完成)

  1. 将压缩包解压出来,将文件重新命名webstack
  2. 存放在Hexo根目录的themes文件夹下。

应用主题

修改 Hexo 根目录下的 _config.yml,把主題改为 webstack

1
theme: webstack

themes/webstack/_config.example.yml文件重命名_config.webstack.yml,将该文件复制到根目录下。

安装主题

1
npm install hexo-theme-webstack -S

启动

1
hexo cl && hexo s

可以参考HEXO搭建静态网站 - 技能加点,怎么将项目部署到github Pagescloudflare Pages

食用说明

github项目地址:链接直达

错误处理

使用npm i命令初始化项目报错,可以使用安装Hexo命令

1
npm install -g hexo-cli && hexo -v

搭建WebStack导航栏
https://skilladd.org/2025/04/14/11.搭建WebStack导航栏/
Author
skilladd
Posted on
April 14, 2025
Licensed under