使⽤hexo基于cactus仙⼈掌主题最全美化客制教程
前⾔
话不多说先上个⾃⼰的⽹站 ，⽬前还是⽤的github page，域名已经购买了但还没有备案，后续打算⾃⼰买个服务器再将博客部署上去，之后有空也会更新⼀篇相关的教程。
最近⽆聊试着⽤hexo搭了⼀下个⼈⽹站，如果还不会使⽤和部署hexo，可以参考，作者写得⾮常细致，从安装hexo⼀直到将⾃⼰的博客部署到github（不过作者⽤的主题是next），照着⼀步步做应该不会有什么问题。如果遇到问题可以参考⼀下我这篇，希望可以帮到你。
当我把我的博客部署好后，我陷⼊了选择困难症。好看的主题实在是太多了，不知道怎么选。虽然next、butterfly等主题⽹上教程很多，但是布局和功能我⾃认为稍微有点复杂，⽽且我实在不想和这么多⼈撞博客。⼏经波折我最终选择了cactus 仙⼈掌这个主题（，）。这个主题⼀共有四种风格。整体⾮常简洁⼤⽓。
你也许⼀开始也会跟我有意义的焦虑：这个博客太简约了，⽽且⽹上的教程⼜少，会不会很多⾃⼰想要的功能都没法实现？本篇博客就致⼒于教你⽤cactus最⼤化客制你⾃⼰的博客。
正⽂
安装cactus主题
进⼊hexo所在的⽂件夹（我是cd ./Desktop/Blog）
如果timeout就⽤ssh连接git cline git@github:probberechts/hexo-theme-cactus.git themes/cactus
然后在./_l中修改theme
# theme: landscape
theme: cactus
隐秘的角落解析细思极恐切换主题的风格
前⾯提到了cactus主题有四个风格，切换风格只需要进⼊./themes/cactus/_l中到colorscheme修改就完事，注意每次修改完都需要hexo clean hexo g才会⽣效
# Set the color scheme.
# Available color schemes are 'dark', 'light', 'classic' and 'white'.
# Alternatively, add your own custom color scheme to source/css/_colors.
colorscheme: dark
导航栏相关
新建⼀个导航栏的项
在./themes/cactus/_l到nav
工资收入证明范本nav:
home: /
about: /about/
articles: /archives/
projects: github/probberechts
LINK_NAME: URL
直接在nav下⾯添加就⾏，添加完这⼀项之后可以让它指向⼀个链接（例如projcets），也可以让它指向站内的⼀个页⾯。新建⼀个页⾯执⾏hexo new page xxx，然后这个页⾯的路径就是/xxx/
工行信用卡查询更新后会在./themes/cactus/source中发现⼀个和page名称⼀样的⽂件夹
让导航栏中的某⼀项显⽰内容在⾸页
以project为例，只需在./themes/cactus/source中创建/_data/projects.json，然后修改json⽂件为
[
{
"name":"Hexo",
"url":"hexo.io/",
"desc":"A fast, simple & powerful blog framework"
},
{
"name":"Font Awesome",
"url":"fontawesome.io/",
"desc":"The iconic font and CSS toolkit"
}
]
在导航栏添加搜索功能
烤箱烤红薯怎么烤在./themes/cactus/_l中到nav 新建search标签
nav:
search: /search/
执⾏npm install hexo-generator-search --save
执⾏hexo new page search
进⼊./themes/cactus/source/serch/index.md，修改md⽂件的头为
南宁捡尸门title: Search
type: search
---
更新之后进⼊⽹站，点击search就可以搜索了
新增标签功能
只需要在每篇⽂章的头部添加
title: Tags and Categories
date: 2017-12-24 23:29:53
高中好段摘抄tags:
- Foo
- Bar
就可以在⾸页看到
每篇⽂章可以有两个tag，tag的顺序影响其重要程度
开启评论功能
cactus⽀持Disqus和Utterances两个平台的评论功能，只需要在./themes/cactus/_l分别到它们就⾏。
以Disqus为例，把enable设置为true，然后再去Disqus官⽹注册个账号，认证邮箱后在shortname处填上⾃⼰的昵称就⾏
disqus:
enabled:true
shortname: SITENAME
之后就能愉快的评论了，不过Disqus现在好像必须要梯⼦才能正常使⽤。