90 lines
2.0 KiB
Markdown
Executable File
90 lines
2.0 KiB
Markdown
Executable File
# Gridsome X ThreeFold
|
|
|
|
- Any change to the content here should auto-deploy
|
|
- All changes to the content can be seen under this link
|
|
|
|
[./docs](./docs)
|
|
|
|
|
|
### to get started
|
|
|
|
- install npm & yarn
|
|
|
|
To install yarn on ubuntu,
|
|
|
|
```
|
|
curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -
|
|
echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list
|
|
apt-get -y update && apt install yarn
|
|
```
|
|
- git clone this repo
|
|
- go into the repo and run ```install_gridsome.sh``` if not done yet
|
|
- go into the repo and run ```install.sh``` which will make sure you have the node packages in your repo
|
|
|
|
### Where is all the content ?
|
|
|
|
- It is under the direcory [content/docs](content/docs)
|
|
- All files are markdown (.md) format
|
|
|
|
### Where are all the images ?
|
|
|
|
- Under the docs directory, every service has its own folder and own set of images
|
|
- To use an image for crystal twin, naviagte to crystal twin's folder and place the image as below,
|
|
|
|
```
|
|
|
|
|
|
```
|
|
### Editing md files
|
|
|
|
- All files start with this piece of code, this is meant to control navigation into different sections defined in the sidebar menu.
|
|
```
|
|
---
|
|
description: ''
|
|
sidebar: 'docs'
|
|
prev: '/docs/wiki-publisher/'
|
|
next: '/docs/digitalme/'
|
|
---
|
|
```
|
|
|
|
### Adding a markdown to your page i.e About.vue
|
|
|
|
```
|
|
<template>
|
|
<Layout :hideHeader="false" :disableScroll="true">
|
|
|
|
<div class="container sm:pxi-0 mx-auto overflow-x-hidden">
|
|
|
|
<VacationCard
|
|
img="/img/garden.jpg"
|
|
imgAlt="Beach in Cancun"
|
|
eyebrow="Private Villa"
|
|
title="
|
|
- Relaxing All-Inclusive Resort in Cancun
|
|
- Test
|
|
"
|
|
pricing="$299 USD per night"
|
|
url="/vacations/cancun"
|
|
/>
|
|
<vue-markdown>
|
|
# This is markdown
|
|
### Hello world!
|
|
</vue-markdown>
|
|
</div>
|
|
</Layout>
|
|
</template>
|
|
|
|
<script>
|
|
import VueMarkdown from 'vue-markdown'
|
|
|
|
export default {
|
|
metaInfo: {
|
|
title: "About us"
|
|
},
|
|
|
|
components: {
|
|
VueMarkdown
|
|
}
|
|
};
|
|
</script>
|
|
``` |