前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Hexo建立分站

Hexo建立分站

作者头像
花猪
发布2022-02-22 17:18:26
4660
发布2022-02-22 17:18:26
举报
文章被收录于专栏:花猪的学习记录

前言

之前有人反映Butterfly主题有点花哨(一方面是所有“蝴蝶人”都知道的多图特点,另一方面当然也有自己魔改的原因)

这就导致有些文章的阅读体验太差。

正巧看到黑石博客有一篇建立分站的文章,于是就照着做了一番,建立了一个简洁的主题,效果不错。

(可以在顶部导航栏点击跳转到分站)

教程链接:为Hexo博客建立其他主题分站 - 黑石博客 - Hexo博客 (heson10.com)

正文

1.根据正常建立Hexo静态博客的步骤一样建站,并选择分站的主题(这里以Next主题为例),在分站的根目录下找到_config.yml文件,将theme修改为next。

代码语言:javascript
复制
theme: next

2.同样在分站的根目录下修改_config.yml文件中的url和root。

代码语言:javascript
复制
url: https://站点域名/next
root: /next/

3.之后在控制台键入命令hexo g,会发现在分站根目录下生成了public文件夹。

然后在主站的source文件夹中创建名为next的文件夹,再将分站中生成的public文件夹中的内容全部复制到主站的next文件夹中。

4.设置主站渲染时跳过分站:

在主站的根目录下设置_config.yml文件中的skip_rende

代码语言:javascript
复制
skip_render: 
    - next/**

5. 在主站的_config.butterfly.yml文件中设置导航栏分站选项

代码语言:javascript
复制
menu:
  分站||fas fa-sitemap:
    Next: /next/ || fas fa-chevron-right

6. 最后重新部署主站就可以了

后记

Hexo静态博客的好处就是可以随意修改站点内容。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2021-07-14,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言
  • 正文
  • 后记
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档