仿CSDN网站

演示网站

网站地址演示地址介绍说明

介绍

采用vue-cli2脚手架，高度还原了CSDN的前台页面，标准为2019年新年版页面，目前已经完成了首页（包括首页-区块链）、博客、学院页面。所有页面均为静态页面，页面所涉及的交互效果基本已添加

您可以在此基础上继续开发来添加其他页面，成为本项目的贡献者之一

您也可以以该项目作为脚手架，进行其他项目的开发

软件架构

该项目采用vue-cli2脚手架搭建，部署在nginx上,主要用到以下关键技术： Vue.js, stylus, Node.js, webpack, element UI, vue-awesome-swiper

安装教程

拉取代码
安装依赖：npm install
启动：npm run dev，浏览器地址栏输入localhost:8080即可打开页面（端口可能会变化）
打包部署：npm run build，将根目录下的dist文件夹移入到nginx/html目录下，配置服务和端口，启动nginx，打开浏览器输入IP+端口即可打开页面

使用说明

本项目页面均为静态页面，没有接口请求，所有数据前台模拟，启动即可运行

部分功能演示截图

首页 💛

首页区块链 💙

博客 💜

学院 ❤️

交互效果 💚

联系我

各种问题可扫描加入QQ群进行咨询

参与贡献

Fork 本仓库
新建 Feat_xxx 分支
提交代码
新建 Pull Request

码云特技

使用 Readme_XXX.md 来支持不同的语言，例如 Readme_en.md, Readme_zh.md
码云官方博客 blog.gitee.com
你可以 https://gitee.com/explore 这个地址来了解码云上的优秀开源项目
GVP 全称是码云最有价值开源项目，是码云综合评定出的优秀开源项目
码云官方提供的使用手册 https://gitee.com/help
码云封面人物是一档用来展示码云会员风采的栏目 https://gitee.com/gitee-stars/

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

For a detailed explanation on how things work, check out the guide and docs for vue-loader.

qiwenshare/CSDN