网站监控页面制作
前言我使用了site-status这个项目用于调用uptimerobot的API接口,为什么要做呢?我也不知道 这确实好像没啥大的作用……..没事 做就完了! 部署vercel部署 点击上方按钮部署。 添加以下环境变量(重要): 变量名称 价值 DEPLOYMENT_PLATFORM 自动 API_KEY 一切就绪! API_KEY在UptimeRobot: Free Website Monitoring Service注册后添加站点 然后在Integrations | UptimeRobot这里 点击API获取Main API keys 之后就复制到环境变量当中 然后没了?原来这么简单……..
制作你的个人主页
前言最近我的网站越来越多了,我的🧠似乎无法记住所有的网站……于是正好啊 来做一个个人主页! 我使用了imsyy大佬主页很美观 示例:min的主页 我发现READMD对某些配置不是太清楚 所以有了本文。 修改自定义文字找到文件1components/MoreContent.vue 原代码123<template> <div class="more-content">您可在此编写任意内容</div></template> 修改为(多行文字示例)12345678910111213141516171819202122232425262728293031323334353637383940<template> <div class="more-content"> <p class="line1">你好朋友!</p> <p class="line2">欢迎来到我的个人主页</p&...
Hexo博客添加新年灯笼特效
Hexo博客添加新年灯笼特效前言快要过年啦!我在网上欣赏别人的博客时,偶然间看到了一个博客挂着4个灯笼,我一看,这多好看啊!于是很快啊,我就弄好了这个效果,于是写一下记录一下。 效果预览 实现步骤1. 主题配置文件添加开关在 _config.butterfly.yml 中添加: 1234# 新年灯笼配置denglong: enable: true # true开启 false关闭 text: "平安如意" # 四个字,可自定义 2. 创建CSS文件新建 source/css/denglong.css: 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112...
Hexo博客透明背景
一直觉得默认的纯白背景有点闷,想让背景图透出来看看。但又怕整太花哨影响看文章,就想了个折中的办法——让文章区域透明起来。 效果还行,分享下怎么搞的。 操作步骤第一步:写个透明化的小样式 在 themes\butterfly\source\css 目录下新建个文件,我直接取名 1.css 了(名字随意),把下面这些扔进去: 12345678910111213141516171819202122232425262728293031323334/* === 让背景透出来,但又不影响阅读 === *//* 文章区域透明 */#article-container,#post,#page { background: transparent !important; box-shadow: none !important;}/* 首页文章卡片也透一下 */#recent-posts > .recent-post-item { background: transparent !important; border: 1px solid rg...
Qexo的说说和友链配置
给博客整上了说说的友链功能一直想在博客弄个「说说」板块,随便发点碎碎念,不用像写文章那么正式。顺便把友链功能也收拾了一下,方便和朋友们互相串门。 折腾了两天,总算把 Qexo 这两功能整明白了。记录一下,免得自己忘了,也给需要的人参考。 先说准备工作得先有个 Qexo 后端,这个我早就部署好了。如果你还没有,先去搞一个,具体咋部署官方文档写得很清楚,我就不啰嗦了。 说说功能咋整的效果长这样 说说 | min的小窝 1. 先在 Qexo 后台加几条说说 进 Qexo 管理面板,找到「说说」模块,随便写几条测试内容,记得点发布。我就先写了几条日常,试试效果。 2. 前端代码抄过去 把下面这段扔到你的说说页面,参数照着改就行: 123456789101112131415161718192021222324<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport&qu...
