GithubHelp home page GithubHelp logo

ceh03 / ceh03.github.io Goto Github PK

View Code? Open in Web Editor NEW

This project forked from woodstockcs/yourusername.github.io

0.0 0.0 0.0 8.22 MB

Build a Jekyll blog in minutes, without touching the command line.

License: MIT License

HTML 12.15% CSS 87.85%

ceh03.github.io's Introduction

The following instructions and starter code are from jekyll-now by github user barryclark

Your WCS Blog

In a few minutes you'll be set up with a minimal, responsive blog like the one below giving you more time to spend on writing epic blog posts!

Jekyll Now Theme Screenshot

Instructions

Step 0) You need a github account.

See Mr. Smith if you don't have one.

Step 1) Make a copy of this repo for yourself

Log in to github and fork this repo, then go to settings. In the name of the repo, change YOURUSERNAME to your actual github username. It's important that you keep the .github.io after your username. My github username is andytilia so my repo name would be andytilia.github.io.

Your Jekyll blog will soon be viewable immediately at https://YOURUSERNAME.github.io .

Step 2) Customize and view your site

Enter your site name, description, avatar and many other options by editing the _config.yml file.

Sometimes it take github up to 10 minutes to actually show any changes or new blog posts.

_config.yml

Step 3) Publish your first blog post

Go to the /_posts/ folder. Then put 2014-3-3-Hello-World.html in edit mode.

Notice this is not a full HTML page. You are only writing what would normally go inside the <body> tags of a full HTML page.

Make some changes to this page (but see the part between the --- and the --- at the top of the page? that needs to stay there. you can change the title if you want.)

Step 4) Creating new blog posts

Just go to the /_posts/ folder, and click Create new file.

Name the file in this format: year-month-day-title.html

The beginning of the file contents need to be the following, but of course you should write better titles than me.

---
layout: post
title: My second post!
---

Below that type what you would normally put inside the <body> tags of an html page.

These cheatsheets may come in handy: HTML and CSS

ceh03.github.io's People

Contributors

barryclark avatar bkiers avatar ceh03 avatar coltonfitzgerald avatar daattali avatar daniel15 avatar dijonkitchen avatar eringrand avatar esteinborn avatar fleeting avatar genericmethod avatar henryaj avatar hunjaelee avatar javiercejudo avatar junefrench avatar nscyclone avatar omgmog avatar peteretelej avatar praseodym avatar rnicholus avatar sunnankar avatar vermluh avatar yzyzsun avatar

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.