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! 😎

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.

This site support a markdown file blog reading and writing

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

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

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! 😄

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.