鸡鸡静听2.0 项目设计
项目简介使用工具:typeScript+vue3+setup语法糖+vite
大概:
主要实现的功能:
音乐查找及播放
轮播图
新歌速递
推荐专辑
L显示热评
项目板块划分头部 header 中间(核心)=左边+右边 底部footer
发现音乐 FoundMusic
轮播图 LunBoTu
新歌速递 NewSongs
推荐歌单 RecommendPlaylist
搜索详情 Search
音乐详情页 MusicDetail
开始实操1.1项目初始化axios文件夹http、pinia文件夹store、vue-router文件夹router、主要页面文件夹vies、element-plus、less
1.2项目布局
app中放置组件==== 存放播放器
之中存放============
Main>之中存放========
2.1 使用VERCEL部署网易云音乐api
先使用github账号登陆vercel 链接
打开网易云api项目,点右上角fork 链接
在vercel新建项目
...
鸡鸡静听 1.0
目标:解决目前鸡鸡静听存在的问题,加深对vue全家桶的理解
目前存在的问题:
进入页面时,现有项目框架,某些板块图片第一时间不会出来
网易云api调用问题,大部分歌曲不能正常播放
还未实现的功能:
歌词的滚动
进度条拖拽
网易云接口部署到链接
目前的使用12345678910111213141516171819202122232425262728293031323334// 导入axios实例import request from '../request/index'// import request from './request';// 歌曲搜索export const SearchData = (params: any) => request.get(`search?limit=20&keywords=${params}`)// 歌曲详情export const GetSongDetail = (id: any) => request.get(`/song/detail?ids=${id}`)// 歌曲地址export const GetSongUrl = ...
vite中使用sass
sass在vite中的使用1npm i sass -d
1npm install sass-loader sass
查看package.json123456"devDependencies": { ......... "sass": "^1.54.8", "sass-loader": "^13.0.2", ......... }
显示如图则为安装完成
创建src/styles/main.scss文件配置 vite.config.js123456789101112export default defineConfig({ plugins: [vue()], css: { preprocessorOptions: { scss: { // 两种方式都可以 additionalData: '@import "./src/styles/main.scss";' // additionalData: '@use "@/assets/scss/global.scss" as *;' } } } ...
typora基本使用
ctrl+1 一级标题ctrl+2 二级标题ctrl+3 三级标题ctrl+4 四级标题ctrl+5 五级标题ctrl+6 六级标题ctrl+0 正文
ctrl+b 加粗
ctrl+i 斜体
==需要高亮的文字== ==高亮==
ctrl+shift+] 或 * + 空格无序列表
一级
二级
三级
二级
一级
tab 添加次级 或使用 ctrl+[ ctrl+] 切换层级
ctrl+sgift+[ 或 1.+ 空格 有序列表
有序列表不支持分层级
洒洒水水水水
ctrl+shift+k 代码块
1import {} from ''
ctrl+t 表格
1
2
3
>+空格 我是引用
超链接
如何使用VERCEL绑定自己域名?
如何使用VERCEL绑定自己域名?==由于vercel提供的.app域名经常打不开,所以将其绑定我们自己的域名==
1.首先,购买一个域名此处选用阿里云购买域名
几块钱的就行,购买后完成实名认证。
2.进入域名控制台,选择 域名列表选择需要绑定的域名,点击解析
点击添加记录,并将其修改为如图配置
3.再次返回域名列表,点击管理
4.点击修改DNS - 修改服务器
修改完后如图
5.打开vercel,选择你需要绑定域名的项目选择settings
选择Domains,添加域名网址,点击add
等待一段时间即可
2021 年 5 月初,Vercel 因为一些原因被 GFW 屏蔽,导致无法访问。各位可以通过更改相应的域名解析记录来恢复访问。 A 记录就从 76.76.21.21 改成 52.76.85.65,CNAME 记录则是从 cname-vercel-dns.com. 改成 cname-china.vercel-dns.com.;关于 A 记录,可用的 IP 值也可以从这个里面找:Vercel 可用解析记录 IP, 因为是 gist,大概要翻墙才能看。
作者:白雾茫 ...
个人博客搭建
一、Node.js官网直接下载
二、安装git官网下载
三、安装hexo
用==管理员身份==打开命令行窗口
1npm install -g hexo-cli
创建文件夹
1hexo init myblog
进入到文件夹内,安装依赖
12cd myblognpm install
启动本地服务
12hexo g hexo server
可以进入 http://localhost:4000/ 本地访问博客
四、部署到github1.新建仓库(名字必须合规) 仓库名限制:用户名+.github.io
2.命令行安装hexo 上传插件1npm install hexo-deployer-git --save
3.直接在文件夹里打开_config.yml找到最底部
修改为
1234deploy: type: git repo: https://github.com/2ws-w/2ws-w.github.io.git branch: master
repo后为github仓库地址
4.推送站点到github1h ...
hexo 发布文章的方法
hexo 发布文章的方法
命令行窗口hexo new 文章名字
到myblog\source\_posts里编写
依次执行==hexo clean== &&==hexo g== && ==hexo d==
为文章添加信息
12345678910111213141516171819202122232425---title: 标题【必须】date: 日期【会自动生成】updated: 更新日期tags: 文章标签categories: 分类keywords: 关键字description: 描述top_img: 顶部图片comments:cover: 文章缩略图toc:toc_number:toc_style_simple:copyright:copyright_author: 文章作者copyright_author_href:copyright_url:copyright_info:mathjax:katex:aplayer:highlight_shrink:aside: 侧边显示栏(默认为true)---
注意冒号之后有空格












