markdown语法和外挂标签
MarkdownMarkdown是一种轻量级标记语言,排版语法简洁,让人们更多地关注内容本身而非排版。它使用易读易写的纯文本格式编写文档,可与HTML混编,可导出 HTML、PDF 以及本身的 .md 格式的文件。因简洁、高效、易读、易写,Markdown被大量使用。
标题123456# 一级标题## 二级标题### 三级标题#### 四级标题##### 五级标题###### 六级标题
换行12这是一条换行的测试,从此处<br>换行
区块引用效果预览示例源码
区块引用
嵌套引用
1234> 区块引用>> > 嵌套引用
代码块效果预览示例源码12345void main(){printf(“Hello, Markdown.”);}´´´void main(){printf(“Hello, Markdown.”);}´´´
强调效果预览示例源码斜体 斜体粗体 粗体123_斜体_ *斜体*__粗体__ **粗体**
列表效果预览示例源码无序列表:
列表
列表有序列表:
第一项
第二项
第三项
12345678无序列表:+ ...
使用git在本地创建分支推送到远程
命令行操作
首先确定当前主分支是master
检查当前本地和远程分支:git branch -a 或者vscode左下角名称是master,git pull 拉取最新代码
在master分支下创建dev本地分支
1git branch 新分支名称
把当前本地分支切换成新建的dev本地分支
1git checkout 新分支名称
将本地dev分支推送到远程
1git push --set-upstream origin 新分支名称
检测
1git branch -a
vscode 可视化操作
创建本地分支,先切换到目标分支,再 git pull 拉取最新代码,然后执行下图操作,输入新建分支名称,点击回车,成功后当前分支会自动切换到新分支上
发布分支,点击发布分支,成功后 ...
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 post1$ hexo new "My New Post"
More info: Writing
Run server1$ hexo server
More info: Server
Generate static files1$ hexo generate
More info: Generating
Deploy to remote sites1$ hexo deploy
More info: Deployment
使用 CSP 防止 XSS 攻击
跨域脚本攻击 XSS 是最常见、危害最大的网页安全漏洞。
简介CSP 的实质就是白名单制度,开发者明确告诉客户端,哪些外部资源可以加载和执行,等同于提供白名单。它的实现和执行全部由浏览器完成,开发者只需提供配置。
CSP 大大增强了网页的安全性。攻击者即使发现了漏洞,也没法注入脚本,除非还控制了一台列入了白名单的可信主机。
两种方法可以启用 CSP。
一种是通过 HTTP 头信息的Content-Security-Policy的字段。
12Content-Security-Policy: script-src 'self'; object-src 'none';style-src cdn.example.org third-party.org; child-src https:
另一种是通过网页的标签。12<meta http-equiv="Content-Security-Policy" content="script-src 'self'; object-src 'none ...
前端面试题
js相关let和constlet es6新增了let声明变量的方式,和var类似
let 变量
const用来声明常量
和var相比 就是 不允许变量提升,存在暂时性死区,不允许重复声明,块级作用域
解构赋值123456789// 数组,使用的时候名字可以任意const [a,b,c,d] = [1,2,3,4]// 对象,解构默认定义对象中的keyconst {name, id} = { name: '张三', id: 19}
模版字符串123//方便了字符串的拼接,使用反引号语法``,反引号内部可以通过${}插入表达式const name = '张三'const msg = `hello${name}`
字符串的 includes123//用来查找一个字符串中是否包含另一个字符串,返回值为布尔const name = 'hello 张三'console.log(name.includes('ll'))
字符串的 ...
史上最全摆地摊攻略,借他人的地摊经验写自己的地摊人生
摆地摊这种项目深受广大创业者的青睐,连马云,李嘉诚,宗庆后这种大佬也都是摆地摊出身的,可见它的魅力。在我看来摆地摊这个职业是世界上弹性最大的职业,没有下限,是个人就可以干,也没有上限,干得好你就是下一个马云。
我的摆地摊经验故事我叫曹杨, 知乎ID黄飞鸿,因为热爱传统武术,在广州摆摊时又听说了很多黄飞鸿的故事,故而起网名“黄飞鸿”。当然了,也去过别的地方。去永年了解过杨露禅武禹襄等人的太极拳创业历程,去赵县了解过太祖长拳的传承,在北京跟通背拳传人探讨过传统武术的传承问题,也去过沧州去过少林寺等武术名地。哈哈哈,总之心中这团火焰不曾灭过。
言归正传,开始说说我的摆地摊历程吧,2009年我大一那年正式开始摆地摊。我大学是在重庆的山上,周围啥也没有,学校也只有一个超市。东西不全,价格略贵,而且收银员总是一副很屌的样子。有一次跟收银员吵了一架,气的够呛,不过也因此气出一个想法来,“我也卖货呀!劳资要抢你生意!”说干就干,第二天正好周日,我就下山进货去了,就进小零食,不愁销路。
当时下山不远的码头边就有一个批发市场,由于第一次干,没敢进太多。泡椒凤爪(3.5进卖5元),口水鸡辣片(3毛5进卖5毛 ...
hexo实现背景花瓣飞舞效果
效果
步骤在source目录下js文件中新增petal.js文件
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119 ...
CSS实现边框底部渐变色的4种方法
效果
代码方式一使用两个盒子叠加,给外层的盒子设置渐变色背景和 padding,给内层盒子设置纯色背景。
1234567891011121314<div class="bg-box"> <div class="text">nihao</div></div>.bg-box { /*首先我们设置边框只显示底部,宽度为2px的实线。*/ /*设置线性渐变*/ background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #00bbf2 20%, rgba(255, 255, 255, 0) 99%); padding-bottom: 2px; .text{ background: #fff; }}
方式二伪元素
123456789101112131415.bg-box { position: relative;}.bg-b ...
vue2中实现treeTable进行多层级多选效果
效果
代码123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155<template> <div class="home"> <el-table :data="tableData" style ...
2023跨年烟花(浪漫烟花+自定义音乐+雪花飘飘+自定义文字)
效果
介绍
可以自定义跨年文字
可自定义更换背景音乐
具有雪花效果
项目文件index.html、gameCanvas-4.0.js、script.js
index.html文件12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217 ...