由于之前搭建的hexo博客太过花哨,所以打算这次花一段时间优化一些,这次选择的时候比较大众化的NexT
废话不多说,直接开始进入改造步骤!
一、配置主题
1、首先我们将NexT主题clone下来;
$ git clone https://github.com/iissnan/hexo-theme-next themes/next
2、到hexo的配置文件_config.yml
里面的主题改成next,注意:theme后面有一个空格。
$ theme: next
然后右键Git Bash Here
输入
$ hexo g
$ hexo s
即可在浏览器输入:127.0.0.1:4000/
看道预览,当在Git Dos启动成功的时候,但是在浏览器无法浏览的时候,可能就是福昕阅读器这个坑货占用了4000端口导致的,所以当发现不能用的时候可以在将
$ hexo s
改成
$ hexo s -p 5000
二、主题设定
选择 Scheme
Scheme 是 NexT 提供的一种特性,借助于 Scheme,NexT 为你提供多种不同的外观。同时,几乎所有的配置都可以 在 Scheme 之间共用。目前 NexT 支持三种 Scheme,他们是:
Muse - 默认 Scheme,这是 NexT 最初的版本,黑白主调,大量留白
Mist - Muse 的紧凑版本,整洁有序的单栏外观
Pisces - 双栏 Scheme,小家碧玉似的清新
Scheme 的切换通过更改 主题配置文件,搜索 scheme
关键字。 你会看到有三行 scheme 的配置,将你需用启用的 scheme 前面注释 # 去除即可。
#scheme: Muse
#scheme: Mist
scheme: Pisces
我这里选的是:Gemini
三、优化博客
设置一页显示的文章篇数
进入hexo\_config.yml
将per_page:
的参数改成自己想要显示的篇数即可!
修改中文:
hexo的配置文件_config.yml
中language: zh-CN
NexT的官方文档说是使用:language: zh-Hans
不知道到为什么我的设置成zh-CN
才是中文,不行的话自己两个换着试吧。
添加个人联系方式
效果图:
进入NexT主题的目录下更改主题的配置文件:hexo\themes\next\_config.yml
||后面的是对应图标的显示;
添加友情链接
效果图:
进入NexT主题的目录下更改主题的配置文件:hexo\themes\next\_config.yml
添加关于页面
添加关于页面$ hexo new page "about"
在source文件夹下就会有about文件夹,编辑index.md,然后进入主题的_config.yml中,menu下的#about注释去掉
实现点击出现桃心效果
具体实现方法
在网址输入如下
http://7u2ss1.com1.z0.glb.clouddn.com/love.js
然后将里面的代码copy一下,新建love.js
文件并且将代码复制进去,然后保存。将love.js
文件放到路径/themes/next/source/js/src
里面,然后打开\themes\next\layout\_layout.swig
文件,在末尾(在前面引用会出现找不到的bug)添加以下代码:<script type="text/javascript" src="/js/src/love.js"></script>
hexo 基于leanCloud添加评论系统valine
~~~ 参考链接: 百度: hexo 基于LeanCloud添加评论系统valine
1、去LeanCloud官网注册个账号
2、创建个账号:选择开发板
3、得到id和key
4、添加域名: 写自己的域名,不能用通配符。
5、在主题的配置文件中修改对应配置
四、部署到coding.net
原因:输出到coding访问速度回加快,原因你懂的。
部署步骤
1、注册Coding.net账号:
打开Coding.net官网,注册一个个人账号
2、新建项目:
注意项目名与注册用的账户名一致,这里我用的是chakid:
3、添加公钥:
上面设置完毕之后点击创建项目,然后点击设置->部署公钥->新建部署公钥,之前部署到Github上的时候,本地目录 C\User(中文为用户)(电脑用户名).ssh 目录下会有 github.rsa.pub 公钥文件,打开然后复制里面的内容,直接贴在这里的公钥框中:
记得要勾选 授予推送权限 ,否则在后面运行hexo d时会提示错误:Coding.net Tips : [Deploy key is not allowed to push!]
fatal: Could not read from remote repository.
原因就是没有推送权限。
打开Git命令窗口Git shell,输入一下指令:$ ssh -T git@git.coding.NET
假如出现以下输出结果,表示公钥绑定成功:C:\Users\hasee-pc\Documents\GitHub> ssh -T git@git.coding.NET
Warning: Permanently added 'git.coding.net,14.215.101.70' (RSA) to the list of known hosts.
Coding.net Tips : [Hello! You've connected to Coding.net via SSH. This is a deploy key.]
4\修改hexo配置:
打开hexo本地的配置文件 _config.yml
,修改deploy
的配置内容,这里设置了运行hexo d
之后部署的目的地址,原本只有Github地址,现在添加多Coding.net
的地址,其中chakid
是注册该平台的用户名:
注意:github:和coding:后面接地址前,必须有一个英语输出法的空格隔开,否则会报错。
5、正式部署到Coding.net:
打开命令行窗口,定位到当前hexo项目的根目录下,运行以下指令将本地博客部署到Github
和Coding.net
上:
假如提交成功,在命令行会输出:
6、设置Coding Page:
打开Coding.net的项目管理界面,打开代码->Pages服务,选择部署来源为master
分支,然后保存即可:
五、配置HTTPS
conding.net支持配置HTTPS
具体步骤看其官网提示步骤。
六、配置好HTTPS去除coding的广告页面
在路径:hexo\themes\next\layout\_partials\footer.swig
中修改(修改位置在改文件末尾):
#####参考链接:
1、NexT官网
2、https://www.jianshu.com/p/f054333ac9e6
3、https://www.jianshu.com/p/ba61be039c1f
4、配置Https