fengkh / fengkh.github.io Goto Github PK

本博客主题的原作者网站：www.fomal.cc

以下使用教程内容来自原主题作者：

本源码是基于Hexo-Butterfly的二次开发，暂时没时间做完全的主题分离，因此安装就是整个博客的安装，建议另起一个文件夹进行安装，或者备份好原来的信息。当然你也可以不直接搬走，而是借鉴里面的部分代码写法。

食用方法🍡🍡🍡：

1. 安装 NodeJs、Hexo、Git、注册并连接Github，此部分可参考Hexo博客搭建基础教程(一)。 PS：相当于链接教程的第1-7步，第8步就不要做了，不然会清空源码的！！！（不是新手请跳过这条）

2. 把源码打包下载到自己的电脑，然后解压缩到一个你喜欢的文件夹中

3. 在git bash命令中切换到下载的博客根目录，使用以下命令进行模块安装。这里绝不能使用hexo init初始化，若不慎用了，则站点的配置文件_config.yml内容会被重置

npm i

4. 执行以下命令清空并启动项目，启动成功后再浏览器地址栏输入localhost:4000进行验证

hexo cl; hexo g; hexo s

5. 到这里一般是没啥问题的了，当本地能成功启动后，改一下站点配置文件的_config.yml的deploy配置项，然后用以下命令部署到Github

hexo d

• js的主体在source/js/fomal.js里面，都做了基本分块逻辑的标注，后期整合的，以xxx START和xxx END包裹
• 因为兼顾了夜间模式特定壁纸和自定义壁纸，背景的切换做在了fomal.js的3190行附近，美化模块代码逻辑在fomal.js的2894-3596行
• css主体在themes\butterfly\source\css\_custom\custom.css里，与Butterfly自带的样式编译为一个index.css
• 本项目开源了小站的绝大部分样式，但部分模块需自行更改为自己的密钥或信息
• 不会的请多看相关文档(Hexo主题文档、Butterfly主题文档、店长)和本站教程，若有问题请加Q群：691942826 验证：Github开源项目