1、首先看这里 Dependencies: https://github.com/theme-next/theme-next-three 表示这三个动态背景依赖于git克隆(clone)才能使用; 2、然后在next文件下打开Git命令行界面,准备clone 输入命令后,等待下载; 下载后就会有一个这样的文件出现在next文件夹中 只需要将此文件重命名为three,然后剪贴到next...
1、Next主题的启用 在Hexo下面的themes中,右键 选择Git base here 复制这行代码 git clone https://github.com/theme-next/hexo-theme-nextthemes/next 等待完成后,打开Hexo的这个文件 找到theme 把theme 后面的 landscape 改成 next 即可; 然后在Hexo文件夹中 右键 Git base here 输入以下命令,启动本地预览 出...
1.1 先修改主题配置文件/blog/themes/next/_config.yml <!--more--> # Note tag (bs-callout)note:# 风格style:flat# 要不要图标icons:falselight_bg_offset:0 1.2 使用方法 default效果: 用法:在你要编辑的markdown文件里键入以下内容 这里输入文字 或者: 这里输入文字 primary效果: 用法:在你要编辑的mar...
原始next-pieces的布局不太符合我的审美,所以想按照自己的喜好自定义以下页面样式,比如自定义一个背景图片,去掉文章底部的白色背景,部件边框椭圆化一下,以及位置调整一下。所以这里就把自己的实现步骤记录一下。 我的next版本为8.0,这里先贴出我最终实现的首页样式。 去除首页文章间隔与短横线 原版首页文章之间是以...
参考NexT 官网配置说明文档:NexT 主题配置:主要是【主题配置文件】hexo_blog\themes\next\_config.yml的参数设置。 【主题美化】 把侧边栏头像变成圆形,并且鼠标停留在上面发生旋转效果 修改themes\next\source\css\_common\components\sidebar\sidebar-author.styl: ...
嗨，大家好，今天还是继续next主题的美化教程。加油。教程：1.修改主题页面布局为圆角 修改主题页面为圆角，有两种方法：第一种：打开文件，路径：/themes/next/source/css/_variables/custom.styl 复制粘贴以下代码：// 修改主题页面布局为圆角// Variables of Gemini scheme// ===@import "Pisces.styl";// Sett...
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...
对于使用了Next主题的Hexo静态博客,存在着两个至关重要的配置文件_config.yml。在本系列中,统一将位于站点根目录下的该文件称为站点配置文件,将位于themes\next目录下的该文件称为主题配置文件。 准备工作:添加美化博客的相关文件 本系列会使用到大量的css与JavaScript的相关内容,为了更有效率与可观赏性的美化博客,我...
1. 打开next/languages/zh-CN.yml,更改以下字段 menu: home: 首页 archives: 归档 categories: 分类 tags: 标签 about: 关于 search: 搜索 commonweal: 公益404something: 有料 例如你要将 about 的翻译“关于”改为“关于我”,直接更改为“about: 关于我”即可 ...
Hexo之Next主题美化代码 我分别美化了几个不同版本的Next主题,这里把美化代码公布出来,第一种Next版本小于7.3可使用 直接修改 \themes\next\source\css\_custom 将以下美化过程复制到custom.styl目录即可。 // *** // 全局布局美化代码 (包括,主页背景颜色,主页透明度等全局配置...