翔翔の据点

Arrogance is the only obstacle to survival. Not weakness or ignorance.

0%

发表于 更新于 分类于

先把D盘的软件卸载、数据备份

直接删除卷（系统帮你格式化、清除数据）

如果待合并的盘使系统盘，则不能直接合并

阅读全文 »

发表于 更新于 分类于

测试quote功能

Elegant in code, simple in core

-1. 官方文档

官方文档http://theme-next.iissnan.com/getting-started.html

阅读全文 »

发表于 更新于 分类于

简介

什么是SVG？

  • SVG 指可伸缩矢量图形 (Scalable Vector Graphics)
  • SVG 用来定义用于网络的基于矢量的图形
  • SVG 使用 XML 格式定义图形（纯粹的xml）
  • SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失
  • SVG 是万维网联盟的标准
  • SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体

与其他图像格式相比，使用 SVG 的优势在于：

  • SVG 可被非常多的工具读取和修改（比如记事本）
  • SVG 与 JPEG 和 GIF 图像比起来，尺寸更小，且可压缩性更强。
  • SVG 是可伸缩的
  • SVG 图像可在任何的分辨率下被高质量地打印
  • SVG 可在图像质量不下降的情况下被放大
  • SVG 图像中的文本是可选的，同时也是可搜索的（很适合制作地图）
  • SVG 可以与 Java 技术一起运行
  • SVG 是开放的标准
  • SVG 文件是纯粹的 XML

SVG 的主要竞争者是 Flash。

与 Flash 相比，SVG 最大的优势是与其他标准（比如 XSL 和 DOM）相兼容。而 Flash 则是未开源的私有技术。

例子

1
2
3
4
5
6
7
8
9
10
11
12
<?xml version="1.0" standalone="no"?>

<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

<svg width="100%" height="100%" version="1.1"
xmlns="http://www.w3.org/2000/svg">

<circle cx="100" cy="50" r="40" stroke="black"
stroke-width="2" fill="blue"/>

</svg>
image-20200408211835100 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
第一行包含了 XML 声明。
注意 standalone 属性！该属性规定此 SVG 文件是否是“独立的”，或含有对外部文件的引用。
standalone="no" 意味着【不独立】 SVG 文档会引用一个外部文件 - 在这里，是 DTD 文件。

第二和第三行引用了这个外部的 SVG DTD。该 DTD 位于“http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd”。
该 DTD 位于 W3C，含有所有允许的 SVG 元素。

SVG 代码以 <svg> 元素开始，包括开启标签 <svg> 和关闭标签 </svg> 。
<svg> 是根元素。
width 和 height 属性可设置此 SVG 文档的宽度和高度。
version 属性可定义所使用的 SVG 版本。
xmlns 属性定义 SVG 命名空间。

关闭标签的作用是关闭 SVG 元素和文档本身。

SVG 的 <circle> 用来创建一个圆。

  • cx 和 cy 属性定义圆中心的 x 和 y 坐标。如果忽略这两个属性，那么圆点会被设置为 (0, 0)。

  • r 属性定义圆的半径。

  • stroke 和 stroke-width 属性控制如何显示形状的轮廓。我们把圆的轮廓设置为 2px 宽，黑边框。

  • fill 属性设置形状内的颜色。我们把填充颜色设置为红色。

**注释：**所有的开启标签必须有关闭标签！

svg如何嵌入html

SVG 文件可通过以下标签嵌入 HTML 文档：embed、object或者iframe。

embed

1
2
3
<object data="rect.svg" width="300" height="100" 
type="image/svg+xml"
codebase="http://www.adobe.com/svg/viewer/install/" />

iframe

1
2
<iframe src="rect.svg" width="300" height="100">
</iframe>

发表于 更新于 分类于

-1. 常用命令简化和组合

1
2
3
4
5
6
7
8
hexo g    # 等同于hexo generate，生成静态文件
hexo s    # 等同于hexo server，在本地服务器运行
hexo s --debug
Ctrl + C 退出本地服务器

hexo p    # 等同于hexo port
hexo d    # 等同于hexo deploy，用于将本地文件发布到github上 
hexo n 	  # 等同于hexo new，用于新建一篇文章

当本地不想使用默认的4000端口时（比如在服务器上，默认使用80端口），可以使用 port 命令更改启动端口

另外，hexo支持命令合并，比方说 生成静态文件 → 本地启动80端口，我们可以执行

1
hexo s -g -p 80

生成静态文件并发布

1
hexo g -d

hexo文件结构及作用

0. 准备

  1. 注册github账号
  2. 本地安装好git

1. 创建github仓库

仓库名为

1
[your_github_username].github.io

仓库名字一定不能写错！

阅读全文 »