biaochenxuying/blog-vue-typescript
Fork: 611 Star: 2607 (更新于 2024-11-28 15:35:12)
license: 暂无
Language: Vue .
Vue3 + TypeScript + Vite2 + Vuex4 + Vue-Router4 + element-plus 支持 markdown 渲染的博客前台展示
最后发布版本: v3.0.1 ( 2021-05-16 18:19:11)
简介
项目已经用 Vue3 + TypeScript + Vite2 + Vuex4 + Vue-Router4 + element-plus 重构完啦!
Vue2 版本请点这里:基于 Vue2 全家桶 + TypeScript + Element-UI 或者 v2.0.0
此项目是基于 Vue3 全家桶 + TypeScript + element-plus 技术栈的简洁时尚博客网站。
项目详情请猛戳该文章:
效果
效果图:
- pc 端
- 移动端
功能
已经完成功能
- 登录
- 注册
- 文章列表
- 文章归档
- 标签
- 关于
- 点赞与评论
- 留言
- 历程
- 文章详情(支持代码语法高亮)
- 文章详情目录
- 移动端适配
- github 授权登录
前端主要技术
所有技术都是当前最新的。
- vue: ^3.0.5
- typescript : ^4.1.3
- element-plus: ^1.0.2-beta.41
- vue-router : ^4.0.6
- vite: ^2.2.3
- vuex: ^4.0.0
- axios: ^0.21.1
- highlight.js: ^10.7.2
- marked:^2.0.3
Build Setup
# clone
git clone https://github.com/biaochenxuying/blog-vue-typescript.git
# cd
cd blog-vue-typescript
# install dependencies
npm install
# Compiles and hot-reloads for development
npm run dev
# Compiles and minifies for production
npm run build
如果要看有后台数据完整的效果,是要和后台项目 blog-node 一起运行才行的,不然接口请求会失败。
项目地址与文档教程
项目地址:
vue 前台展示: https://github.com/biaochenxuying/blog-vue-typescript
本博客系统的系列文章:
- 0. Vue3 全家桶 + TS+ Vite2 + element-plus 搭建简洁时尚的博客网站实战及踩坑记
- 0. Vue3 全家桶 + Element Plus + Vite + TypeScript + Eslint 项目配置最佳实践
- 1. react + node + express + ant + mongodb 的简洁兼时尚的博客网站
- 2. react + Ant Design + 支持 markdown 的 blog-react 项目文档说明
- 3. 基于 node + express + mongodb 的 blog-node 项目文档说明
- 4. 服务器小白的我,是如何将 node+mongodb 项目部署在服务器上并进行性能优化的
- 5. github 授权登录教程与如何设计第三方授权登录的用户表
- 6. 一次网站的性能优化之路 -- 天下武功,唯快不破
- 7. Vue + TypeScript + Element 搭建简洁时尚的博客网站及踩坑记
- 8. 前端解决第三方图片防盗链的办法 - html referrer 访问图片资源403问题
服务器
笔者觉得每个开发者都应该拥有自己的网站和服务器,这可是很酷的事情,学习 Linux、跑跑脚本、建站、搭博客啥的都行啊。
因为笔者就有自己的服务器,而且有两台了,用于平时的学习,还搭建了自己的网站。
有不少读者问过我,为什么我学的那么快的呢 ? 怎么在一年内学了那么知识的...
其实也没什么秘决,就是平时有自己的服务器了,就爱折腾,学到的知识能很快得到验证,所以学起来兴致高一点。
特别是大三和大四的学生,买了服务器,搭建个项目给面试官看也香,对找工作和面试都加分,还可以熟悉技术栈。
阿里云、腾讯云、华为云 都有,这里购买就是最优惠: 低于 1 折、89/年、229/3年,比学生机还便宜)
比如笔者的两个网站:
项目推荐
专注于挖掘优秀的前端开源项目,抹平你的前端信息不对称的项目:https://github.com/FrontEndGitHub/FrontEndGitHub
以最优惠的方式购买极客时间课程:https://github.com/biaochenxuying/preferential-courses ,涵盖了后端、架构、前端、移动、人工智能、大数据、产品、运营、运维、测试等
最近版本更新:(数据更新于 2024-09-21 20:46:57)
2021-05-16 18:19:11 v3.0.1
2021-05-05 23:15:31 v3.0.0
2021-05-03 14:32:04 v2.0.0
2019-08-15 22:33:29 v1.0.0
主题(topics):
blog, element-plus, markdown, typescript, vite2, vue, vue-typescript-element, vue3, vue3-typescript
biaochenxuying/blog-vue-typescript同语言 Vue最近更新仓库
2024-12-23 00:55:37 BewlyBewly/BewlyBewly
2024-12-20 12:07:45 jxxghp/MoviePilot-Frontend
2024-12-09 16:47:56 VueTorrent/VueTorrent
2024-12-08 11:35:09 LauZzL/ltzj-nem
2024-12-05 14:06:28 luckjiawei/frpc-desktop
2024-11-22 22:16:38 primefaces/primevue