This is a personal website project built using Vue 3. It features a blog section where content is written in Markdown.
- Vue 3: The project is developed using Vue 3.
- Markdown Blog: Blog posts are written in Markdown and stored in the
src/assets/blog
folder. - Post Metadata: Each blog post includes a metadata header.
-
Clone the repository:
git clone https://github.com/wzy403/mywebsite.git cd mywebsite
-
Install dependencies:
npm install
-
Run the development server:
npm run serve
-
Build for production:
npm run build
Blog posts are written in Markdown and should be placed in the src/assets/blog
folder. Each post must begin with the following metadata template:
---
id: 114514
title: example title
date: yyyy-MM-dd
tags:
- sample tags1
- sample tags2
---
id
: A unique identifier for the post.title
: The title of the blog post.date
: The publication date of the post inyyyy-MM-dd
format.tags
: The tags for each post record inblogTags.json
file (split by a-
).
mywebsite/
├── public/
├── src/
│ ├── assets/
│ │ └── blog/
│ │ │ └── blogImg/
│ │ └── img/
│ ├── components/
| ├── router/
│ ├── views/
│ ├── App.vue
│ └── main.js
├── .gitignore
├── README.md
├── package.json
└── webpack.config.js
As this is a personal project, contributions are not currently being accepted. However, feel free to fork the repository and experiment on your own.
This project is licensed under the GPL License.
For any inquiries or feedback, please reach out to me through email: [email protected].