alexander-heimbuch / vuepress-theme-casper

Ghost default theme ported to vuepress

Casper Theme

Ghosts default theme Casper for Vuepress.

Create with Stackbit

Installation

Install the npm package:

$ npm i vuepress-theme-casper --save

Adapt your vuepress config config.js:

module.exports = {
  title: "Theme Title",
  description: "Theme description",
  base: "/",
  theme: "casper",
  head: [["link", { rel: "icon", href: "/favicon.png" }]],
  markdown: {
    anchor: {
      permalink: false,
      permalinkBefore: false
    }
  },
  themeConfig: {
    cover: "/images/cover.jpg",
    logo: "/images/logo.png",
    nav: [
      {
        text: "Home",
        link: "/"
      },
      {
        text: "Posts",
        link: "/posts"
      },
      {
        text: "Category",
        link: "/category/some-category"
      },
      {
        text: "Page",
        link: "/a-page.html"
      }
    ],

    footer: [
      {
        text: "Latest Posts",
        link: "/posts"
      },
      {
        text: "Facebook",
        link: "https://facebook.com/"
      },
      {
        text: "Twitter",
        link: "https://twitter.com"
      },
      {
        text: "Github",
        link: "https://github.com/"
      }
    ],
    social: {
      github: "https://github.com",
      twitter: "https://twitter.com",
      facebook: "https://facebook.com",
      xing: "https://xing.de",
      instagram: "https://instagram.com",
      linkedin: "https://linkedin.com"
    },
    defaultAuthor: {
      link: "https://alexander.heimbu.ch",
      name: "Default Author",
      gravatar: "2bfa103a13c88b5ffd26da6f982f11df"
    },
    search: false
  }
};

Page/Post Parameters

The following parameters are available:

---
title: And when we woke up, we had these bodies.
image: https://picsum.photos/1920/1080/?random&date=2018-04-15
publish: 2018-04-15
type: post|page
tags:
  - toe-tappingly tragic
  - thanks to the Internet
categories:
  - futurama
  - dexter
readingTime: 10 Minutes
author:
  link: /category/dexter
  name: Dexter
  gravatar: 2bfa103a13c88b5ffd26da6f982f11df
---

The post intro uses the <!-- more --> tag.

Caveats

vuepress-theme-casper's Issues

Excerpt option

We Would like to have the option to have an excerpt of a post.
i am using this theme on Stackbit with ForestryCMS.

Upgrade to Casper v3.x

There is a new version of Casper right now Casper (v3.0.2). Cheers

https://github.com/TryGhost/Casper/releases

How does data get into vuex store?

Sorry to make an issue for this, but i couldn't find a better way of contacting you.

I'm trying out this theme, and was wrapping my head around all the functionality it holds.
One question that came to mind was how data from vuepress (posts, categories etc) gets into the vuex store?

After deploying with Stackbit and NetlifyCMS I cant login

After deploying with Stackbit and NetlifyCMS I cant login in Netlify CMS. I get the invite mail and when I click to accept the web page open but the netlify cms login appears BEHIND the content and I can't click in the form to complete the sigunp.

Klicking at tags results in 404

Hey, I just clicked around a little in your demo and noticed that opening tags results in a 404.
http://alexander.heimbu.ch/vuepress-theme-casper/tags/kill%20me/
Do you need to create extra markdown files for the tags or is something wrong with the creation?

I'm not that fit in the theme creation area yet so I didn't come up with a solution to solve this g.

How to link this with netlifycms

Quick Question

This works with the netlify cms correct?

Do you have a tutorial on how to set up workflow

Can I share methods with GitHub workflow

How to set dark mode as default

Kindly help me set dark mode as default.

Dark Mode Switch

Hey, how are you? Could you kindly add a dark mode switch?

Dark Mode Please

Kindly add a dark mode to this theme.

Router: /posts reload redirects to 404 page

First of all thanks for creating this theme for vuepress but there is a problem with the theme that in the build mode when we reload the posts url page it redirects to the 404 page
so please fix the issue soon as i have a website with it