Coder Social home page Coder Social logo

justgoodthemes / scriptor-jekyll-theme Goto Github PK

View Code? Open in Web Editor NEW
155.0 7.0 191.0 1.74 MB

Scriptor is a minimal, clean, modern and responsive Jekyll theme for writers.

Home Page: https://scriptor-jekyll.netlify.com/

License: MIT License

Ruby 0.52% HTML 31.86% JavaScript 1.33% SCSS 66.28%
jekyll theme jekyll-theme static-site blog-theme

scriptor-jekyll-theme's Introduction

Scriptor

Scriptor is a simple, minimal, clean & responsive Jekyll theme for writers.

Live Demo   |   Download  

Theme preview image

Premium Jekyll Themes

You can find our premium Jekyll themes here -> jekyllthemes.io

Features

  • Responsive design
  • Archive organized by tags
  • Disqus Comments
  • Accent color options
  • Prism syntax highlighter

Local Installation

How to set up and run this theme locally in a Jekyll site.

Note: This theme cannot be configured and installed as a theme, however you can still use this repo as a theme with your own content in it.

Clone the repo or fork.

Set up Jekyll -please follow the official documentation that can be found on the Jekyll docs.

Navigate to the repo and run bundle install to install the dependencies.

Then run bundle exec jekyll serve to start the Jekyll server.

Deployment

Local Instalation

To set up Jekyll on local machine please follow the official documentation that can be found here -> https://jekyllrb.com/docs/.

To run the theme locally, navigate to the theme directory and run bundle install to install the dependencies, then run bundle exec jekyll serve to start the Jekyll server.

Manual Deployment

Jekyll outputs your static site to the _site directory by default. You can transfer the contents of this directory to almost any hosting provider to get your site live.

Netlify

This theme is prepared to be hosted on Netlify. All you need to do is create a new private repository on GitHub or GitLab. Upload the theme to the repository and link your repo to Netlify. Please check this link with the step-by-step guidelines.

Amazon S3

If you want to host your site on Amazon S3, you can do so by using the s3_website application. It will push your site to Amazon S3, where it can be served like any web server, dynamically scaling to almost unlimited traffic.

Also, please check the Deployment Methods page on Jekyll website.

Licenses

All files and directories are licensed under the MIT unless explicitly stated.

scriptor-jekyll-theme's People

Contributors

astab avatar dgarcia360 avatar jonasvdd avatar michaelcurrin avatar tomasbankauskas avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

scriptor-jekyll-theme's Issues

Add Mastodon icon??

Hi,
And firts, thanks for this theme.

I trying to add mastodon icon modify de file /_sass/_icons.scss and add this code:

.fa-mastodon:before {
  content: "\f4f6";
}

But when refresh the page I see the code f4f6, not the icon, and the code is the same to use for github icon:

.fa-github:before {
  content: "\f09b";
}

But with the code to this page that is the same for use the github icon

Where is the problem? How I add the Mastodon Icon on this theme?

Because I trying to download new fonts about Awesome, but not solution this problem.

Thanks for all

Page points to /about instead of /about/, 404 page not found

I have an issue where I have a 404 page doesn't exist:

When clicking on the navigation tabs such as "About" and "Tags".

This is the original code in config_yml

# Site navigation - each item must have a title and a url.
navigation:
  - text: Home
    url: /
  - text: About
    url: /about/
  - text: Tags
    url: /tags/

If I change "url: /about/" to "url: /about" without the last slash, the link works and takes me to the about page instead of 404.

How can I fix it so that the about page points to "/about/" instead of "/about"?

Thank you

Edit: Changing 'permalink' in the config_yml file to include the '/' at the end has solved the problem, for anyone else that runs into this issue.

Jekyll highlight does not work with this theme

@ JustGoodThemes Hello, I use your theme to build github pages, but the code highlight feature does not work.

First of all, I add highlight config in _config.yml:

highlighter: rouge
markdown: kramdown
kramdown:
  input: GFM
  syntax_highlighter: rouge

Secondly, I use rougify style monokai.sublime > syntax.css to generate a syntax.css file and move it in /assets/css/.
Then I add <link href="{{ '/assets/css/syntax.css' | relative_url }}" rel="stylesheet"> in the default.html file.
At last, I write this in my markdown file:

{% highlight java linenos %}
public static void main(String[] args) {
    System.out.println("Hello!");
}
{% endhighlight %}

Unfortunately, it does not work at all. Would you please take a look at this?

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.