关于hexo站点素锦主题的安装使用流程

挖坑ing

准备写一份超长超详细的使用hexo+Github搭建博客的文章

……


我是参考的贰货不二大佬的文章[链接在这]设置的,挺详细的,可以去看看


一开始在Hexo官网上找寻代替初始主题的主题,

翻着翻着看到了Hexo版的素锦

点进去看了看,对这个主题的好感瞬间爆棚!

感谢素锦原作者创作出这么好看的主题(原生是WordPress theme)

🎃 dalao的github地址

同时感谢Fechin大佬移植的Hexo版和贰货不二大佬写的食用指南(怪我太笨,Fechin大佬的README文件硬是没看懂😓)

特别提醒:本文现阶段仅适合已经完成Hexo和Git命令行安装的朋友参考


一、主题下载

1.首先我们要先下载主题

进入blog目录下使用Git命令框输入以下命令(右击鼠标点击Git Bash Here即可调出Git命令框):

1
git clone https://github.com/Fechin/hexo-theme-diaspora.git themes/diaspora

正确输入命令时代码应该为

$ git clone https://github.com/Fechin/hexo-theme-diaspora.git themes/diaspora

回车一下

即可安装素锦主题

2.修改配置

首先找到Hexo的_config.yml文件

site

修改主题关键字为diaspora

先别关,翻到最后面,添加下面一段代码:

1
2
3
4
5
6
7
8
9
10
feed:
type: atom
path: atom.xml
limit: 20
hub:
content:
content_limit: 140
content_limit_delim: ' '
order_by: -date
icon: icon.png

然后打开位于你创建博客文件夹themes/diaspora目录下的_config.yml

(注:不是上面那一个,可以理解成上面修改的是你博客的基础设置,而这个是主题内的高级设置)

开头目录一段添加以下代码:

1
2
3
分类: /categories
归档: /archives
标签云: /tags

其他地方可以看着改

下一步可以找到博客目录下的scaffolds文件夹

scaffolds

找到post.md并编辑

post.md

将内容清空并填写以下代码:

1
2
3
4
5
6
7
8
---
title: {{ title }}
date: {{ date }}
categories:
tags:
mp3:
cover:
---

然后再博客目录下创建分类页:

1
hexo new page categories

创建的categories下的index.md修改为以下格式的代码:

1
2
3
4
5
---
title: categories
date: 你创建的日期,创建时应该写好了,如果有你就不用动了,格式应该精确到秒,不用修改,这段只是提示
type: "categories"
---

给hexo添加rss

在博客目录下输入:

1
npm install hexo-generator-feed --save

完成后可以添加两篇文章看看效果:

1
hexo n “first”   #创建名为first的文章,可以多创建几篇

创建完后可以写几篇Markdown文章,然后输入以下命令预览

1
hexo s

出现一个http开头中间有4000字段的链接,应该在最后一行,把它复制下来,用鼠标右键点击copy复制粘贴到浏览器里看看效果

4000字段

提醒Ctrl+C是结束/关闭预览端口,如果你直接按会关闭预览

如果不错可以直接

1
hexo d

部署到自己的Github中


不过评论功能还没开,但是贰货不二大佬已经写了,感兴趣可以去看看,不久我就会补上的