the website of myself using below open source projects

http://zoujiu.com.cn

support idea post, reading book post, personal introduction with images, traveler post and video upload

support markdown article, including Math Latex, table, list and so on.

1. environment

element-plus + django + vue3

1.1 npm + nodejs

Macos: brew install node@22

https://nodejs.org/zh-cn/download

install brew help---https://mirrors.tuna.tsinghua.edu.cn/help/homebrew/

1.2 set mirror

npm config set registry https://registry.npmmirror.com

1.3 download packages

cd /Users/zoujiu/Desktop

npm create vue@latest ------all default, don't change anything https://cn.vuejs.org/guide/quick-start

cd /Users/zoujiu/Desktop/vue-project

npm install element-plus --save

https://element-plus.org/zh-CN/guide/installation.html

npm install axios --save

npm install hls.js --save

https://github.com/video-dev/hls.js

npm install js-cookie --save

https://github.com/js-cookie/js-cookie

npm install katex --save

https://katex.org/docs/node

npm install vue-router@4 --save

https://router.vuejs.org/zh/installation.html

1.four git clone

cd /Users/zoujiu/Desktop

git clone https://github.com/ZouJiu1/Personal_website_for_idea_markdown_article.git

cp -rf Personal_website_for_idea_blog_article/* ./vue-project

now, you have some directorys like these:

---Desktop

--------vue-project

------------mysite

------------src

------------people

...

1.5 Python set up

cd /Users/zoujiu/Desktop/vue-project

python3 -m venv ./venv

source ./venv/bin/activate

python3 -m pip install -r ./mysite/requirements.txt

2. Run

2.1 all project

cd /Users/zoujiu/Desktop/vue-project

npm run dev -- --port 9000

source ./venv/bin/activate

cd mysite

python3 manage.py runserver localhost:7009

3. release

3.1 packaging

cd /Users/zoujiu/Desktop/vue-project

npm run build

cd mysite && python3 manage.py runserver localhost:7009

3.2 nginx

sudo apt-get install nginx

or

./auto/configure --sbin-path=/Users/zoujiu/software/nginx/bin --conf-path=/Users/zoujiu/software/nginx/conf/nginx.conf --pid-path=/Users/zoujiu/software/nginx/nginx.pid --with-http_ssl_module --with-pcre=/Users/zoujiu/software/nginx/pcre2-10.44 --with-openssl=/Users/zoujiu/software/nginx/openssl-3.3.2 --user=zoujiu --error-log-path=/Users/zoujiu/software/nginx/error.log

nginx.conf configuration

http like this: nginx_http.conf, you may need modify some path according to your directory.

https with ssl_certificate like this: nginx_https.conf, you may need modify some path according to your directory.

3.3 start or restart

start: nginx -c /etc/nginx/conf/nginx.conf

stop: nginx -s stop

restart: nginx -s restart

after building src with npm run build、launching django and launching nginx, you can visit this website in http://localhost

4. administer

4.1 administer account and password

account: [email protected]

password: 01ab!+

4.2 change administer password

cd /Users/zoujiu/Desktop/vue-project

modify the genpassword.py with password = 01ab!+

python3 genpassword.py

will get genpassword file, which content is:

01ab!+
83e6936fb8d502de61ebab5f4b7babf007eacff9324cf59bcc03c1012510000b

modify the genpassword.py with password = 06hj@#

python3 genpassword.py

will get genpassword file, which content is:

06hj@#
34629c7dd225e65c1ba6e884ffde42edf6d253fd0df4eb6dd4c897959d89aeb1

edit file "vue-project/article/member.txt", change the password from 01ab!+ to 06hj@#

modify

83e6936fb8d502de61ebab5f4b7babf007eacff9324cf59bcc03c1012510000b<》!=$)(=$@[email protected]<》!=$)(=$@邹九<》!=$)(=$@1000000

to

34629c7dd225e65c1ba6e884ffde42edf6d253fd0df4eb6dd4c897959d89aeb1<》!=$)(=$@[email protected]<》!=$)(=$@邹九<》!=$)(=$@1000000

now, you can use the new password to log in

other register user

you can use your email to change your password after you log in

because you have no access to modify the "vue-project/article/member.txt"

only the repo owner have access to it

my blogs

http://zoujiu.com.cn

https://zoujiu.blog.csdn.net/