Web frontend code for my blogs, develop with Vue.
APACHE-2.0 License
Supported SSR Now.
Blog has been online ,welcome to browse:https://blog.coderap.com/
The warehouse holds the front end code for the blog project, built using Vue.js.
Note 1: The current Master branch has begun data interworking with the backend. The full version of the test data can be viewed in this version: 6a10ff2
Note 2: The backend code repository linked with this repository is linked here BlogBackendProject and the backend code is implemented using Django + Xadmin + Django Rest Framework.
Has now developed 17 pages, basically meet the needs of conventional blog. The page is as follows:
/
/artices
/albums
/movies
/readings
/articles/category/:id
/albums/category/:id
/movies/category/:id
/readings/category/:id
/books/category/:id
/book/notes/category/:id
/article/:id
/album/:id
/movie/:id
/book/:id
/book/note/:id
/timeline
At present, the development of ordinary pages basically completed the development, the need for the next test to verify the details and Bug; article details page has achieved code highlighting, catalogs, reviews and other functions.
Note:
The code highlighting. Now I removed highlight.js, replaced by using Pygments at backend, to improved render effect at frontend.Highlight.js
plug-in, and in order to reduce the packaging volume customize the plug-in JS package, custom plug-ins stored in./src/common/js/highlight.pack.js
, if you need other highlights please Custom plug-ins, custom tutorials here
# install dependencies
npm install
Note: You can choose to browse the offline version: 6a10ff2, this version is not complete, but shows the most basic page, all the data are local test data.
The backend of this project uses Django + Xadmin + Django Rest Framework. The code repository is located at BlogBackendProject. You need to configure it online according to the repository code. After configuring, please refer to the ./src/api/client-api.js
and ./src/api/client-api.js
files in this project your interface configurations of both client environment and SSR environment, my configurations as follows:
// client-api.js
const request = axios.create({
baseURL: process.env.NODE_ENV === 'development' ? 'https://localhost:8000/api/' : 'https://blog.coderap.com/api/'
});
// server-api.js
const request = axios.create({
baseURL: process.env.NODE_ENV === 'development' ? 'https://localhost:8000/api/' : 'http://localhost/api/'
});
# serve with hot reload at localhost: 9999
npm run dev
Or run the following command to package:
# build for production with minification
npm run build
Copyright (c) 2016-present, LennonChin