hexo博客从0到部署
第一步:我们首先要安装node.js和git因为hexo是基于node.js,所以比较依赖于node.js把md文件生成静态文件html。
我们是利用git进行对hexo项目操作的,包括把文章部署到码云/github。
所以首先要安装node.js、git
第二步:安装并生成hexo默认文件1. 安装hexo所有必备的应用程序安装完成后,即可使用 npm 安装 Hexo。
首先创建一个文件夹为“blog”来存放我们的博客文件,我们右键使用Git Bash Here打开。
直接运行下方代码,使用 npm进行安装hexo
$ npm install hexo-cli -g安装结束后,我们通过以下命令查看版本
$ hexo version如果出现一下文字,则证明安装hexo成功,这里打印出了各种依赖环境的版本号
hexo-cli: 3.1.0
os: Windows_NT 10.0.18363 win32 x64
node: 12.14.1
v8: 7.7.299.13-node.16
uv: 1.33.1
zlib: 1.2.11
brotli: 1.0.7
ares: 1.15.0
mo
2020-02-18
hexo
关于JavaScript中常用方法的整理
SPLICEsplice的用法有很多,主要是对数组进行操作,下面一一分析
splice向数组中添加/删除元素:
添加
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2,0,"Lemon","Kiwi");数组fruits输出结果
Banana,Orange,Lemon,Kiwi,Apple,Mangosplice(2,0,”Lemon”,”Kiwi”)的意思是,在数组下标为2的位置插入Lemon、Kiwi,其中0的意思是不删除原本下标为2的元素Apple,而是将插入的元素从下标2开始插入原本位置的元素往后走
删除
var arr = ["1", "2", "3", "4", "5"];
fruits.splice(2,2);数组arr输出结果
1,2,5注意: splice的返回值是
2020-02-15
JavaScript
axios使用方法
快速了解AXIOS什么是axiosAxios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。
axios的特性
从浏览器中创建 XMLHttpRequests
从 node.js 创建 http 请求
支持 Promise API
拦截请求和响应
转换请求数据和响应数据
取消请求
自动转换 JSON 数据
客户端支持防御 XSRF
部署到项目中直接导入在线js库,就可以在项目中使用axios了
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>语法axios.get("https://autumnfish.cn/api/joke/list?num=1").then(function(success){
console.log(success);
}).catch(function(error){
console.log(error);
});
此链接:https://autumnfish.cn/a
解决表单点击回车(enter)键自动刷新无法提交的问题
问题还原在我们写form表单使用回车(enter)键进行提交输入框内的数据时,会发现页面会自动刷新一下,刷新之后输入框内的内容也会清空,并不是直接提交,这样就导致了无法使用回车键提交form表单的死循环问题。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>test</title>
</head>
<body>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
2020-01-17
教程
图片预加载
图片预加载可以预先加载好网页所需的图片,在网页需要某一张图片时,无需再从服务器请求图片数据,直接从缓存文件中获取所需的图片。 图片预加载,极大的提升了用户体验!
完整代码贴在了下面,仅供参考!本文预加载只预加载一张图片,每个人都有各自的需求,可以直接复制此处的代码使用,也可以修改后使用!
引用jQuery库<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
js代码部分/**
*预加载图片(多往后加载出来一张图片)
*/
//初始化代码
var list = [];
var a = parseInt(Math.random()*5),
b = parseInt(Math.random()*5);
list.push(a, b);
// console.log(list.length);
var count = 0;
var num = parseInt(Math.random()*111);
// console.log("click
初识pdf.js - 强大的pdf预览工具
pdf.js官网链接在此
超详细步骤第一步首先就是访问pdf.js官网
第二步点击官网中的“Download“按钮,将文件下载到本地
第三步将从pdf.js官网下载下来的zip文件解压出来
第四步将解压出来的文件全部拷贝到你的整个项目中。我是新建了一个pdf.js文件夹,将解压出来的文件全部放到了这个文件夹里面
第五步首先进入web文件夹下打开viewer.js,找到value: ‘XXXXXX-09.pdf’, 这个就是默认的pdf的demo文件,可以直接删除value的值,这样就确保我们可以打开多个pdf文件,删除后保存
defaultZoomValue: {
value: '',
},
第六步<a href="../pdf.js/web/viewer.html?file=http://ganto.xyz/study/Advanced mathematics/_0.pdf">高数预备知识作业_0</a>
配置自己项目这里我们用a标签为例,大家可以看到href的内容,前面“../pdf.js/web/viewer.h
Hello World
Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.
Quick StartCreate a new post$ hexo new "My New Post"
More info: Writing
Run server$ hexo server
More info: Server
Generate static files$ hexo generate
More info: Generating
Deploy to remote sites$ hexo deploy
More info: Deployment
2000-06-15