Coder Social home page Coder Social logo

my-wsl-setup's Introduction

Siteleaf Starter

Starter template for Siteleaf builds, powered by Jekyll and Gulp.

WIP: PLEASE READ NOTE BELOW

Getting up and Running

Setup

  • Create a Git repo and download or clone these files into the top level of it.
  • Install bundle via Ruby gems.
  • Install the new gulp-cli with these instructions.
  • Run bundle install.
  • Run npm install.
  • If you have problems installing that due to old Gulp versions, follow this to remove the gulp.1 file and try again.
  • Then for development you'll need to run gulp and bundle exec jekyll serve in seperate terminals at the same time. This is a WIP and will be streamlined into a single process with hot reloading soon.
  • Commit your files and push them to your repo.

Connect to Siteleaf

  • Log into your Siteleaf account and create a new site.
  • Then you'll see the 'Connect existing repo', click that and you're good to go.

Under the hood

  • Jekyll
  • Github Pages Support
  • Gulp which handles:
    • SCSS Minification/Compilation
    • SCSS Compilation
    • CSS Autoprefixer
    • CSS Sourcemaps
    • ES6 Support
    • JS Minification
    • JS Concat
    • Error Notifications

Note

Currently, this starter template cannot compile the CSS with front matter for Jekyll to then process. So once you're finished developing locally and you'd like to push live, follow these steps:

  • Make sure bundle and gulp are still running.
  • Gulp will have compiled your latest SCSS to CSS in the assets/styles/main.css file. So copy these contents to your clipboard.
  • Then in the assets/css/styles.scss you'll see the below:

---
---

// your css below

  • Jekyll needs the dashes (front matter) at the top of the file to compile it into the _site/ folder so keep these and replace all the CSS below the front matter with what you've copied.
  • Then push up your changes and you'll see your latest changes after publishing to Siteleaf :)

my-wsl-setup's People

Contributors

lloydstubber 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  avatar

my-wsl-setup's Issues

installing packages

One thing I am confused about as a new WSL user is if I should once setup install node, npm, yarn etc.. under wsl using sudo apt install or install it in windows now. Does it matter?

¿How to hide /mnt/c/Users/ ?

Hello, first of all I want to thank you for this guide.
I could set up my zsh enviroment with hyper sucesfully!
I saw your image and you don't have the prefix part before your username and I want to ask you how you did to hide it??

Thanks again.

This is my setup
image

Feedback

Hi,

Thanks for sharing your setup. ❤️
Can you post any screenshots?

Hyper had a few bugs in the past, do u have a good experience? 😄

Thanks!

Hi Lloyd, mind if I ask your help on something real quick?

Your guide is really great! I've been following along and I got to the part where you install your oh-my-zsh theme. I think I've done the same thing (except I'm trying to install the Powerlevel9k theme) but for some reason when I try to use any of the custom prompts that make use of the theme features etc, It throws error codes. I ask you despite the fact that you aren't using the same theme because from what I can see if does look like you're using some kind of powerline inclusive theme.

I have the fonts installed and I believe that I have them working in the terminal but when I copy and paste the PowerLevel9k compatible prompt into my zshrc file it does nothing. The same for when I copy it into my bashrc file. BUT when I copy it into my .profile file in place of my current prompt (which is export PS1="⚡ \[\e[33m\]\w\[\e[m\]\[\e[36;40m\] ⭄\[\e[m\] " ) It throws an error saying it doesn't recognize the command.

Do I need to delete .profile or something so that it will look in my zshrc file instead or something?

I'm honestly not totally clear on how I'm supposed to be using zsh etc. I believe I have oh-my-zsh working and stuff but it's kind of hard for me to tell tbh

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.