🧠 Competitive Programming - Workshop & Riset Informatika atau CP-WRI merupakan sebuah wadah bagi mahasiswa/i Politeknik Negeri Malang untuk belajar dan berlatih dalam bidang pemrograman kompetitif.

Overview

Geek Blog

Quality Gate GitHub PRs Welcome

About

Geek blog built with Gridsome that uses Markdown for writing content

Built with

Features

Todo

  • VSSUE update css for dark theme support (pull-request is appreciated 😝 )

Demo URL

https://gridsome-geek-blog.netlify.app

Installation

There are several ways to to install this theme.

Using the Gridsome CLI

The easiest way to install this theme or a Gridsome theme in general is by using their CLI tool.

If you don't already have it installed, simply run:

yarn global add @gridsome/cli

or using npm:

npm i -g @gridsome/cli

After that run gridsome -v to verify that the tool is working.

If everything is working as expected, run the following command:

gridsome create your-project-name https://github.com/xqsit94/gridsome-geek-blog

This command creates a folder named your-project-name in your current working directory, clones the repository and automatically installs the dependencies.

If everything is downloaded and installed you can now run gridsome develop which starts the development server and bundles all assets. After bootstrapping has finished, head to http://localhost:8080 to view your freshly created site!

Installing manually

To install this theme manually you need to:

  1. Clone the repository
  2. Install the dependencies

To clone the repository simply run:

git clone https://github.com/xqsit94/gridsome-geek-blog.git

After cloning the project, change to the project you just created.

cd gridsome-geek-blog

Now you only need to install the dependencies.

Using yarn:

yarn

Or by using npm:

npm install

After all dependencies are installed you can now run yarn develop if you're using yarn or npm run develop if you are using npm to start the development server!

Configuring Environmental Variables

This boilerplate helps to configure important data using .env. All you need to do is just copy .env.example to .env and fill the data for following variables

SITE_NAME=
SITE_TITLE=
SITE_DESCRIPTION=
SITE_AUTHOR=
SITE_AUTHOR_URL=
SITE_FAVICON_PATH="./static/images/favicon.png"

ARCHIVE_TITLE=
ARCHIVE_TEXT=

AUTO_GENERATE_COVER=false

GRIDSOME_BASE_URL=http://localhost:8080
GRIDSOME_VSSUE_OWNER=
GRIDSOME_VSSUE_REPO=
GRIDSOME_VSSUE_CLIENT_ID=
GRIDSOME_VSSUE_CLIENT_SECRET=
GRIDSOME_VSSUE_PERPAGE=
GRIDSOME_VSSUE_CREATE_ISSUE=

GOOGLE_ANALYTICS_ID=

More Configuration

You can edit other configuration values inside gridsome.config.js

You might also like...
WORKSHOP sur la cybersécurité

workshop_2021 Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build L

Workshop para o evento codecon
Workshop para o evento codecon

codecon-vuejs-components-patterns-workshop Workshop para a codecon Embora os componentes sejam uma das melhores coisas que já aconteceram no front-end

Build a web-based 3D viewer workshop
Build a web-based 3D viewer workshop

This repo is a part of the "Build a web-based 3D viewer workshop" conducted as part of AECTech2021. The workshop walks participants through the proces

Jayway Vue.js workshop
Jayway Vue.js workshop

Jayway Vue.js 2.0 workshop NOTICE! This repository is no longer maintained. Because of security vulnerabilities in old versions of the vue cli and it'

Vue.js Live VeeValidate Workshop

This is the examples we've written live in the vee-validate workshop on the 27th of October 2021

Azure Bicep Workshop: Deploy a full stack application to Azure using Bicep templates.
Azure Bicep Workshop: Deploy a full stack application to Azure using Bicep templates.

Introduction Welcome to Azure Bicep workshop. Bicep is a domain-specific language (DSL) that uses declarative syntax to deploy Azure resources. In a B

Build a full-blown multilingual site with Nuxt 3 + Storyblok workshop repo

Nuxt 3 Minimal Starter Look at the nuxt 3 documentation to learn more. Setup Make sure to install the dependencies: # yarn yarn install Development Se

A free service which provides simple access to thousands of video lessons on web developing and programming
A free service which provides simple access to thousands of video lessons on web developing and programming

Web Learn Web Learn is an open source service which provides simple access to thousands of video lessons on web developing and programming. Developmen

📋 Fresh way to create simple or complex forms – without programming!
📋 Fresh way to create simple or complex forms – without programming!

📋 Vue Described-Data Form A fresh way to create simple or complex forms – without programming! 🕹 Demo Try it yourself in a Live Demo! 📖 About vue-d

A Vue.js starter kit that lets you focus on more programming and less configuration.

vue-starter A Vue.js starter kit that lets you focus on more programming and less configuration. A full-featured Webpack setup with hot-reload, lint-o

A Programming Environment for TypeScript & Node.js built on top of VS Code

Programming Environment for TypeScript & Node.js A battery-included TypeScript framework built on top of Visual Studio Code Website Kretes is a progra

Vue Flowy makes creating flowchart or hierarchy chart functionality an easy task. Build automation software, mind mapping tools, organisation charts, or simple programming platforms in minutes by implementing the library into your project.
Vue Flowy makes creating flowchart or hierarchy chart functionality an easy task. Build automation software, mind mapping tools, organisation charts, or simple programming platforms in minutes by implementing the library into your project.

Vue Flowy makes creating flowchart or hierarchy chart functionality an easy task. Build automation software, mind mapping tools, organisation charts, or simple programming platforms in minutes by implementing the library into your project.

 Miria Code Editor - This an online code editor made for a new programming language named Miria.
Miria Code Editor - This an online code editor made for a new programming language named Miria.

Miria Code Editor - This an online code editor made for a new programming language named Miria.

Learn Programming! Start from zero, become a hero, and finally get a job!

Programming Challenges Website Official Code Repository Prograchallenges.com is an open source project made for the Telegram group of Programming Chal

This project shows how to dockerize web application build using Vue JS web development framework for Java Script programming language.
This project shows how to dockerize web application build using Vue JS web development framework for Java Script programming language.

vue-docker This project shows how to dockerize web application build using Vue JS web development framework for Java Script programming language. Requ

Hike programming language: compiler, tools, documentation and more!
Hike programming language: compiler, tools, documentation and more!

Hike Programming language Explore the docs » Report Bug · Request Feature Contact Project Link: https://github.com/AdiSalimgereev/Hidge back to top 👆

Owner
cp-wri
Competitive Programming - Workshop & Riset Informatika
cp-wri
Workshop Materials for my Introduction to Vue.js Workshop

Introduction to Vue.js Course Materials Author: Sarah Drasner Upcoming workshop live on Sept 23, 2020, join here Vue 2 course available here. This rep

Sarah Drasner 2.8k Nov 20, 2022
WORKSHOP sur la cybersécurité

workshop_2021 Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build L

Tom POYVRE 2 Oct 1, 2021
Movie List merupakan sebuah website sederhana yang menampilkan informasi tentang film dan series terkini.

Movie List Movie List merupakan sebuah website sederhana yang menampilkan informasi tentang film dan series terkini. Data film dan series ini didapat

Rizky Ikhwan 6 Jul 5, 2022
Sebuah aplikasi untuk menghitung waktu sholat berdasarkan data awal. Diperuntungkan untuk media pembelajaran Ilmu Falak.

Hisabin Sebuah aplikasi untuk menghitung waktu sholat berdasarkan data awal. Diperuntungkan untuk media pembelajaran Ilmu Falak. Live Demo - Hisabin K

A. Y. Firdaus 4 Apr 7, 2022
Website Al-Quran Online ini adalah Website yang dibuat untuk memudahkan kita untuk membaca Al-Quran secara Online dimana dan kapanpun saja dengan mudah

vuejs-quran Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build Lin

Krisna Dewa 2 Nov 1, 2022
Workshop Materials for my Introduction to Vue.js Workshop

Introduction to Vue.js Course Materials Author: Sarah Drasner Upcoming workshop live on Sept 23, 2020, join here Vue 2 course available here. This rep

Sarah Drasner 2.8k Nov 20, 2022
Workshop content for Anyone can Code! - Light your Fire for Coding workshop

Anyone can Code! – Light Your Fire for Coding Built with ❤ by everybody who wants to make the Microsoft App Dev Innovation world a little bit more div

Microsoft 10 Aug 23, 2022
Project untuk membuat catatan keuangan masjid menggunakan Vue.js

catatan-keuangan-masjid This template should help get you started developing with Vue 3 in Vite. Recommended IDE Setup VSCode + Volar (and disable Vet

null 3 Oct 31, 2022
Islamic Portable adalah sebuah app yang berisi berbagai aplikasi Islami seperti Al Qur'an, Jadwal Sholat, Artikel Islami, dll.

Islamic Portable Aplikasi Islami dalam Genggaman Islamic Portable adalah sebuah app yang berisi berbagai aplikasi Islami seperti Al Qur'an, Do'a Haria

Ibrohim Mahmud Hanafi 7 Aug 3, 2022
Ini adalah mockup projek laravel dengan: Jetstream, Fortify, VueJS, dan InertiaJS biar cepet aja sihhh

About Laravel Laravel is a web application framework with expressive, elegant syntax. We believe development must be an enjoyable and creative experie

Bambang Irawan 0 Dec 24, 2021