在你的 Hexo 项目根目录下创建 .github 文件夹。 在.github 文件夹下创建 workflows 文件夹。 在workflows 文件夹下创建 hexo-deploy.yml 文件。 hexo-deploy.yml 文件的内容如下: 到这里准备工作就结束了,可以进入部署了。 部署自动触发流程 修改你的 Hexo 博客源代码(例如:增加文章、修改文章、更改主题、修改...
原Blog: Hexo + Butterfly主题美化新的内容会先在原Blog更新。 搭建时是Hexo + Next主题,Next主题比较简约直观,本打算就直接用Next,但之后发现了Butterfly主题也很好看,就配置了Butterfly主题 Next主题: htt…
(主题的background请设置'#efefef') 背景可参照Hexo博客之butterfly主题优化更换背景这篇文章进行魔改 鼠标样式 将以下代码复制到你所创建的css文件即可。 body{cursor:url(https://cdn.jsdelivr.net/gh/sviptzk/HexoStaticFile@latest/Hexo/img/default.cur), default; }a,img{cursor:url(https://cdn.jsdelivr...
这可以让我们在文章中展示更多的内容,提高读者的阅读体验。 5.优化代码高亮:通过修改`source/js/highlight.js`文件,我们可以调整代码高亮的样式。这可以让我们的代码更加清晰易读,提高技术文章的可读性。 总之,通过使用Hexo博客框架和Butterfly主题,我们可以轻松地对文章进行美化。
个人建站其实并不简单,但没啥技术门槛,看下Hexo和theme插件的文档,那么代码层面基本就可以无忧了(主题插件一定要在建站之初选定,因为每个主题的使用方法都不一样,决定了网站的风格。后期更换主题需要修改很多配置),但要真正上线的话您还要了解,比如域名、云主机、备案、流量、安全、网站运营、成本控制等等知识。好在笔...
Hexo一键远程部署(各平台) 博客配置 Hexo博客配置分为两部分,一部分为Hexo本体配置,一部分为主题配置,请根据自己实际情况做决定。 由于配置内容过多,重点设置内容会用*标出。 Hexo本体配置 _config.yml配置* 调整网站永久链接* 自己创建hexo主题(不推荐) ...
基于Hexo和Butterfly创建个人技术博客,(8) 博客网站butterfly主题UI框架美化,基于hexo、butterfly、node.js、aws云、阿里云搭建专业的个人/公司级技术博客网站。保姆级教学从零开始一步步深入,详细记录了个人建站全过程。系列专题-博客网站主体butterfly主题UI框架美化
Hexo-Butterfly主题修改分享 前言 首先\themes\butterfly\source\css路径下创建一个css文件,比如ahzoo.css 然后在butterfly主题的配置文件(_config.yml)中引入css 代码语言:javascript 代码运行次数:0 复制 Cloud Studio代码运行 inject:head:- 顶部菜单美化 打开创建的css文件(ahzoo.css),添加...
在hexo框架中并没有把matter进行分类,此处是butterfly主题的增强功能。Front-matter 是 markdown 文件最上方以---分隔的区域,用于设置单个文章的参数。分为两类: page 示例如下,对应的是文件是scaffolds/page.md AI检测代码解析 --- title: {{ title }} ...
用Hexo+Butterfly主题+Github搭建博客如标题所示,废话不多说直接上干货! 一、安装Node.js首先去官网下载,https://nodejs.org/en,直接选择长期支持版本安装 我这里是以win10 64位系统为例,如果是其他系统,可以点击上图长期支持版本下的Other Downloads现在其他版本 ...