Fork me on GitHub

hexo博客改装和一些细节优化

 由于之前搭建的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
2xpy6.png

三、优化博客

设置一页显示的文章篇数

进入hexo\_config.yml
2xZtG.png
per_page:的参数改成自己想要显示的篇数即可!

修改中文:

hexo的配置文件_config.yml
language: zh-CN
NexT的官方文档说是使用:
language: zh-Hans
不知道到为什么我的设置成zh-CN才是中文,不行的话自己两个换着试吧。

添加个人联系方式

效果图:

2xWwy.png
进入NexT主题的目录下更改主题的配置文件:hexo\themes\next\_config.yml
2xbYB.png
||后面的是对应图标的显示;

添加友情链接

效果图:
2xs8p.png
进入NexT主题的目录下更改主题的配置文件:hexo\themes\next\_config.yml
2x4H3.png

添加关于页面

添加关于页面
$ 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
2xA3u.md.png
4、添加域名: 写自己的域名,不能用通配符。
2xtM9.md.png
5、在主题的配置文件中修改对应配置
2x6LA.md.png

四、部署到coding.net

原因:输出到coding访问速度回加快,原因你懂的。
部署步骤
1、注册Coding.net账号:
打开Coding.net官网,注册一个个人账号

2、新建项目:
注意项目名与注册用的账户名一致,这里我用的是chakid:
3、添加公钥:
上面设置完毕之后点击创建项目,然后点击设置->部署公钥->新建部署公钥,之前部署到Github上的时候,本地目录 C\User(中文为用户)(电脑用户名).ssh 目录下会有 github.rsa.pub 公钥文件,打开然后复制里面的内容,直接贴在这里的公钥框中:
2xIRO.md.png

记得要勾选 授予推送权限 ,否则在后面运行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是注册该平台的用户名:
2xlPe.png
注意:github:和coding:后面接地址前,必须有一个英语输出法的空格隔开,否则会报错。
5、正式部署到Coding.net:
打开命令行窗口,定位到当前hexo项目的根目录下,运行以下指令将本地博客部署到GithubCoding.net上:
假如提交成功,在命令行会输出:

1
2
3
4
5
6
7
8
9
10
11
12
On branch master
nothing to commit, working directory clean
Warning: Permanently added 'github.com,192.30.255.112' (RSA) to the list of known hosts.
Branch master set up to track remote branch master from git@github.com:linshuhe1/linshuhe1.github.io.git.
Everything up-to-date
On branch master
nothing to commit, working directory clean
Warning: Permanently added 'git.coding.net,180.97.181.69' (RSA) to the list of known hosts.
Branch master set up to track remote branch master from git@git.coding.net:linshuhe1/linshuhe1.git.
To git@git.coding.net:linshuhe1/linshuhe1.git
* [new branch] HEAD -> master
INFO Deploy done: git

6、设置Coding Page:
打开Coding.net的项目管理界面,打开代码->Pages服务,选择部署来源为master分支,然后保存即可:
2x8Sd.md.png

五、配置HTTPS

conding.net支持配置HTTPS
2xfHR.png
具体步骤看其官网提示步骤。

六、配置好HTTPS去除coding的广告页面

在路径:hexo\themes\next\layout\_partials\footer.swig中修改(修改位置在改文件末尾):
2xi4r.png

#####参考链接:
1、NexT官网
2、https://www.jianshu.com/p/f054333ac9e6
3、https://www.jianshu.com/p/ba61be039c1f
4、配置Https