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