Giter VIP home page Giter VIP logo

the-shell-pro's Introduction

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

the-shell-pro's People

Contributors

pinple avatar dependabot[bot] avatar

Stargazers

Lᴉɐm avatar  avatar Shyrz avatar codetrotter avatar dylan avatar CY avatar fanweiya avatar statpods avatar milk avatar pony avatar  avatar 塟愛鎵镞の風仯 avatar 三里林 avatar  avatar Feiox avatar  avatar Peanut avatar Duke avatar peanut avatar Jax avatar  avatar NUNU avatar 亢奋猫 avatar Joe avatar wy9012 avatar 晴风 avatar  avatar zone avatar love4taylor avatar leosanqing avatar  avatar  avatar

Forkers

0xricksanchez

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.