Html
文章平均质量分 68
前端页面
cungudafa
纯干货零收费,踩坑这件事儿我是专业的,能帮一个是一个,留个赞温暖你我他,幸福码农快乐搬砖,哈哈哈哈~
展开
-
mac配置vue3.0开发环境+首个地图应用
目录前言正文1.环境1.1 vscode安装1.2 npm安装1.3 vue-cli安装前言以前用vue写过一个小小demo,没想到现在偶然能用上vue,重启记录一下方便以后查看,我的开发环境是mac和VScode。教师管理系统小demo:有兴趣可以在这个专栏看看:VUE包含配置windows环境:【小白学习Vue | 1】安装Vue并配置HBuilder正文1.环境1.1 vscode安装官网下载:https://code.visualstudio.com/下载慢的问题:将域原创 2022-03-31 13:59:10 · 3673 阅读 · 0 评论 -
hexo(sakura)复制文章自动添加追加版权信息
文章目录一、前言二、sakura配置1.主题配置2.添加引用3.主题js配置(1)js引用位置(2)修改js三、总结一、前言文章被盗,被爬取,内容被cv,你是否很苦恼?被复制时,自动给文章内容添加原文信息。????思路:监听网页复制粘贴被复制时自动添加文章原文信息扩展:设置复制内容阈值,超过指定字数追加版权信息可选择设置描述内容二、sakura配置hexo基本原理:读取config.yml配置信息,将内容渲染到html中(sakura主题是采用ejs渲染模板),本例中js控原创 2020-06-09 18:15:02 · 1612 阅读 · 2 评论 -
hexo(sakura)给博客增添侧边栏(回到顶部,跳转评论,深色模式,播放音乐)
文章目录一、前言1.序2.效果预览二、原理1.回到顶部2.跳转评论3.深色模式4.播放音乐5.展开侧边栏三、直接使用一、前言1.序之前butterfly主题有深色模式和阅读模式,感觉很nice,但一直没有动手,直到昨天无意间溜达到小伙伴的博客(Powered by Typecho ※ Theme is Cuteen),又碰巧去点了点深色模式。嗯,爱了爱了,太喜欢所以移植了一下,对移植也有一定的修改,如果涉及侵权,就删除这个功能;移植到hexo驱动的sakura主题下,当然在sakuraplus主题原创 2020-06-02 19:03:22 · 3991 阅读 · 13 评论 -
hexo(sakura)仿gitee添加文章贡献度日历图(echarts)
文章目录一、前言二、正文1.配置2.流程说明(1)读取date(2)日历显示规则3.优化一、前言一直想要模仿github和gitee代码提交统计样式,今天在echarts找到了日历图模块的接口,漂亮!在hexo文章achives页面添加显示效果如下:当然,在sakuraplus主题下已经融合了该功能哦!二、正文1.配置在主题配置文件themes\sakura\_config.yml下添加:# Whether to display post-calender in the `archi原创 2020-05-29 11:43:33 · 2603 阅读 · 4 评论 -
hexo(sakura)修复和优化(ejs基本操作)
文章目录一、前言二、基本操作1.如何在ejs中获取config.yml的配置内容2.如何在ejs中增加判断三、优化1.修复首页404图片2.增加自动获取文章前50个字为摘要3.增加自动获取作者信息一、前言这两天论文基本结束了,等待查重和答辩的过程中,姑又对个人网站博客主题下手了。这里先回答几个问题:为什么会选择hexo博客框架?答:静态页面,github、gitee、coding、服务器支持都比较好。为什么会选择sakura主题?答:中间也有使用过其他主题,都很不错,但转悠转悠又回到了s原创 2020-05-28 16:22:25 · 1573 阅读 · 2 评论 -
hexo-theme-SakuraPlus主题文档
hexo-theme-sakuraplusHexo主题Sakura由Hojun大佬修改自WordPress主题Sakura,感谢原作者Mashiro由于sakura最近没有再更新了,我对之前的魔改笔记进行了调整和整理,开源hexo-theme-sakuraplus版本。特性简单漂亮,文章内容美观易读响应式设计,博客在桌面端、平板、手机等设备上均能很好的展现首页轮播文章及自动切换 Banner 图片背景壁纸切换(增加)时间轴式的归档页支持pjax刷新友情链接页面 (增加了config原创 2020-05-24 22:56:34 · 3608 阅读 · 21 评论 -
hexo(matery)背景、滚动条优化+增加点击跳评论
文章目录一、前言二、个性美化1.重新配色2.取消首页渐变颜色动画3.增加背景壁纸&优化目录栏4.增加点击跳转评论按钮5.修改滑动条一、前言嗯,第三个主题了,对于魔改过sakura的“专业人士”来说,如果不动一下主题,我感觉浑身不舒服,哈哈哈,配色是粉红色,喜欢的话就改吧,或者ctrl+F,全文替换颜色。全新配色,粉粉红:主页取消了多色变换蒙版层,显示原图。优化了纯色背景,增加了背景图片层。添加背景图片后,对目录样式做了优化,透明白底板。上图中,在右下角还增加了点击直接跳转评论,原创 2020-05-22 14:39:22 · 11246 阅读 · 29 评论 -
Artitalk说说心情发布页面(个性定制)
一、前言嗯,一款在线发布说说的hexo插件,目前有不少小伙伴在使用啦,欣慰。回馈新老用户,这里给出一些DIY魔改的教程,让你拥有独一无二的说说页面。前提是你已经配置好了 说说页面,可以正常发布说说,可以参考官网教程https://artitalk.js.org/本次魔改,先挑选,再CV复制粘贴,最后hexo clean &&hexo g&&hexo d三连发布一下就ok了哦!二、选妃1.默认懒人做法,不懂不动不改,默认很好看!2.简约派黑白永恒经典原创 2020-05-20 00:44:13 · 5144 阅读 · 9 评论 -
hexo(matery)valine评论适配(最新版表情包接口,修改样式)
一、修改样式第33行去掉max-width: 100%;这个属性,然后增加一个控制输入框的内边距属性为0具体.v[data-class=v] .vinput { padding: 0px 0px; }二、valine最新接口2020年5月19日17:25:01 目前 valine-1.4.14 版本表情包接口昵称,邮箱必填选项昵称输入QQ号自动获取qq网名和qq邮箱图片上的都可以适配到config中,但是为了我这里偷懒了,直接写。效果图:完整 themes\原创 2020-05-19 17:27:15 · 2895 阅读 · 10 评论 -
hexo(matery)添加实时发布说说页面(Artitalk)
文章目录一、前言二、更换主题三、个性美化1.Artitalk在线发布说说一、前言入坑hexo依赖,使用过的主题sakura主题(很中意,魔改了很多)butterfly主题(很简洁,好看点赞)matery2020年5月19日16:28:38入坑Matery,主要还是对实时发布说说的适配,大家可以参考设置哦!二、更换主题进入博客根目录,下载主题文件git clone -b master https://github.com/blinkfox/hexo-theme-matery.git原创 2020-05-19 16:30:54 · 3058 阅读 · 5 评论 -
hexo自定义404页面
1.找到你中意的404页面推荐一款:https://404.life预览保存,如果你看到其他喜欢的页面如何F12扒页面我就不教咯~2.hexo配置2.1 把css和js放在博客下我是放在这儿的,你也可以放在github,用jsd加速。2.2 新建404.html路径是在:博客\source\404.html,它和_post同级。修改页面内容。(注意css的引用路径)页面效果:tips:butterfly主题可以关掉默认的404页面做个记录,以后查看。...原创 2020-05-18 18:55:25 · 2048 阅读 · 0 评论 -
【css】笔记
文章目录css使用基础textarea去掉默认白色背景和扩展边框button悬停效果和阴影css3手写选择按钮一行元素等分一个版本的样式头像旋转最近帮忙改了个css外观,意外发现了一些细节,这里记录一下css使用基础#是id,.是class#content1 { padding: 10px;}.content2 { padding: 10px;}指明嵌套元素:ul.l...原创 2020-05-07 19:21:42 · 537 阅读 · 5 评论 -
hexo(sakura)引入fancybox优化图片视频查看效果
文章目录一、fancybox介绍二、hexo中添加fancybox1. 添加引用2.修改配置题外话:原本在hexo-theme-sakura作者hojun的添加下有zoom功能,我也乖乖根据配置进行调整,并参考实现了zoom.js缩放图片功能,只能简单缩放,不够美观,还会出现白屏的情况。我果断放弃了。一、fancybox介绍在我们平常阅读博文时,常遇到:图片太小,字看不清的情况...原创 2020-03-04 18:08:51 · 2490 阅读 · 0 评论 -
Valine--修复评论者昵称跳转外链出错
文章目录一、发现问题二、解决办法一、发现问题在valine评论list点击评论者姓名跳转链接出错:报错位置:(F12我定位到vnick这个链接标签的herf属性出错,外链跳转需要网址头的)查看了Leancloud控制台这位评论者的评论,只有域名,而不是网址:valine评论者属性有:【nick、email、link】 ,这里herf默认读取的link属性;如果 link 没有填写...原创 2020-03-04 14:36:03 · 731 阅读 · 0 评论 -
为你的博客引入——今日诗词、每日一言(js插件分享)
文章目录一、今日诗词二、每日一言一、今日诗词今日诗词API,是一个可以返回一句古诗词名句的接口。它可以通过图片和 JSON 格式调用。今日诗词 API 根据不同地点、时间、节日、季节、天气、景观、城市进行智能推荐。官网:www.jinrishici.com <h1> 念两句诗</h1> <p id="poem"> 叙...原创 2020-03-04 14:03:14 · 7973 阅读 · 1 评论 -
Hexo(sakura)自定义标签云
自定义标签云一、效果二、演示1. 新建tags资源文件夹2. 创建样式文件3. 局部显示标签云一、效果之前引入的标签云插件,看似很炫酷,实则有点鸡肋,今天忍不住又开始魔改前端css了Hexo(sakura)建立标签云hexo-tag-cloud演示页面快速门文章末尾显示标签云:如果感觉还行的话,可以向你的博客里加入哦!步骤超简单~二、演示我这里是hexo-sakura主题,...原创 2020-03-02 18:34:24 · 1819 阅读 · 0 评论 -
photoswipe 移动端PC端兼容图片相册预览
一文直接解决fancybox的问题,再也不用纠结md写:![name](url)还是{% image url name%}直接大图查看适配!!!html均可用:https://blog.csdn.net/lunsunhuan1825/article/details/96474155...转载 2020-02-19 00:34:20 · 535 阅读 · 1 评论 -
程序员女朋友的相册是这样的
起因:中午小姨发来一个某音视频,标题是: 【程序员女朋友的相册是这样的】小姨表示很感兴趣 ???? !不刷抖音的我点进去看看有啥新奇大致内容是:普通人的相册vs程序员的相册咋看很炫酷,很有趣;作为 程序媛 一眼识破,这不就是css3动画嘛,小case;于是,打开我的HBuilder~以我的女神(韩孝周)为例:仿某音-3d旋转相册效果如下:文末奉上源码:hove...原创 2019-11-20 15:53:22 · 54290 阅读 · 139 评论 -
jQuery拼图滑块验证
效果:项目目录:html<!doctype html><html> <head> <meta charset="utf-8"> <title>jQuery图片拼图验证</title> <script src="js/jquery-3.4.1.min.js"></script>...转载 2019-11-07 10:49:58 · 1226 阅读 · 0 评论 -
前端 | 常见小问题汇总——jsp和html【页面加载慢、中文乱码、引入外部js】
常见前端问题汇总1.jsp和html页面加载慢2.中文乱码(1) jsp中文乱码(2) html中文乱码3.js使用的位置1.jsp和html页面加载慢解决方案一:尽量少使用完整的 URL 等引用外部脚本:<!-- Required meta tags --><meta charset="utf-8"><meta name="viewport" conte...原创 2019-07-31 13:42:38 · 1588 阅读 · 0 评论 -
HTML学习(二)基于BootStrap的登录注册页面
参考:BootStrap参考文档–表单一、基本实例源码:<!DOCTYPE html><html lang="zh-CN"> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="w...转载 2019-05-14 11:05:30 · 2111 阅读 · 0 评论 -
HTML学习(一)HBuilderX引入BootStrap样式
下载地址:http://www.dcloud.io/hbuilderx.html使用教程:https://www.runoob.com/w3cnote/hbuilder-intro.html原创 2019-05-11 14:00:21 · 10885 阅读 · 2 评论