Skip to content

sonss/akira-ghosttheme

 
 

Repository files navigation

Akira

一个基于 AttilaGhost 中文主题,和 Attila 一样,是强调内容的简约主题。

具体效果可参见 我的博客

在原主题的基础上,Akira 主要针对中文显示效果做了调整,包括中文排版、样式优化,并且增加了社交账号配置,精简了主题包,删除不适用于中文的文件,以提升加载速度。

截图

screenshot.jpg

特性

优化后独有的特性:

  • 支持汉字标准格式
  • 为中文展示优化的样式
  • 适配各系统的中文黑体
  • 可自定义的社交账号链接及图标
  • 带导航的 404 页
  • 支持 Gitalk

原主题支持的特性:

  • 响应式设计
  • 暗黑模式(跟随系统自动切换)
  • 文章阅读进度
  • 带行号的代码块
  • 支持 Disqus

设置语言

Akira 是专为中文展示优化的主题,换言之,无法保证中文以外的文字展示效果。

为保证样式展示正常,请务必在 Ghost 后台 SETTINGS > General > Publication Language 中,将语言设置为 zh

社交账号配置

icons.png

Akira 支持配置社交账号及图标,方法如下。

  1. 进入 Ghost 后台的 Design
  2. Secondary Navigation 中配置标签(即导航项名称栏)和社交链接,目前支持的社交账号有:
社交账号 标签(不区分大小写)
Twitter twitter
Facebook facebook
Github github
LinkedIn linkedin
StackOverflow stackoverflow
Instagram instagram
Tumblr tumblr
Dribbble dribbble
Behance behance
Slack slack
Steam steam
Reddit reddit
GitLab gitlab
Telegram telegram
Podcast podcast
微信 wechat
新浪微博 weibo

设置 Disqus

  1. 进入 Ghost 后台的 Code injection
  2. 把这段代码加到 Blog Header(注意替换引号中内容):
<script>var disqus = 'YOUR_DISQUS_SHORTNAME';</script>

设置 Gitalk

  1. 创建 GitHub Application,如果没有点击这里申请Authorization callback URL 填写 Blog 域名
  2. 进入 Ghost 后台的 Code injection
  3. 把配置代码加到 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。

License

MIT License

About

基于 Attila 的中文 Ghost 主题

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 83.5%
  • CSS 13.4%
  • HTML 3.1%