next主题项目:next-theme/hexo-theme-next: 🎉 Elegant and powerful theme for Hexo. (github.com) cd blog-demo //cd 到博客目录 git clone https://github.com/next-theme/hexo-theme-next themes/next 一、配置文件说明 为了描述方便,在以下说明中,将前者称为站点配置文件, 后者称为主题配置文件 /hexo...
在myblog\themes\next\source\js\中新建fairyDustCursor.js文件,并添加以下代码 (function fairyDustCursor() {varpossibleColors = ["#D61C59","#E7D84B","#1B8798"]varwidth = window.innerWidth;varheight = window.innerHeight;varcursor = {x: width/2, y: width/2};varparticles = []; functionini...
1、首先看这里 Dependencies: https://github.com/theme-next/theme-next-three 表示这三个动态背景依赖于git克隆(clone)才能使用; 2、然后在next文件下打开Git命令行界面,准备clone 输入命令后,等待下载; 下载后就会有一个这样的文件出现在next文件夹中 只需要将此文件重命名为three,然后剪贴到next...
打开文件，路径：themes\next\layout\_macro\post.swig，在post-body之后，post-footer之前（如果找不到位置的按照我下图的位置添加）添加以下代码：{% if not is_index %} {% include 'passage-end-tag.swig' %} {% endif %} 打开主题配置文件，在最后位置添加以下代码：post_end_tag:enabled: true ...
hexo next主题安装及美化 更改基本站点信息 在你的博客根目录下打开 _config.yml 在site栏目下可以更改你的基本站点信息 title: Vince's Blog subtitle: '' description: 'Vince的博客' keywords: author: Vince language: zh-CN timezone: '' 同时,记得把网站url改成自己的站点名 url: http://www.haoming...
原始next-pieces的布局不太符合我的审美,所以想按照自己的喜好自定义以下页面样式,比如自定义一个背景图片,去掉文章底部的白色背景,部件边框椭圆化一下,以及位置调整一下。所以这里就把自己的实现步骤记录一下。 我的next版本为8.0,这里先贴出我最终实现的首页样式。
1. 打开next/languages/zh-CN.yml,更改以下字段 menu: home: 首页 archives: 归档 categories: 分类 tags: 标签 about: 关于 search: 搜索 commonweal: 公益404something: 有料 例如你要将 about 的翻译“关于”改为“关于我”,直接更改为“about: 关于我”即可 ...
参考NexT 官网配置说明文档:NexT 主题配置:主要是【主题配置文件】hexo_blog\themes\next\_config.yml的参数设置。 【主题美化】 把侧边栏头像变成圆形,并且鼠标停留在上面发生旋转效果 修改themes\next\source\css\_common\components\sidebar\sidebar-author.styl: ...
1. header.styl themes\hexo-theme-next\source\css_schemes\Mist_header.styl // Header设置.header{background-size:1610px125px;padding:10px10px10px10px;background-position:center;// 设置主题部分的透明度,具体看图opacity:1;}.header-inner{align-items:center;display:flex;padding:20px0;+mobile(){di...
Hexo之Next主题美化代码 我分别美化了几个不同版本的Next主题,这里把美化代码公布出来,第一种Next版本小于7.3可使用 直接修改\themes\next\source\css\_custom将以下美化过程复制到custom.styl目录即可。 代码语言:javascript 复制 // ***// 全局布局美化代码 (包括,主页背景颜色,主页透明度等全局配置)// By: lysh...