Giter VIP home page Giter VIP logo

mysite's Introduction

Chenyu's Personal Website

visitors Static Badge npm

Vue.js Django


Welcome to my secret space! ๐Ÿ˜Š Here are my tech blogs and life lessons, and of course, some really cool stuff waiting for you to explore! ๐Ÿ˜Ž

Go to My Site

This project builds a personal website which supports a fully CI/CD method. Easy and comfortable deployment by using two docker containers on the front and backend For my frontend part, I choose Vue3 as my frontend framework. For my backend part, I choose to use Django with Mysql to implemente backend functionalities.


Features

This site support a markdown file blog reading and writing Imgur


Setup

To run this project, you need to run both frontend and back-nd, as well as the database to make sure this project works.

Frontend

First add a ==.env== file under frontend/myfront directory:

cd frontend/myfront/
vim .env

Your ==.env== file should be like this:

VUE_APP_API_KEY=""
VUE_APP_BACKEND_URL=http://localhost:8000/

Then run following commands:

npm install
npm run serve

Backend

First let's add a ==.env== file under backend/mysite directory as well:

cd backend/mysite/
vim .env

Your backend ==.env== file should be like this:

DB_NAME=
DB_USER=
DB_PASSWORD=
DB_HOST=127.0.0.1
DB_PORT=3306
SECRET_KEY=''

Then run following commands:

cd ..
pip install -r requirements.txt
cd backend/mysite/
python manage.py makemigrations
python manage.py migrate
python manage.py createsuperuser
python manage.py runserver

Don't forget to run your Mysql database at the same time!

Then you can visit http://localhost:8080/ to see this project! ๐Ÿ˜„

Deployment

You need to set up this project's gitHub workflow file, adding corresponding git repo secrets. Once you're done, the git action will automatically build dockers and deploy it to a given sever.

mysite's People

Contributors

moringspeaker avatar

Watchers

 avatar

mysite's Issues

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.