用Hexo+Butterfly主题+Github搭建博客如标题所示,废话不多说直接上干货! 原文链接: Hexo+Butterfly 主题 + Github 搭建博客 | 老登 AI (laodengai.com)一、安装Node.js首先去 官网下载,https://nodejs.org/en…
当主题配置文件中的 highlight_shrink 设为true时,可在front-matter添加highlight_shrink: false来单独配置文章展开代码框。 当主题配置文件中的 highlight_shrink 设为false时,可在front-matter添加highlight_shrink: true来单独配置文章收缩代码框。 代码换行 在默认情况下,Hexo 在编译的时候不会实现代码自动换行。...
Hexo + Butterfly主题美化wei-ll.github.io/2023/06/23/Butterfly%E4%B8%BB%E9%A2%98%E7%BE%8E%E5%8C%96/ 新的内容会先在原Blog更新。 搭建时是Hexo + Next主题,Next主题比较简约直观,本打算就直接用Next,但之后发现了Butterfly主题也很好看,就配置了Butterfly主题 Next主题:theme-next.js.org/,...
还是挺简单的,下面我们进行butterfly主题配置使用(一般都不使用默认主题,默认主题不美观且没有定制化的东西)。 Butterfly主题配置 1. 使用npm方式安装主题 执行如下命令进行主题依赖的安装, npm可能安装缓慢,如果你知道怎么使用yarn 可以使用yarn安装它 卸载默认主题 $ npm uninstall hexo-theme-landscape 安装主题 $ np...
选择主题,可以选择自己喜欢的主题。 主题链接:Themes | Hexo 我比较喜欢 Butterfly 主题,功能很全,样式也很好看 修改Hexo 根目录下的_config.yml,把主题改为 butterfly: 代码语言:javascript 复制 theme:butterfly 安装插件 如果你没有 pug 以及 stylus 的渲染器,请下载安装: ...
1.主题安装 可通过以下命令安装主题: gitclone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/Butterfly 2.配置butterfly主题 接着我们打开hexo_blog文件夹下的_config.yml配置文件 点开,拉到最下面,找到这个配置,并把它改成butterfly ...
Hexo 博客成品展示 本人博客如下:haiyong.site 准备工作 首先打开Cloud Studio平台:cloudstudio.net/,需要注册登录,实名认证,然后我们进入模板页面 往下拉点击Hexo后进入,系统会自动部署所需要的所有环境 部署主题 选择主题,可以选择自己喜欢的主题。 主题链接:Themes | Hexo ...
git clone -b master https://gitee.com/iamjerryw/hexo-theme-butterfly.git themes/butterfly 1. 安装完成后themes文件夹中就存在了我们的主题了。此时主题就安装好了,然后使用hexo server就可以在本地预览博客了。 更换主题 有的小伙伴说我现在不想使用这个主题想换一个麻烦吗?一点都不麻烦,创建Hexo主题非常...
打开你的Hexo根目录,点击鼠标右键,进入Git Bash Here,输入以下命令: npm i hexo-theme-butterfly 随后咱们依次进入Hexo -> themes -> butterfly找到_config.yml文件,将里面的内容复制到Hexo根目录中的_config.butterfly.yml(如果没有就创建)。 三.关于Butterfly配置 ...
在workflows 文件夹下创建 hexo-deploy.yml 文件。 hexo-deploy.yml 文件的内容如下: 到这里准备工作就结束了,可以进入部署了。 部署自动触发流程 修改你的 Hexo 博客源代码(例如:增加文章、修改文章、更改主题、修改主题配置文件等等)。 把你修改过的 Hexo 项目内容(只提交修改过的那部分内容) push 到 GitHub ...