ghostcode - ghost theme
This is a vscode-like
Ghost theme, and support vscode color-theme
Welcome to STAR :) (It's still under development)
Dev Progress
P0
- Home page
- Post page
- Author page
- About page
-
Comment System: DISQUS(removed due to long loading time) -
Prev / Next post(removed to simplify the theme, nav through sidebar is super easy) - Change theme(Support official
vscode
theme) - Search all posts
- Responsive(need to optimize)
P1
- Post Cache
- Social sharing
- Reading progress
- Post Navigation
- Build in Production mode
- Compatibility testing
Usage
Basic
- Download ghostcode from github
- Go to admin panel (
{your-domain}/ghost/#/settings/design/uploadtheme
) and dragghostcode-master.zip
to upload - Chose
active
to make it work
Advance - Custom your own color theme
ghostcode support vscode theme .json file
- Get ghostcode theme and unzip it
cd
to ghostcode theme and runnpm install
to install dependencies- Get the source code of your favorite vscode color-theme and download it through:
- Theme github page
- Install it into/from your vscode, and then find it in your disk (Mac: /Applications/Visual\ Studio\ Code.app/Contents/Resources/app/extensions/theme-*)
cd
to the vscode theme above, usually in thethemes
directory, you can find.json
file, that's it- Copy and put this file into
ghostcode/themes/
folder - Regist in
./config.js
theme
field - Then run
npm run theme
command to turn this .json file into css - Edit
./default.hbs
, add classtheme-{your-theme-name}
tohtml
element, remember to remove the default theme class - Zip and upload to your website