更换博客背景2.0版本（自由选择）
感觉用js去写html确实有点难度啊，而且js去写html的代码真的很乱（站长能力有限，只能写出这样的代码了，我会继续学习，优化自己的代码的，哈哈哈哈），维护起来不容易啊！！！ 更改后的js代码// 适合于电脑的背景 var arrImg = ['https://www.toopic.cn/public/uploads/small/1634204095151163420409592...
更换博客背景1.0版本（随机背景）
提前声明要想完成这个功能你必须会前端三大件（html,css,js）的基础知识，不然你就只能照搬作者的代码，但是里面的内容你是看不懂的哦！！！ 自建与引入css与js文件相信大家应该已经学会了这个步骤了，如果不会的请先移步这篇文章自定义css与js js的代码var arrImg=['https://www.toopic.cn/public/uploads/small/163420...
创建express项目
安装express我这里是全局安装，去掉-g就不是全局了 npm install -g express-generator 生成express项目express myapp 默认生成的是jade的渲染模板更改渲染模板(ejs) express --view=ejs myapp 启动express项目在这之前请先执行（下载相关的依赖包）： npm i 启动： node ./bin/www ...
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...
自定义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...