美文网首页
HEXO加NEXT

HEXO加NEXT

作者: 转身一世铅华尽 | 来源:发表于2020-01-25 18:05 被阅读0次

第一步:

安装使用next主题

进入博客目录,然后从Github克隆到themes/next
cd blog git clone https://github.com/theme-next/hexo-theme-next themes/next

编辑主配置文件blog/_config.yml选择next主题


image

现在就已经切换为next主题了
注释掉原来的theme,新添加'theme: next'
ps:注意单词一定不要写错,配置路径一定要对

接下来在你的博客的主题目录下如(themes/next)的配置文件中配置 next 的各种配置
选择Scheme

Scheme 是next 提供的一种特性,借助Scheme,next为你提供多种不同的外观。而且几乎所有的配置都可以在Scheme之间公用。

Schemes

scheme: Muse

scheme: Mist

scheme: Pisces

scheme: Gemini

设置菜单

在主题目录下的配置文件中menu配置
menu:
home: / || home
about: /about/ || user
tags: /tags/ || tags
categories: /categories/ || th
archives: /archives/ || archive

schedule: /schedule/ || calendar

music: /music/ || music

sitemap: /sitemap.xml || sitemap

commonweal: /404/ || heartbeat

然后,去到博客主目录的gitbash中设置tags 和categories时需要新生成page
在博客主目录下执行
cd ~/blog
hexo new page tags #生成标签页
hexo new page categories #生成分类页面

*为 ~/blog/source/tags/index.md 和~/blogsource/categories/index.md 添加type 类型 *

***分别添加 type: tags 和 type: categories ***
type_tags
type_categories

部分特效配置:
<meta charset="utf-8">

修改文章底部的带# 号的标签

效果图

image

实现方法

修改模板 ~/blog/themes/next/layout/_macro/post.swig,搜索 rel="tag">\## 换成 <i class="fa fa-tag"></i>

大神的博客搭建记录:
https://blog.csdn.net/qq_36759224/article/details/85420403

相关文章

网友评论

      本文标题:HEXO加NEXT

      本文链接:https://www.haomeiwen.com/subject/lvmrthtx.html