DEV Community 👩‍💻👨‍💻

Zen
Zen

Posted on

Elegant Jekyll theme with Vue and Vue Router

You can fork from this repository to use it:

GitHub logo mzaini30 / mzaini30.github.io

Website ini berisi dengan berbagai proyek yang telah aku kerjakan.

Vue Starter

Usibg Vue Editor

Add in ~/.bashrc:

export VUE_EDITOR=subl
Enter fullscreen mode Exit fullscreen mode

Place Vue Files and Markdown

In src/pages/.

Place Static Files

In public/.

Modify Base URL (for sitemap)

In vite.config.js, in section:

const hostname = 'http://localhost:3000/'
Enter fullscreen mode Exit fullscreen mode

Markdown File Example with Head

---
title: About
---

# This is about page

Good
Enter fullscreen mode Exit fullscreen mode

Link to Other Page

<router-link to="/about">About page</router-link>
Enter fullscreen mode Exit fullscreen mode

Using Head in Vue Page

<script setup="">
 import {Head} from '@vueuse/head'
</script>

<template>
 <Head>
  <title>Hi...</title>
 </Head>

 <p>This is home</p>
</template>
Enter fullscreen mode Exit fullscreen mode



Top comments (0)

Want to rep DEV and be comfy at the same time?

Check out our classic DEV shirt — available in multiple colors.