关于前端:基于-Hexo-从零开始搭建个人博客三

48次阅读

共计 1667 个字符,预计需要花费 5 分钟才能阅读完成。

有些成果无奈在这儿体现,如果想看残缺的成果,请移步集体站点。

原文链接:基于 Hexo 从零开始搭建集体博客(三)

浏览本篇前,请确保曾经实现上面两篇文章的步骤:
基于 Hexo 从零开始搭建集体博客(一)
基于 Hexo 从零开始搭建集体博客(二)

前言

  1. 博客搭建过程遇到任何问题,优先在本页面搜寻,查看是否曾经有该配置教程。
  2. 遇到问题能够优先在文章评论区留言,留神留言时请填写正确的邮箱以确保能收到站长的回复。
  3. 切实解决不了的问题可增加站长 Wechat,增加好友时请备注本人的姓名 + 业余,如 张三 计算机科学与技术。

装置主题

本站基于 Hexo 搭建,用的 🦋 hexo-theme-butterfly 主题 v3.7.1,请留神最新的🦋 hexo-theme-butterfly 版本曾经更新到 v4.2.2。

如果你是 v3.7.1 之外的版本,可能有些中央会有出入,请注意。

自己用的是 npm 形式装置的 hexo-theme-butterfly,后续魔改时更改的文件都是【G:/hexo-blog/blog-demo/node_modules/hexo-theme-butterfly】文件夹中的文件。如果你是 git clone 克隆形式装置的主题,请在【G:/hexo-blog/blog-demo/themes/butterfly】文件夹下批改对应的文件。

  1. npm 装置(举荐
    <blockquote><p> 此办法只反对 Hexo 5.0.0 以上版本 </p></blockquote>
    在你的博客根目录(我这里门路为【G:/hexo-blog/blog-demo】)关上 cmd 命令窗口执行npm i hexo-theme-butterfly@3.7.1
npm i hexo-theme-butterfly@3.7.1

装置胜利后可在【G:/hexo-blog/blog-demo/node_modules】文件夹下找到hexo-theme-butterfly

降级办法:在博客根目录下,运行 npm update hexo-theme-butterfly
降级前请将 hexo-theme-butterfly 文件夹备份,npm 更新会间接笼罩成新的包。

  1. Git 装置 (Github)
    在你的博客根目录里(我这里门路为【G:/hexo-blog/blog-demo】),关上 Git 工具,执行命令即可。

    git clone -b 3.7.1 https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly

    装置胜利后可在【G:/hexo-blog/blog-demo/themes】文件夹下找到 butterfly,能够将landscape 文件夹删掉。

降级办法:在主题目录下,运行git pull

  1. Git 装置 (Gitee)
    在你的博客根目录里【我这里门路为【G:/hexo-blog/blog-demo】),关上 Git 工具,执行命令即可。
git clone -b 3.7.1 https://gitee.com/iamjerryw/hexo-theme-butterfly.git themes/butterfly 

降级办法:在主题目录下,运行git pull

利用主题

批改站点配置文件_config.yml,把主题改为butterfly

theme: butterfly

装置插件

如果你没有 pug 以及 stylus 的渲染器,请下载安装:

npm install hexo-renderer-pug hexo-renderer-stylus --save

降级倡议

为了缩小降级主题后带来的不便,请应用以下办法(倡议,能够不做)。

把主题文件夹中的 _config.yml 复制到 Hexo 根目录里,同时重新命名为 _config.butterfly.yml

当前只须要在 _config.butterfly.yml进行配置就行。

Hexo 会主动合併主题中的 _config.yml_config.butterfly.yml里的配置,如果存在同名配置,会应用 _config.butterfly.yml 的配置,其优先度较高。

正文完
 0