前段时间，网站由于CDN、jsdelivr造成了各种访问错误，在一边经受心理崩溃一边更换cdn服务商、本地化jsdelivr文件之后，现在网站终于算是完美运行了。
但是折腾的内心让我停不下来，安定了两天转头又开始去研究网站的一些前端小细节，做了一些可能没人看得出来的调整。
1、 增加社交媒体图标
这个Ghost主题自带了很多社交媒体链接模板，只要跟着指引简单修改一下主题代码就可以实现了。这些链接会出现在底部导航栏里。
在修改时看到模板里自带了RSS，我就顺势将本来放在头部导航栏的RSS链接换到底部导航栏了。
比较复杂的是第二个豆瓣的链接。由于主题本身没有带豆瓣的图标，我需要自己去网上找豆瓣图标的svg，修改了图标代码才实现出来。
顺便这里推荐一个宝藏网站：
它是一个完全免费、免登录的svg图标素材网站，可以很方便的获取各种图标，国内国外都有，我的豆瓣图标就是从这里获取的。
2、 中英文混排自动加空格
在写文章的时候，中文和英文之间插入一个空格，会让文字更易于阅读，整体上也更美观。
但在实际上，奢望自己每一次都能想起来插入空格太难了。特别是文章涉及一些用英文命名的产品时，真的完全顾不过来加空格这件事。
在以前玩WordPress的时候，隐约记得有现成的插件可以直接解决这个问题，但是Ghost上就没有这种好事了。幸好，搜索了一圈找到了一个相对完美的解决办法：
这篇文章介绍了使用js+css来自动给中英文之间添加空格的办法。这个办法妙的是，如果你在编辑时已经手动加上了空格，那这个办法也会避免重复添加空格的情况出现，对我这种有时加有时不加的人来说简直完美！
Ghost中添加中英文自动混排的方法
1、在后台的Code Injection中加入：
<!-- 中英混排自动空格 -->
<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
<script src='https://mastermay.github.io/text-autospace.js/text-autospace.min.js'/>
<style>
html.han-la hanla:after {
content: " ";
display: inline;
font-family: Arial;
font-size: 0.89em;
}
html.han-la code hanla,
html.han-la pre hanla,
html.han-la kbd hanla,
html.han-la samp hanla {
display: none;
}
html.han-la ol > hanla,
html.han-la ul > hanla {
display: none;
}
</style>
2、编辑Ghost主题文件
编辑你主题中的default.hbs文件，为<html>标签加上class="han-la"属性，如：
<html lang="zh" class="han-la">
3、更新一下主题，刷新网页即可。
3、添加友情链接页面
因为主题本身没提供中国特色的友情链接页模板，同时本人又比较懒，导致一直没有制作友情链接页面。这两天利用上班摸鱼的空闲用Ghost自带的Bookmark功能直接做了一个，甚至懒得对它进行样式修改。点击顶部导航栏的「链接」字样就能进入啦~
虽然这个网站已经建站2年有余，但是因为没什么硬核输出而且无法被百度收录，其实访问量不大。目前友链页面只是添加了ghost交流群里的几个网友的链接（疯狂蹭流量），如果你不嫌弃的话，可以在友链页里提交交换链接申请，来交个朋友~
