Giter Site home page Giter Site logo

society-website's Introduction

WMG Cyber Society Website

Contribution

If you'd like to contribute to the website, follow the steps below to get a local copy of it setup.

Install Hugo by following their guide here.

You'll then want to fork the git repository in order to make a PR later. Once you have forked the repo, clone down your fork.

git clone MYFORKURL
cd society-website
hugo server -D

This starts a local version of the website available at http://localhost:1313.

Create a new blog post by running the commands below.

cd society-website
hugo new post/mypostname/index.md 
cd content/post/mypostname

At the top of index.md, you will see the header for the post:

---
title: "mypostname"
date: 2021-03-04T10:03:09Z
draft: true
---

Firstly add your name as an author parameter.

---
title: "Testpost"
date: 2021-03-04T10:03:09Z
author: "John S."
draft: true
---

Then you can write your blog post below the header! We use the Cupper theme which has a range of shortcodes which you can use. To add additional assets to your post (such as images), you can place them inside your mypostname directory. Then, when referencing them in the blog post, you can use Markdown's standard image tag or Cupper's figure shortcode.

If image.png is in the myblogpost folder:

![Image Alt Text](image.png)

OR

{{< figureCupper img="image.png" caption="This is a caption!" command="Resize" option="700x" >}}
See the shortcode link above for all commands.

Your post will be available at http://localhost:1313/post/myblogpost. Once you're happy with how it looks, commit your changes to your fork and head to pull requests on the GitHub repo to make a PR for your fork. Someone will then review your PR and get it pushed to the GitHub repo.

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.