一个基于 Attila 的 Ghost 中文主题,和 Attila 一样,是强调内容的简约主题。
具体效果可参见 我的博客。
在原主题的基础上,Akira 主要针对中文显示效果做了调整,包括中文排版、样式优化,并且增加了社交账号配置,精简了主题包,删除不适用于中文的文件,以提升加载速度。
优化后独有的特性:
原主题支持的特性:
- 响应式设计
- 暗黑模式(跟随系统自动切换)
- 文章阅读进度
- 带行号的代码块
- 支持 Disqus
Akira 是专为中文展示优化的主题,换言之,无法保证中文以外的文字展示效果。
为保证样式展示正常,请务必在 Ghost 后台 SETTINGS > General > Publication Language 中,将语言设置为 zh
。
Akira 支持配置社交账号及图标,方法如下。
- 进入 Ghost 后台的 Design
- 在 Secondary Navigation 中配置标签(即导航项名称栏)和社交链接,目前支持的社交账号有:
社交账号 | 标签(不区分大小写) |
---|---|
Github | github |
StackOverflow | stackoverflow |
Tumblr | tumblr |
Dribbble | dribbble |
Behance | behance |
Slack | slack |
Steam | steam |
GitLab | gitlab |
Telegram | telegram |
Podcast | podcast |
微信 | |
新浪微博 |
设置 Disqus
- 进入 Ghost 后台的 Code injection
- 把这段代码加到 Blog Header(注意替换引号中内容):
<script>var disqus = 'YOUR_DISQUS_SHORTNAME';</script>
设置 Gitalk
- 创建 GitHub Application,如果没有点击这里申请,
Authorization callback URL
填写 Blog 域名 - 进入 Ghost 后台的 Code injection
- 把配置代码加到 Blog Footer,详细设置项说明可参考官方文档(注意替换引号中内容):
<script>
var gitalk = new Gitalk({
clientID: 'GitHub Application Client ID',
clientSecret: 'GitHub Application Client Secret',
repo: 'GitHub repo',
owner: 'GitHub repo owner',
admin: ['GitHub repo owner and collaborators, only these guys can initialize github issues'],
id: location.pathname,
language: 'zh-CN'
});
</script>
另外,需注意若同时设置了 Disqus 和 Gitalk,会优先使用 Disqus。
安装 Grunt:
npm install -g grunt-cli
安装 Grunt 依赖:
npm install
构造 Grunt 项目:
grunt build
Grunt 打包:
grunt compress
打包后的主题文件会写入到 dist/<theme-name>.zip
,你可以直接将该 zip 文件上传到 Ghost。