All Projects → pinple → the-shell-pro

pinple / the-shell-pro

Licence: GPL-3.0 license
👻 a simple dark ghost theme, color schema looks like in the shell.

Programming Languages

SCSS
7915 projects
CSS
56736 projects
Handlebars
879 projects
javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to the-shell-pro

Gatsby Starter Try Ghost
Publish flaring fast blogs with Gatsby and Ghost
Stars: ✭ 137 (+356.67%)
Mutual labels:  ghost-theme
Fizzy Theme
🥤A tasty blogging theme for Ghost.
Stars: ✭ 194 (+546.67%)
Mutual labels:  ghost-theme
Asgar
A two-column, clean and minimalist theme for @TryGhost
Stars: ✭ 22 (-26.67%)
Mutual labels:  ghost-theme
Dawn
A minimal newsletter theme for Ghost
Stars: ✭ 140 (+366.67%)
Mutual labels:  ghost-theme
Boo
Boo - A beautiful, clean and responsive theme for Ghost.
Stars: ✭ 176 (+486.67%)
Mutual labels:  ghost-theme
Action Deploy Theme
Deploy your Ghost theme with Github Actions
Stars: ✭ 197 (+556.67%)
Mutual labels:  ghost-theme
Affinity
Affinity is a clean, minimal, modern theme that focus on content for Ghost.
Stars: ✭ 132 (+340%)
Mutual labels:  ghost-theme
undefined-ghost-theme
A minimal, Ghost 5.0-ready, membership-enabled starter theme for the Ghost blogging platform.
Stars: ✭ 76 (+153.33%)
Mutual labels:  ghost-theme
Casper
The default theme for Ghost
Stars: ✭ 2,274 (+7480%)
Mutual labels:  ghost-theme
sheet
Sheet is a clean, responsive theme for Ghost v1.x.x blogs.
Stars: ✭ 16 (-46.67%)
Mutual labels:  ghost-theme
Massively
A free, open source theme for Ghost
Stars: ✭ 160 (+433.33%)
Mutual labels:  ghost-theme
Steam
A clean and minimal theme for Ghost.
Stars: ✭ 170 (+466.67%)
Mutual labels:  ghost-theme
London
A free, open source theme for Ghost
Stars: ✭ 212 (+606.67%)
Mutual labels:  ghost-theme
Lyra
A paid-members theme for Ghost
Stars: ✭ 140 (+366.67%)
Mutual labels:  ghost-theme
mention-ghost-theme
Mention theme for Ghost blogging platform, built by https://vanila.io
Stars: ✭ 69 (+130%)
Mutual labels:  ghost-theme
Roon
The official Roon theme for Ghost
Stars: ✭ 137 (+356.67%)
Mutual labels:  ghost-theme
Starter
A development starter theme for Ghost
Stars: ✭ 195 (+550%)
Mutual labels:  ghost-theme
ghost-theme
a ghost theme
Stars: ✭ 19 (-36.67%)
Mutual labels:  ghost-theme
Ease
A minimal documentation theme for Ghost
Stars: ✭ 69 (+130%)
Mutual labels:  ghost-theme
Mnml Ghost Theme
A minimal, responsive, fast ghost blog theme with great typography. Comes with paid membership support, Disqus comments, syntax highlighting, and KaTeX for mathematics, and more.
Stars: ✭ 235 (+683.33%)
Mutual labels:  ghost-theme

the-shell-pro

一款简约的ghost主题,大胆的用色,献给同样追求小众、喜欢极客暗夜风格的你❤️

预览

体验请点击Demo

特性

  • 简约 暗黑风格
  • 多端适配,多浏览器兼容
  • 全局导航栏
  • 归档页
  • 代码高亮
  • 一键复制代码块
  • 返回顶部
  • 社交网站支持
  • 支持Disqus评论
  • 颜色方案参考dracula
  • 中英双语切换
  • TOC目录
  • 支持Valine评论(针对墙内访客)

使用

基础

克隆代码到themes目录下:

git clone https://github.com/Neulana/the-shell-pro.git

然后进入:

ghost后台 > Design > Active the-shell-pro theme

添加归档页

在归档页面列出所有已发布的文章。操作步骤:

  • 进入ghost后台;

  • New Post > 标题输入Archives,这时文章的地址默认为archives;

  • Post Settings > 勾选Turn this post into a page,然后Publish;

  • Navigation > 创建一个归档导航,地址为:http://your_blog_url/archives

开启Disqus

支持Disqus讨论插件,只需在后台Code Injection处添加一段代码:

位置:ghost后台 > Code Injection > Blog Header

<script>
    var disqus_shortname = 'your_disqus_shortname';
</script>

开启社交

在每篇文章底部展示自己的各大社交网站个人主页链接,目前仅支持国内常用的几家:豆瓣、知乎、微博、Github,未来考虑增加国外的社交网站。

位置:ghost后台 > Code Injection > Blog Header

<script>
    var social_accounts = [
        {'site_name': 'douban', 'user_url': 'https://www.douban.com/people/94946501'},
        {'site_name': 'zhihu', 'user_url': 'https://www.zhihu.com/people/pinyoufu'},
        {'site_name': 'weibo', 'user_url': 'https://weibo.com/5610949777'},
        {'site_name': 'github', 'user_url': 'https://github.com/Neulana'},
    ]
</script>

仅仅将上方的user_url后缀的个人id替换成你自己的id,请勿修改变量名称

代码高亮

the-shell-pro使用highlight.js实现代码高亮,默认使用的主题风格为 monokai-sublime,你也可以替换为你喜欢的代码高亮样式,可用CDN资源:

位置:ghost后台 > Code Injection > Blog Header

<!-- use solarized-dark style -->
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/styles/solarized-dark.min.css" />

Credit

This theme is inspired by The-Shell

Logo icon made by Freepik from www.flaticon.com is licensed by CC 3.0 BY
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].