Hexo博客美化
添加卡通人物(看板娘)我在逛别人博客的时候偶然发现右下角居然有一个萌萌的卡通人物,还能根据你鼠标位置摇头,瞬间被吸引到了,赶紧也给自己博客添加一个吧!点击此处进入该项目地址
输入如下命令获取 live2d :
1$ npm install --save hexo-helper-live2d
输入以下命令,下载相应的模型,将 packagename 更换成模型名称即可,更多模型选择请点击此处,各个模型的预览请访问原作者的博客
1$ npm install packagename
打开站点目录下的 _config.yml 文件,添加如下代码:
1234567891011live2d: enable: true scriptFrom: local model: use: live2d-widget-model-haruto #模型选择 display: position: right #模型位置 width: 150 #模型宽度 height: 300 #模型高度 mobile: show: false #是否在手机端显示
设置好过 ...
JavaScript常用效果
正文JavaScript判断是否在当前标签页
不支持 IE 浏览器
123456789101112131415161718192021222324252627282930313233//判断是否在当前标签页let hidden, state, visibilityChange;if (typeof document.hidden !== "undefined") { hidden = "hidden"; visibilityChange = "visibilitychange"; state = "visibilityState";} else if (typeof document.mozHidden !== "undefined") { hidden = "mozHidden"; visibilityChange = "mozvisibilitychange"; state = "mozVi ...
Html常用知识归纳
前言这是对用过的一些Html前端知识的归纳。
设置网页标签页图标设置网页在浏览器标签头的图标,通常说favicon.icon在头文件中添加以下代码:
12<link rel="icon" href="Images/wangyi.ico" type="image/x-icon" /><link rel="shortcut icon" href="Images/wangyi.ico" type="image/x-icon" />
Input标签Input标签文本值的变更监听document.getElementById("myInput").addEventListener("input", myFunction);
function myFunction() {
alert("input 输入框值已发生变化。");
}
Input标签限制输入文本类型限制为输入 ...
Hexo自定义网页
前言Hexo 博客中所见文章都是经由渲染的静态网页,而静态网页的样式都直接由 Hexo 的主题控制,所以 Hexo 博客大部分都呈现出一种高度的统一化与规范化。不过 Hexo 提供了跳过渲染功能,使得我们可以直接在博客中放入自定义网页。比如在博客中放入图片、自定义 404.html 、自定义 About 页面等。
自定义网页网页可以是自己编写的,也可以是别人现成的源码。网页编写完成后,在 Hexo\source 目录下创建一个文件夹,文件夹名称任意,将 Html 文件放置于此文件夹,并重命名为 index.html 。
方法一在html文件中添加跳过渲染指令:
用编辑器打开 Hexo\source 创建的文件夹中的 index.html 文件,在开头添加如下代码即可
123--- layout: false ---
添加该指令后,执行 hexo g 命令时便会跳过该 index.html 文件,使得 index.html 不受当前 hexo 主题影响,完全是一个独立的网页。
如果网页引用了 css 或 js ,这些 css 和 js 必须使用外链。
如果引用图片,可以在网页 ...
Chrome插件
前言
整理收集日常生活需要用到的谷歌浏览器的插件
谷歌浏览器插件
暴力猴和油猴可以安装来自 greasyfork.org 的脚本。
谷歌浏览器扩展 crx 下载Chrome 扩展下载,可以直接通过谷歌应用商店 ID 直接获取可下载的.crx 链接。
谷歌浏览器最新手动安装扩展方法手动安装.crx 扩展失败,可以看看此方法。
集装箱一个谷歌浏览器插件,提供一揽子服务,包括网盘加速、自动识别提取、谷歌助手等。
谷歌同步助手使用后支持访问谷歌服务并支持谷歌浏览器账号同步书签、扩展。
AdGuard 去广告神器非常霸道的去广告插件,使用后广告全杀光。
Userscript+够针对不同网页自动匹配各种浏览器相关脚本,适用于暴力猴、油猴。
midnight-lizard 午夜蜥蜴midnight:谷歌浏览器暗黑模式扩展,可自定义网页背景、超链接、滚动条配色等。
The Great SuspenderChrome 占用过多系统资源或遭受频繁页面崩溃的人,此扩展将自动挂起暂时未使用的页面,从而释放正在使用的内存和 CPU
Adblock PlusAdblock Plus 知名 ...
设计用户界面的注意事项
前言一个良好的用户界面应具有高转换率,并且易于使用。
正文尽量使用单列而不是多列布局单列布局能够让对全局有更好的掌控。同时用户也可以一目了然内容。而多列而已则会有分散用户注意力的风险使你的主旨无法很好表达。最好的做法是用一个有逻辑的叙述来引导用户并且在文末给出你的操作按钮。
放出礼品往往更具诱惑力给用户一份精美小礼品这样的友好举动再好不过了。具体来讲,送出礼品也是之有效的获得客户忠诚度的战术,这是建立在人们互惠准则上的。而这样做所带来的好处也是显而易见的,会让你在往后的活动进展(不管是推销,产品更新还是再次搞活动)中更加顺利。
合并重复的功能而使界面简洁在整个产品开发期间我们会有意无意地创建很多模块,版面或者元素,而它们的功能可能有些是重叠的。此种情况表明界面已经过度设计了。时刻警惕这些冗余的功能模块,它无用且降低了电脑性能。此外,界面上模块越多,用户的学习成本就越大。所以请考虑重构你的界面使它足够精简。
客户的评价好过自吹自擂在获得项目机会或提高项目转化率时客户的好评是一种极为有效的手段。当潜在客户看到其他人对你的服务给予好评时,项目机会会大增。所以试着提供一些含金量高的证据 ...
VisualStudioCode插件
前言
在前端开发中,有一个非常好用的工具,Visual Studio Code,简称VS code。都不用我安利VS code,大家就会乖乖的去用,无数个大言不惭的攻城狮,都被VS code比德芙还丝滑的强大功能所折服。我是来给大家安利插件的,想做个比较全面的插件集合给大家。网上的我也看过一些,但是都比较零散,时间也久了一些,我结合最近的情况,总结一下造福大家,才是我想做的。手动比心❤。
日常安利VS code特点:
开源,免费;
自定义配置
集成git
智能提示强大
支持各种文件格式(html/jade/css/less/sass/xml)
调试功能强大
各种方便的快捷键
强大的插件扩展
对程序员这么友好,没理由不用。
Visual Studio Code(VScode )官网 :https://code.visualstudio.com/
Visual Studio Code(VScode )github地址 :https://github.com/Microsoft/vscode
安装插件的方式方法一:
按 F1 或 Ctrl + Shift + p ,输入 ...
Java基础快速入门
前言
前些日子有朋友想要了解一下JAVA,于是便整理了这篇文章。
如果基础不好或者想学的很细,请参看:菜鸟教程 - JAVA
本笔记适合快速学习,文章后面也会包含一些常见面试问题,记住快捷键操作,一些内容我就不转载了,直接附上链接,嘻嘻
进入正题开发工具的安装与配置
[强烈推荐] IntelliJ IDEA 安装与使用 https://www.cnblogs.com/123hqb–/p/7552022.html
JDK 环境变量配置:http://www.runoob.com/java/java-environment-setup.html
环境配置后在终端检查,java,javac,java -version,有任何一个命令出错都说明环境没配置后,是在不行,参考:https://blog.csdn.net/qq_40147863/article/details/82762678
第一个 JAVA 程序
一般的我们新建包>新建java类,会自动生成一条头部包信息,如果修改包名,或者直接从别的地方拷贝代码,要相应修改,例
1package lear ...
吉他入门
前言把吉他拿到手后,每天在家只能拿着琴无聊的扫扫弦拔拔单音,甚至单音都不会。拿着六线谱也不知如何下手,零基础如何识别六线谱学好吉他?
六线谱吉他初学知识一:最初的谱都是六线谱
吉他最早用的谱都是六线谱,近代与钢琴小提琴并列为三大乐器后,才开始有五线谱来用于吉他曲上。
六弦定音吉他初学知识二:吉他六根弦的定音
什么都不会的基础上,拿到吉他一定要知道它六根弦定音,也就是空弦的音是什么?
吉他六根弦的音,从下往上数,为123456弦,最细的是1弦,最粗的是六弦,他们的音名分别是:EBGDAE。
这是外国人定的固定音名,那唱名就3(米)7(希)5(嗦)2(来)6(啦)3(米低音)。下面的图中告诉你简谱与音名与唱名的关系,这里的是指C大调里的唱名与简谱。如果是其他调,那就往上推,这个初学先不了解最好。
六线谱上的数字吉他初学知识三:吉他六线谱上数字的意思
吉他六线谱的六条线相当于一个倒放的吉他,1弦在上面,6弦在最下面,所以,从上往下数为1弦2弦3弦4弦5弦6弦。
如果上面有个和弦的名字,线上有个X,就是按好和弦,X打在哪根弦上弹哪根弦。
那么这是和弦的弹奏的方法,就像上 ...
Hexo问题归纳
hexo版本更新之后,部分模块失效错误原因:
hexo版本更新之后,部分模块会因为新特性的改动而失效
解决方案:
npm全面更新所依赖的工具库即可
1npm update
执行命令hexo server,提示:Usage: hexo …. 提示找不到该指令解决方法: 在Hexo 3.0 后server被单独出来了,需要安装server,安装的命令如下:
1npm install hexo-server –save
安装此server后再试,问题解决。
执行:hexo server,启动了服务,在浏览器输入本地地址访问,看到白板和Cannot GET / 几个字原因是由于2.6以后就更新了,我们需要手动配置些东西,我们需要输入下面三行命令:
12345npm install hexo-renderer-ejs --savenpm install hexo-renderer-stylus --savenpm install hexo-renderer-marked --save
这时候重新启动本地服务在访问。或者: 在空文件夹下,执行
1hexo init ...