Hexo素锦主题美化
关于hexo站点素锦主题的安装使用流程
挖坑ing
准备写一份超长超详细的使用hexo+Github搭建博客的文章
……
我是参考的贰货不二大佬的文章[链接在这]设置的,挺详细的,可以去看看
一开始在Hexo官网上找寻代替初始主题的主题,
翻着翻着看到了Hexo版的素锦
点进去看了看,对这个主题的好感瞬间爆棚!
感谢素锦原作者创作出这么好看的主题(原生是WordPress theme)
同时感谢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文件
修改主题关键字为diaspora
先别关,翻到最后面,添加下面一段代码:
1 | feed: |
然后打开位于你创建博客文件夹themes/diaspora目录下的_config.yml
(注:不是上面那一个,可以理解成上面修改的是你博客的基础设置,而这个是主题内的高级设置)
开头目录一段添加以下代码:
1 | 分类: /categories |
其他地方可以看着改
下一步可以找到博客目录下的scaffolds文件夹
找到post.md并编辑
将内容清空并填写以下代码:
1 | --- |
然后再博客目录下创建分类页:
1 | hexo new page categories |
创建的categories下的index.md修改为以下格式的代码:
1 | --- |
给hexo添加rss
在博客目录下输入:
1 | npm install hexo-generator-feed --save |
完成后可以添加两篇文章看看效果:
1 | hexo n “first” #创建名为first的文章,可以多创建几篇 |
创建完后可以写几篇Markdown文章,然后输入以下命令预览
1 | hexo s |
出现一个http开头中间有4000字段的链接,应该在最后一行,把它复制下来,用鼠标右键点击copy复制粘贴到浏览器里看看效果
提醒Ctrl+C是结束/关闭预览端口,如果你直接按会关闭预览
如果不错可以直接
1 | hexo d |
部署到自己的Github中
不过评论功能还没开,但是贰货不二大佬已经写了,感兴趣可以去看看,不久我就会补上的