Hexo博客发布文章
1 创建文章12$ hexo new "文章名" //安装hexo-asset-image后可使用 $ hexo n "My New Post" //简写
2 编辑文章12345678文章头部加---title: //此处填写文章名date: //此处填写发布日期tags: - //此处填写标签名(可多个)categories: //此处填写博客文章分类
3 文章添加图片 1 把本地Blog文件下的配置文件(非主题下)_config.yml里的post_asset_folder:选项设置为true
2 在本地Blog路径下执行npm install hexo-asset-image --save (用于下载安装一个可以上传本地图片的插件)
3 运行hexo n "xxxx"来生成md博文
会发现在/source/_posts文件夹中除了xxxx.md`文件还生成了一个同名文 ...
CSS3中的flex布局
flex是Flexible Box的缩写,意思为“弹性布局”,在使用过程中简单、易用、代码较少,在制作网页的时候经常使用这种方法来进行布局。
容器设置为flex以后,子元素的float、clear和vertcal-align的属性将失效。
1.box{display:flex;}
容器的六个属性flex-direction决定主轴的方向(即项目的排列方向)
123456.box{ display:flex; flex-direction:row; //默认值,主轴为水平方向,起点在左端。 flex-direction:row-reverse; //主轴为水平方向,起点在右端。 flex-direction:column; //主轴为垂直方向,起点在上沿。 flex-direction:column-reverse; //主轴为垂直方向,起点在下沿。}
flex-wrap定义如果一条轴线排不下,如何换行
123456.box{ display:flex; ...
JavaScript常用基本语法
JavaScript中常用的语法和关键字。1.document.write(“”); 输出语句2.JS中的注释为//3.传统的HTML文档顺序是:document->html->(head,body)4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document)
5.得到表单中元素的名称和值:document.getElementById(“表单中元素的ID?”).name(或value)6.一个小写转大写的JS: document.getElementById(“output”).value = document.getElementById(“input”).value.toUpperCase();7.JS中的值类型:String,Number,Boolean,Null,Object,Function8.JS中的字符型转换成数值型:parseInt(),parseFloat()9.JS中的数字转换成字符型:(“” 变量)10.JS中的取字符串长度是:(length)11.JS中的 ...
Typora编辑器
Typora编辑器好处下面是我觉得比较好的两个点:
①实时预览:在Typora中我们输入标记语法就能实时看到排版效果,解决了传统Markdown编辑器左右分屏式看起来麻烦的烦恼。
②快捷键输入:很多标记语法我们都可以使用快捷键输入,免去了手动敲语法的烦恼。
常用快捷键和语法标题:Ctrl+1、2、3…对应一、二、三…级标题(光标定位到需要设置为标题的行,按快捷键)
加粗:Ctrl+B(选中要加粗的文本,按快捷键)
斜体:Ctrl+I(选中要设置斜体的文本,按快捷键)
下划线:Ctrl+U(选中要加下划线的文本,按快捷键)
删除线:Alt+Shift+5(选中要加删除线的文本,按快捷键)
代码片段:Ctrl+Shift+`(选中要设置为代码片段的文本,按快捷键)
代码块:Ctrl+Shift+K(任意位置按快捷键,选择编程语言然后在代码块中输入代码)
切换到下一行:Ctrl+Enter(任意位置按快捷键,在代码块中可以跳出代码块另起一行)
链接:Ctrl+K(先复制链接,然后选中要加链接的文本,按快捷键。Ctrl+左键点击文本可跳转到对应链接)
取消格式:再次按相同的快捷键即可
...
记不住的jQuery
记不住的jQuery1.特效片1.动画提示 显示0.5秒然后隐藏1$("#danger").fadeIn(500).delay(1000).fadeOut(500);
2.选择篇1.设置多选框能单选1234567891011121314151617//设置多选按钮能够单选$(":checkbox").each(function(){ var btn = $("#delbtn"); $(this).click(function () { if ($(this).is(":checked")) { //$('#cb').prop('checked') 一样的效果 $(":checkbox").each(function () { $(this).prop(" ...