Code Monkey home page Code Monkey logo

+

Nuxt + Markdown blog starter

This is not an official project. It's made by Clement Venard and you can contribute submitting a pull-request.

โšก๏ธ Live

Check it live

โœจ Quick start

  1. Clone this repository.

    git clone https://github.com/marinaaisa/nuxt-markdown-blog-starter.git
  2. Start developing.

    Navigate into your new siteโ€™s directory and start it up.

    cd nuxt-markdown-blog-starter/
    npm install
    npm run dev
  3. Running!

    Your site is now running at http://localhost:3000!

๐Ÿง What's inside?

.
โ”œโ”€โ”€ node_modules
โ”œโ”€โ”€ assets
โ”œโ”€โ”€ components
โ”œโ”€โ”€ contents
  โ”œโ”€โ”€ en
    โ”œโ”€โ”€ blog
    โ”œโ”€โ”€ blogsEn.js
  โ”œโ”€โ”€ es
    โ”œโ”€โ”€ blog
    โ”œโ”€โ”€ blogsEs.js
โ”œโ”€โ”€ layouts
โ”œโ”€โ”€ locales
โ”œโ”€โ”€ pages
โ”œโ”€โ”€ plugins
โ”œโ”€โ”€ static
โ”œโ”€โ”€ .gitignore
โ”œโ”€โ”€ LICENSE
โ”œโ”€โ”€ nuxt.config.js
โ”œโ”€โ”€ package-lock.json
โ”œโ”€โ”€ package.json
โ””โ”€โ”€ README.md
  1. /node_modules: This directory contains all of the modules of code that your project depends on (npm packages) are automatically installed.

  2. /assets: You will find the images and assets for the project. You can find more information at Nuxt's assets directory documentation

  3. /components: Vue components for the project. You can find more information at Nuxt's components directory documentation

  4. /contents: You will save your MD files here. They are divided by language and you will have to write the URL name of each of them at blogsEn.js and blogsEs.js.

  5. /layouts: You can find information at Nuxt's layout directory documentation

  6. /locales: You will save your translations here.

  7. /pages: You can find information at Nuxt's pages directory documentation

  8. /plugins: You can find information at Nuxt's plugins directory documentation

  9. /statics: You can find information at Nuxt's statics directory documentation

  10. .gitignore: This file tells git which files it should not track / not maintain a version history for.

  11. LICENSE: This is licensed under the MIT license.

  12. nuxt-config.js: This is the main configuration file for a Nuxt site. This is where you can specify information about your site (metadata) like the site title and description, which Nuxt plugins youโ€™d like to include, etc. (Check out the config docs for more detail).

  13. package-lock.json (See package.json below, first). This is an automatically generated file based on the exact versions of your npm dependencies that were installed for your project. (You wonโ€™t change this file directly).

  14. package.json: A manifest file for Node.js projects, which includes things like metadata (the projectโ€™s name, author, etc). This manifest is how npm knows which packages to install for your project.

  15. README.md: A text file containing useful reference information about your project.

๐Ÿ’ซ Deploy

Deploy to Netlify

Clement Venard's Projects

crypticker-cli icon crypticker-cli

A simple command line program to get current cryptocurrency data.

drone-wechat icon drone-wechat

๐Ÿ“ฉ A drone plugin to push messages to WeChat for work

glowing-gopher icon glowing-gopher

:ambulance: make sure all your services are up and running :ok_hand:

glowing-gopher-cli icon glowing-gopher-cli

:computer: CLI tool to check whether all your services are up and running ๐Ÿ”ฅ

go-clean-arch icon go-clean-arch

Go (Golang) Clean Architecture based on Reading Uncle Bob's Clean Architecture

go-ethereum icon go-ethereum

Official Go implementation of the Ethereum protocol

go-yt-comments icon go-yt-comments

Tiny Golang package for retrieving video comments from the YouTube API.

goth icon goth

Package goth provides a simple, clean, and idiomatic way to write authentication packages for Go web applications.

hsk-vocabulary icon hsk-vocabulary

๐Ÿ‡จ๐Ÿ‡ณOpen source Chinese HSK vocabulary list with example sentences

js-wechat-work icon js-wechat-work

Send notifications on WeChat Work ไผไธšๅพฎไฟก

kongponents icon kongponents

๐Ÿ––๐Ÿป๐Ÿฆ Kong Vue Component Library

lgtm-chrome icon lgtm-chrome

A chrome extension to generate a better comment than just 'LGTM' on a pull request

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.