HTML常见标签默认样式重置

重置代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
body,p,h1,h2,h3,h4,h5,h6,dl,dd{
margin:0;
font-size:12px;
/* font-family:XX; */
}
ol,ul{
list-style:none;
padding:0;
margin:0;
}
a{
text-decoration:none;
}
img{
border:none;
}
/* 默认样式重置 (css reset) */

完整演示代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<style>
body,p,h1,h2,h3,h4,h5,h6,dl,dd{margin:0; font-size:12px;/* font-family:XX; */}
ol,ul{list-style:none;padding:0;margin:0;}
a{text-decoration:none;}
img{border:none;}
/* 默认样式重置 (css reset) */

</style>
</head>
<body>

<a href="#">a标签(链接,下载,锚点)</a>
![1.png](http://upload-images.jianshu.io/upload_images/3464381-e142e804264d3886.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
<a href="#">
![1.png](http://upload-images.jianshu.io/upload_images/3464381-e142e804264d3886.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
</a>
<span>区分样式</span>
<strong>强调(粗体)</strong>
<em>强调(斜体)</em>

<p>段落</p>
<div>块</div>
<h1>标题1</h1>
<h6>标题6</h6>
<ol>
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
</ol>
<ul>
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
</ul>
<dl>
<dt>定义列表标题</dt>
<dd>定义列表项</dd>
<dd>定义列表项</dd>
<dd>定义列表项</dd>
</dl>

</body>
</html>

CPP problem A-B

大数相减

Give you two numbers A and B.

You job is to calculator the result of A - B.

A, B is ranged from 0 ~ 10^100. (guarantee that A >= B)


Sample Input

3 2

1000000000000001 1

Sample Output

1

1000000000000000

code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
#include <iostream>
#include <string>
using namespace std;

void process(string&a, string&b)
{
int p[200] = { 0 };
int q[200] = { 0 };
int cura = 0,curb = 0;

for (int i = a.length() - 1; i >= 0; i--)//复制a数组
{
p[cura] = a[i]-'0';
cura++;
}

for (int i = b.length() - 1; i >= 0; i--)//复制b数组
{
q[curb] = b[i]-'0';
curb++;
}

int cur = 0;

while (cur < 199)//从末尾开始相减,并处理特殊情况
{
p[cur] -= q[cur];
if (p[cur] < 0)
{
p[cur + 1]--;
p[cur] += 10;
}
cur++;
}

for ( ; cur >= 0; cur--)//从头查找第一个不是0的数字
if (p[cur] != 0) break;

for ( ; cur >= 0; cur--)//从第一个不是0的数字开始打印
cout << p[cur];

cout << endl;
}

int main()
{
string a, b;

while (cin >> a >> b)
{
process(a, b);
}

return 0;
}

cpp文件在这里

使用youget下载各个网站的视频

引言

在线看视频已经养成了习惯,但是看到好看的视频总是想下载下来,所以,摸索了许多方法,留下了这几种比较方便,简单的方法。

下载哔哩哔哩中的视频

推荐一个chrome插件,“哔哩哔哩助手”。这个助手可以帮助你推送你的关注列表中的更新视频,可以查找视频中弹幕的发送用户的uid。还有,他可以显示出当前视频的下载链接,点击即可下载。优点是非常方便,缺点是有时候获取的视频下载链接不能完全下载下来,而且较长的视频会分段下载下来,虽然可以后期合并,但也是比较麻烦。

Paste_Image.png

youget

以下内容为转载内容,源地址为https://login926.github.io/2016/06/18/You-Get/

You-Get是一个基于 Python 3 的下载工具。使用 You-Get 可以很轻松的下载到网络上的视频、图片及音乐。
项目主页:https://github.com/soimort/you-getYou-Get 主页:https://you-get.org/You-Get 原版中文说明:https://github.com/soimort/you-get/wiki/中文说明/作者:soimort

You-Get

Python 是一款跨平台编程语言,Liunx 以及 Mac OS 下都可以使用,此处展示仅使用 Windows。

使用 You-Get 下载视频

Step1 下载与安装 Python 3

  1. 访问 Python 官方网站下载对应版本的Python,You-Get基于Python 3,建议下载 Python 3.5.1
  2. 安装 Python 3.5.1,注意勾选Add Python 3.5 to PATH

  1. 按Win+R
    键打开运行,输入cmd
    ,再输入python
    并回车执行,如果出现如下界面,则代表安装成功。
    安装成功

Step2 安装You-Get

  1. 打开cmd
    ,输入命令并执行
    pip3 install you-get

  2. 输入命令,检测 You-Get 是否安装成功
    you-get

you-get安装成功

Step3 开始下载吧

打开cmd
输入命令
you-get [视频地址]

e.g.下载一段美拍视频输入如下命令
you-get http://www.meipai.com/media/454570774

点击左上角可以快速粘贴

文件保存在C:\Users\用户名
目录下,如果想自定义保存位置,使用如下命令即可
e.g.下载一段美拍视频并保存在E:\Desktop

you-get -o E:/Desktop http://www.meipai.com/media/454570774

You-Get 有关视频的其他用法

You-Get仅用来下载视频显得有些大材小用了,作者也给出了You-Get的一些其他用法,这里着重介绍几个。

选择视频下载格式和清晰度

通常网页视频的格式为.flv
,但部分网站会提供好几种视频格式,我们可以使用 You-Get 下载这些视频。
e.g.下载一段优酷视频1. 查看当前视频的清晰度和格式
you-get -i http://v.youku.com/v_show/id_XMTQ2NzQyMjY1Ng.html

视频提供三种格式,三种清晰度

选择需要下载的清晰度及格式

you-get –format=hd2 http://v.youku.com/v_show/id_XMTQ2NzQyMjY1Ng.html

下载成功

  1. 在本地播放器中播放流媒体视频
    Flash 因CPU占用高被嗤之以鼻,而 You-Get 可以直接在本地播放器中播放网页视频。类似功能的还有 Livestreamer 这个神奇的工具。
    e.g.在 PotPlayer 中播放一段下面这段爱奇艺视频(视频链接:http://www.iqiyi.com/v_19rrgzy5ls.html)
  2. 在资源管理器中打开 PotPlayer 安装目录2. 按住Shift
    并右击鼠标,选择在此处打开命令窗口3.输入下面的 You-Get 播放命令即可
    you-get -p PotPlayerMini64.exe http://v.youku.com/v_show/id_XMTY0MTA4ODM1Mg==.html

(注意 PotPalyer 可执行文件的文件名的大小写,大小写错误将会导致 you-get 报错,如果 Potplayer 播放失败请尝试使用 VLC 进行播放)
播放成功

暂停下载与继续下载

1.暂停下载:和Linux一样,按Ctrl+C
可以中断命令,下载目录下会保存有一个以.download
为扩展名的缓存文件。
2.继续下载:重新执行下载任务,如果下载目录下有上次下载保存的缓存文件,则继续上次下载进度。
3.强制重新下载(即使下载完成也会重新写入):
you-get -f http://www.meipai.com/media/437971164

下载视频列表中的所有视频

优酷等网站会提供视频列表,而 You-Get 可以通过视频列表进行批量下载。
e.g.下载一个优酷视频专辑
you-get http://www.youku.com/playlist_show/id_25917721.html

下载成功

下载Bilibili视频的弹幕

看Bilibili没有弹幕简直失去了人生一大乐趣,You-Get同样提供了弹幕下载功能。
1.输入命令下载 Bilibili 视频2.下载完成后会自动下载.xml
格式的弹幕
Bilibili视频及弹幕下载

3.使用 Danmu2Ass 将.xml
格式转换为.ass
格式4.打开播放器,将.ass
文件加载即可
PotPlayer中加载弹幕

You-Get 下载图片

You-Get 不但支持视频下载,同样支持图片下载,支持的站点已在其主页列出,部分网站支持批量下载。1.访问网站2.点击图片/帖子,进入图片/帖子详情3.复制地址到 You-Get 下载即可
截图中展现了一些例子
Twitter
Imgur

Flickr

Pinterest

其他的一些

1.使用 You-Get 建议先安装FFmpegLibav4.部分网站在中国大陆可能无法访问,如果想正常访问这些网站,可以去问问神奇海螺。
神奇海螺

Sublime text 3 第一次激活、安装package control及插件方法

安装

可以从官网下载安装(官网同时可以找到sublime test2),如果觉得网速慢可以复制这个链接用迅雷下载。

打开exe文件,然后一路点击下一步,安装完成。


激活

第一次打开sublime后,顶部会提示未激活,并且使用中也会有弹出框提示未激活。

那么点击菜单最右的Help>enter License ,将下面这段激活码粘贴在弹出的窗口中,点击use License ,激活完成。

随着版本的更新,激活码可能会失效,此激活码适用3103以后的版本,后期更新版本失效后,善用Google或baidu:)

1
2
3
4
5
6
7
8
9
10
11
12
13
—– BEGIN LICENSE —–
Michael Barnes
Single User License
EA7E-821385
8A353C41 872A0D5C DF9B2950 AFF6F667
C458EA6D 8EA3C286 98D1D650 131A97AB
AA919AEC EF20E143 B361B1E7 4C8B7F04
B085E65E 2F5F5360 8489D422 FB8FC1AA
93F6323C FD7F7544 3F39C318 D95E6480
FCCC7561 8A4A1741 68FA4223 ADCEDE07
200C25BE DBBC4855 C4CFB774 C5EC138C
0FEC1CEF D9DCECEC D3A5DAD1 01316C36
—— END LICENSE ——

安装package control

这里是官方教程

最简单的方法是通过Sublime Text控制台安装。通过快捷方式ctrl+` 或 view >Show Console 菜单访问控制台。打开后,将适用于你的Sublime Text版本的Python代码粘贴到控制台中。

sublime text 3:

import urllib.request,os,hashlib; h = ‘df21e130d211cfc94d9b0905775a7c0f’ + ‘1e3d39e33b79698005270310898eea76’; pf = ‘Package Control.sublime-package’; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( ‘http://packagecontrol.io/' + pf.replace(‘ ‘, ‘%20’)).read(); dh = hashlib.sha256(by).hexdigest(); print(‘Error validating download (got %s instead of %s), please try manual install’ % (dh, h)) if dh != h else open(os.path.join( ipp, pf), ‘wb’ ).write(by)

sublime text 2:

import urllib2,os,hashlib; h = ‘df21e130d211cfc94d9b0905775a7c0f’ + ‘1e3d39e33b79698005270310898eea76’; pf = ‘Package Control.sublime-package’; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( ‘http://packagecontrol.io/' + pf.replace(‘ ‘, ‘%20’)).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), ‘wb’ ).write(by) if dh == h else None; print(‘Error validating download (got %s instead of %s), please try manual install’ % (dh, h) if dh != h else ‘Please restart Sublime Text to finish installation’)

官方警告:
请不要通过其他网站重新分发安装代码。它将随着每个版本而改变。请链接到此页面。

如果使用代码安装失败

我就是使用代码安装失败了。。这是官方给出的另一种方法。

  1. 单击Preferences > Browse Packages…
  2. 进入上一层目录,也就是Sublime Text 3目录下(电脑中的目录一般是C:\Users\username\AppData\Roaming\Sublime Text 3),然后进入Installed Packages 文件夹
  3. 下载Package Control.sublime-package 备用链接 并将其复制到Installed Packages 目录中
  4. 重新启动sublime。

安装成功时,Installed Packages 目录中会出现这样一个文件0_package_control_loader.sublime-package。再次进入Preferences菜单后,就可以看到package settingpackage control 两个选项了。

安装插件

  1. 按下Ctrl+Shift+P 调出命令面板
  2. 输入install 调出 Install Package 选项并回车,然后在列表中选中要安装的插件。

推荐插件

AutoFileName:自动补全文件名

Emmet:花10分钟学学语法,让你提升10倍编码速度:国内教程 国外官方教程

Go-To-Css-Declaration:跳转到css的定义处

JsFormat:格式化js代码

Tag:可以补全和格式化html标签

Themr:主题选择

Autoprefixer:自动添加浏览器兼容前缀

CodeFormatter:代码格式化

ConvertToUTF8:解决中文编码问题

SublimeLinter:代码提示高亮

Terminal:唤起终端控制台

SideBarEnhancements:右键菜单增强插件

MarkdownPreview:快速调用浏览器预览markdown文本

MarkdownEditing:markdown编辑器,支持常用代码补全

OmniMarkupPreviewer:markdown文本即时预览

转载:傻瓜都可以利用github pages建博客

傻瓜都可以利用github pages建博客

原文出处:http://cyzus.github.io/

1.前言
鉴于我自身建站经历,不熟悉各种编码语言,口袋里没有多少钱,却殷切希望拥有一个独立的个人博客,在翻阅了各种教程后,看完各种眼花缭乱的代码后,终于将这个网站在github pages上搞出来了。在此,我不希望大家都重蹈覆辙,为了方便大家,我在此为大家做一个傻瓜教程
2.了解github
说了那么多,首先得了解一下什么是github,GitHub是一个共享虚拟主机服务,用于存放使用Git版本控制的软件代码和内容项目(引自维基百科)。说白了github就是开发者的百度云(有人说是Facebook),用来存储或者共享自己写的代码,非常便利,是近年来很火爆的一个网站服务。
3.为什么选择github?
能看到我的这篇文章的道友应该都知道,为什么我们要在github上建站?
github有一个很有爱的项目,叫做github pages,这个项目是给开发者建立一个私人页面,上面用来分享新颖的想法和自己写的代码,而且最主要的是,这个是免费而且没有空间流量限制的。这也就是我为什么放弃了自由度很高的,却需要支付高昂的主机费的wordpress,而转投了github pages阵营。
那么废话少说,开始我们的教程吧
4.注册github账号
打开https://github.com/站点,注册一个账号
img
拿到了这个账号你就可以做两件事啦
建立咱们的博客
托管自己写的代码

我们今天主要讨论的当然还是建立博客~
5.完成注册
注册完后别急着关掉页面,先选择free来明确你老子就是冲着免费来的态度,然后甭管别的,直接点击下面绿色的Finish sign up
img
接着,到你的邮箱验证账号,这样你才能之后生成你的个人主页
6.创建仓库
接下来到这个页面去创建一个新仓库https://github.com/new
这个新仓库就将是存放你即将拥有的博客的地方
注意,你的仓库名不能随便取,这样会导致github混乱,取名的格式应该为“用户名.github.io
后面的操作照配图做就可以了
img
7.进入仓库设置
建完仓库后,在当前页面右边选择Settings,进入设置页面,在这里生成你的github pages
img
8.自动生成博客
在设置页面往下拉,在github pages那一栏点击“launch automatic page generator
img
9.编辑用户界面
到这一步,其实是让你编辑你的页面上所展示的信息,如果你就只想有这一面的话,你就可以开始编辑了
title是页面的标题tagline是页面宣传词(这么理解吧)body就是正文了
img
记住编辑是用markdown语言,如果你编辑完了(如果你要想有我这样的有很多页面的博客事实上根本不用管它),直接点下面的绿色按钮,“continue to layouts
img
10.公布页面
这一步对于只要一个展示页面的同学来说,应该算是终结了,选择一个喜欢的主题模板,然后点击“Publish page”,你的页面就公布出来了!
img
如果还想继续做博客,那就继续看吧。
11.预览页面
在继续教程前,你可以先预览一下你的页面,但实际你最后做出的效果会和这个比起来好几百倍,但你可以先确认一下能不能显示出页面来
12.下载安装github
下载属于你的系统的github,并安装
Windows:https://windows.github.com/
Mac: https://mac.github.com/
我之后就用Windows示范了
13.克隆你的仓库
登录你的账号,在左上角点击“+”,然后选择“clone”,点击存放你博客的仓库,把它克隆到本地,并选择存放克隆文件位置,一般默认就好
img
默认的位置在我的文档下的github文件夹里
14.选择主题框架
这时候,你就该真正考虑一下你的博客主题风格了,如果你前端开发的功底不好,就不建议频繁更换主题了,虽然要改也不是不行,只是要折腾就是了
到这个网站选择你喜欢的模板http://jekyllthemes.org/
img
我就以这套模板为范例来进行教程,因为这个极其精简,可塑性(后期更改性)极强,推荐一下http://jekyllthemes.org/themes/cool-concise-high-end/
img
点击“downlod”,把它下载下来吧
15.应用主题
打开存放你克隆下来仓库的文件夹,把里面的文件全部都删了(没错),除了隐藏文件夹“.git”不要删就好了,然后把模板里的东西全部拖到你的原博客仓库里
img
16.配置博客
我先简单介绍一下这个仓库里的内容,你根据自身需要用文本编辑器来修改内容
img
index.html:这是你博客的主页面,里面的内容就是你的主页了

_config.yml:这是你博客的基本配置文件,里面有你博客的名字,以及存放博主的一些基本信息

_layouts:这文件夹里面存放你每个页面的设计,一般有default.html(默认页面)和posts.html(博文页面)

_includes:这个文件夹里的的内容将会通用到你博客每个页面,起到一种便利的作用

_posts:这里面装的就是你的博文啦,记住,要用markdown语法写,要不上传会失败的。

那么以上就是一个Jekyll规范的博客的基本内容了,想想也不难吧
17.上传到github
现在你已经把博客基本配置完成了,那么就该把它上传到github公布吧
打开github软件,你会发现changes那栏多了数字,这就是你本地文件发生改变数目的情况,在“summary”随便写串东西记录一下,然后按“commit to master”,等“Sync”出现数字后,你就戳那里同步到github吧!
img
img
18.后记
稍等一会儿,打开你的网站,就会发现你的博客已经神奇的出现了,比如我的:http://cyzfiles.github.io/
那么教程到这儿也差不多完了,之后你可以在_posts 文件夹里继续撰写博文,然后按照第17步 上传到github即可