Creating a blog with Vuepress

.
├── docs
│ ├── .vuepress
│ │ ├── components
│ │ │ └── Posts.vue
│ │ ├── config.js
│ │ └── public
│ │ ├── image.jpg
│ │ ├── image-1.jpg
│ │ └── image-2.jpg
│ ├── README.md
│ └── interviews
│ ├── README.md
│ ├── post-1.md
│ ├── post-2.md
│ ├── post-3.md
│ └── post-4.md
├── package-lock.json
└── package.json

Creating the posts

---image: /example-image.jpgtitle: Example title description: This is the example description for our first post.date: 03-25-18 (mm-dd-yy)---

Vue Component

Config.js

Bringing it all together

<Posts page="interviews" />
<Posts page="travel" />

Styles

Le fin

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Adam Collier

Adam Collier

Designer/Developer for Missguided. Co-organiser of FCC MCR