An open API service indexing awesome lists of open source software.

https://github.com/Showfom/Affinity

Affinity is a clean, minimal, modern theme that focus on content for Ghost.
https://github.com/Showfom/Affinity

ghost ghost-theme ghost-themes

Last synced: about 1 year ago
JSON representation

Affinity is a clean, minimal, modern theme that focus on content for Ghost.

Awesome Lists containing this project

README

          

![](https://cdn.loli.net/sb.sb.sb/post-images/affinity.png)

## Getting Started

Affinity is a clean, minimal, modern theme that focus on content for Ghost.

Affinity it is 100% responsive, that means it fits with all different kind of devices in different sizes.

Affinity is compiled with ToC (table of contents) and pagination without any Ghost apps.

## Install Manually

Download the compiled and minified ZIP file [here](https://u.nu/affinity) or [here](https://u.nu/affinity-github-releases).

Unpack and upload the full folder `affinity` to `/your/path/to/ghost/content/themes`

Or

Simple upload the `affinity.zip` on `http(s)://example.com/ghost/settings/general/`

Active it

## Source & Credit

### JavaScript / Jquery
* jQuery [https://jquery.com/](https://jquery.com/)
* Highlight.js [https://highlightjs.org/](https://highlightjs.org/)
* jQuery ToC and Pagination by [@JixunMoe](https://jixun.moe/)

### CSS Framework
* Spectre.css [https://picturepan2.github.io/spectre/](https://picturepan2.github.io/spectre/)

## Author
* [@Showfom](https://github.com/Showfom)
* [@Picturepan2](https://github.com/picturepan2)
* [@JixunMoe](https://github.com/JixunMoe)

## Browser support

* Chrome (last 4)
* Microsoft Edge (last 4)
* Firefox (last 4)
* Safari (last 4)
* Opera (last 4)
* Internet Explorer 10+

## Screenshots

### Desktop

![](https://cdn.loli.net/sb.sb.sb/post-images/affinity-desktop.png?v=1.2.0)

### iPad

![](https://cdn.loli.net/sb.sb.sb/post-images/affinity-ipad.png?v=1.2.0)

![](https://cdn.loli.net/sb.sb.sb/post-images/affinity-ipad-2.png?v=1.2.0)

### Mobile

![](https://cdn.loli.net/sb.sb.sb/post-images/affinity-mobile.png?v=1.2.0)

## Live Demo

N/A

## Getting Support

Feel free to post a new [Github issue](https://github.com/Showfom/Affinity/issues) or leave comments on https://sb.sb/ghost-theme-affinity/

## Tips

### Blog logo

Go to `http(s)://example.com/ghost/settings/general/` and upload your logo

### Favicon

Replace your `favicon.ico` with `/your/path/to/ghost/content/themes/affinity/favicon.ico`

### Comments

We recommend use [Isso](https://github.com/posativ/isso) (self-hosted) or Disqus (third-party) or similar services, it's your own choice, Affinity is only compiled with [Isso](https://sb.sb/debian-8-ubuntu-16-04-install-isso/)

The simplest way is insert your JS code to `/your/path/to/ghost/content/themes/affinity/post.hbs`

under

```html


Post your comments here


```

### ToC (table of contents) / Pagination

We use jQuery, you don't need to change anything else.

## License

We publish Affinity under [MIT License](https://github.com/Showfom/Affinity/blob/master/LICENSE)

## Changelog

v1.4.0 - Compatible with Ghost 1.0.2, for users who are still using Ghost <= 0.11.0, please use v1.2.0 instead.

v1.2.0 - Bug fix.

v1.0.0 - First public release.

## 中文说明

Affinity 是一款免费小清新的 Ghost 响应式博客主题,由[烧饼博客](https://sb.sb/)制作

Affinity 采用 jQuery 实现了章节目录和首页分页功能,不需要任何的 Ghost 插件

## 安装教程

在[这里](https://u.nu/affinity)下载最新打包 .zip 版本或在[这里](https://u.nu/affinity-github-releases)获取所有的发布版本

解压 zip 文件,然后上传 `affinity` 目录到 Ghost 的 `themes` 文件夹,如 `/your/path/to/ghost/content/themes`

或者直接把 `affinity.zip` 上传到 Ghost 后台,如 `http(s)://example.com/ghost/settings/general/`

然后激活即可

## JS 框架

### JavaScript / Jquery
* jQuery [https://jquery.com/](https://jquery.com/)
* Highlight.js [https://highlightjs.org/](https://highlightjs.org/)
* jQuery ToC and Pagination by [@JixunMoe](https://jixun.moe/)

### CSS 框架
* Spectre.css [https://picturepan2.github.io/spectre/](https://picturepan2.github.io/spectre/)

## 作者
* [@Showfom](https://github.com/Showfom)
* [@Picturepan2](https://github.com/picturepan2)
* [@JixunMoe](https://github.com/JixunMoe)

## 浏览器支持

* Chrome (last 4)
* Microsoft Edge (last 4)
* Firefox (last 4)
* Safari (last 4)
* Opera (last 4)
* Internet Explorer 10+

## 截图预览

### 桌面浏览器

![](https://cdn.loli.net/sb.sb.sb/post-images/affinity-desktop.png?v=1.2.0)

### iPad

![](https://cdn.loli.net/sb.sb.sb/post-images/affinity-ipad.png?v=1.2.0)

![](https://cdn.loli.net/sb.sb.sb/post-images/affinity-ipad-2.png?v=1.2.0)

### 手机

![](https://cdn.loli.net/sb.sb.sb/post-images/affinity-mobile.png?v=1.2.0)

## 在线演示

暂无

## 获取支持

如有疑问,可以直接提交 [Github issue](https://github.com/Showfom/Affinity/issues) 或者在烧饼博客[留言](https://sb.sb/ghost-theme-affinity/)

## 小技巧

### 左上方 Logo

进入 Ghost 后台 `http(s)://example.com/ghost/settings/general/` 上传 Logo 即可

### Favicon

替换 `favicon.ico` 到 `/your/path/to/ghost/content/themes/affinity/favicon.ico`

### 评论

推荐使用 [Isso](https://github.com/posativ/isso) (自己搭建) 或 Disqus (第三方) 等相关服务, Affinity 目前只适配了 [Isso](https://sb.sb/debian-8-ubuntu-16-04-install-isso/) 的风格

直接引用你的评论 JS 代码到 `/your/path/to/ghost/content/themes/affinity/post.hbs`

```html


Post your comments here


```

这段 HTML 下方即可

### 章节目录 (table of contents) / 首页分页

我们使用 jQuery 实现,不需要装任何第三方 Ghost 插件

## 版权声明

Affinity 采用 [MIT License](https://github.com/Showfom/Affinity/blob/master/LICENSE) 发布

## 发布日志

v1.4.0 - 兼容 Ghost 1.0.2 使用 0.11.0 及以下版本的用户请勿升级

v1.2.0 - 修复 Bug

v1.0.0 - 首次公开发布主题