/the-shell-pro

👻 a simple dark ghost theme, color schema looks like in the shell.

Primary LanguageSCSSGNU General Public License v3.0GPL-3.0

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