Skip to content
👻 a simple dark ghost theme, color schema looks like in the shell.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets
partials
.gitignore
LICENSE
README.md
default.hbs
gulpfile.js
index.hbs
package-lock.json
package.json
page-archives.hbs
post.hbs

README.md

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
You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.