vue-cli创建vue项目

安装vue-clinpm install -g @vue/cli 创建vue项目vue create <文件夹名字> 出现: 可以选择默认的vue2项目或者vue3项目,也可以选择最后一条进行手动配置哦启动项目下载完成后尝试启动vue项目在终端执行: npm run serve 暂时关闭代码格式检测找到vue.config.js的文件(没有就自己创建) const {...

前端进阶

利用css画图形

利用border属性画一个三角形<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=e...

前端3大件

自定义css与js

找到butterfly下面的source文件夹(hexo目录下的source文件夹也一样)这是一个静态目录里面可以自定义自己的css与js文件,其实不光是css与js,你的图片与下载好的字体都可以放在这里面 尝试修改自己主题的样式吧如果你还不会css与js,建议前往学习哦!!这里站长就给你提供简单的一个例子在你自定义的css文件下添加一下代码 /* 侧边栏个人信息卡片动态渐变色 */ #as...

魔改

开启文章封面

默认封面的开启找到butterfly下面的_config.yml的文件 cover: # display the cover or not (是否顯示文章封面) index_enable: true aside_enable: true archives_enable: true # the position of cover in home page (封面顯示的位置)...

魔改

butterfly关于logo图标与头像的增加

准备好您的logo很多小伙伴可能对于设计logo这方面没有任何经验,但是又急缺logo,作者在这里推荐一个在线设计logo的网站https://www.logosc.cn/start 关于下载logo需要付费的问题作者这里提供给大家一个小妙招,直接截屏 去掉图片背景颜色大家直接在线去除就行https://www.easeconvert.com/image-remove-background/...

魔改

butterfly的安装使用与导航栏基础

首先安装butterfly主题在你的根目录下执行 git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly 应用butterfly主题找到你hexo的_config.yml文件,更改配置 theme: butterfly 可能出现的问题(安装插件)如果你沒有 pug 以...

魔改

如何部署至Gitee

网上也有许多教程,这里作者就是做了一个整理 创建一个Gitee仓库如果不会创建远程仓库的同学,可以先去学习一下哦 开启Gitee Pages先将远程仓库开源,然后在服务选项那里有一个Gitee Pages点进去开启就行(必须设置为开源哦) 一键部署的前提下载hexo-deployer-git $ npm install hexo-deployer-git 配置hexo下面的_config.y...

魔改

hexo的安装与使用

为什么要使用hexo?hexo简单好用 下载node作者这里就只提供一下网站了,安装很简单,node 下载git不会git,建议先学习,这里推荐下载git的比较快的网站,git 查看版本$ node -v 下载Hexo$ npm install -g hexo-cli 安装Hexo在你的某个文件夹下,执行: $ hexo init 下一篇文章讲如何部署,很多细节哦

魔改
18910