<repo_name>mumium/mumium.github.io<file_sep>/1-resources.html
---
layout: page
title: Resources
description: "独乐乐不如众乐乐"
header-img: "img/home-bg.jpg"
---

<div class="zh post-container">

    <!--copied from markdown -->
    <blockquote><p>电影、电视剧、动漫的资源分享，点击超链接即可下载种子（持续更新中~）<br>
   这里有什么基于我想看什么<br>字幕文件相信大家都能找到，这里就不分享了（如果实在找不到也可以给我发邮件嗷~🙈）</p></blockquote>


<h3 id="toc_0">电影</h3>

<ul>

<li><a href="{{site.baseurl}}/files/千与千寻.Spirited.Away.2001.BD1080P.X264.AC3.Mandarin.torrent">【千与千寻-Spirited.Away-1080p-国语日语双音轨】</a></li>
<li><a href="{{site.baseurl}}/files/Frozen.II.2019.2160p.BluRay.x265.10bit.SDR.DTS-HD.MA.TrueHD.7.1.Atmos-SWTYBLZ.torrent">【冰雪奇缘2-Frozen.II-4k】</a></li>
<li><a href="{{site.baseurl}}/files/[LoliHouse] Tenki No Ko [BDRip 1920x1080 HEVC-10bit FLAC PGS(chs,eng,jpn)].torrent">【天气之子-Tenki No Ko-1080p】</a></li>
<li><a href="{{site.baseurl}}/files/Godzilla.King.of.the.Monsters.2019.BD1080P.X264.AAC.English.CHS-ENG.Mp4Ba.torrent">【哥斯拉2：怪兽之王-Godzilla.King.of.the.Monsters-1080p】</a></li>
<li><a href="{{site.baseurl}}/files/Leon.The.Professional.1994.REMASTERED.EXTENDED.1080p.BluRay.H264.AAC-RARBG.torrent">【这个杀手不太冷-Leon.The.Professional-1080p】</a></li>
<li><a href="{{site.baseurl}}/files/Birds.of.Prey.And.the.Fantabulous.Emancipation.of.One.Harley.Quinn.2020.HD1080P.X264.AAC.English.CHS-ENG.torrent">【猛禽小队和哈莉·奎茵-1080p】</a></li>

</ul>






<h3 id="toc_1">电视剧</h3>

<ul>
<li><a href="{{site.baseurl}}/files/民初奇人传.EP13-14.2020.1080p.国语中字.WEBrip.H265.mp4.torrent">【民初奇人传-EP13-14-1080p】</a></li>
<li><a href="{{site.baseurl}}/files/The.Eight.EP11-12.2020.1080p.WEB-DL.x264.AAC-HQC.torrent">【民初奇人传-EP11-12-1080p】</a></li>
<li><a href="{{site.baseurl}}/files/The.Eight.EP01-10.2020.1080p.WEB-DL.x264.AAC-HQC.torrent">【民初奇人传-EP01-10-1080p】</a></li>
<li><a href="{{site.baseurl}}/files/神盾局特工.第七季.S07E04.1080p.中英字幕.WEBrip.H265.mp4.torrent">【神盾局特工第七季4-Marvels.Agents.of.S.H.I.E.L.D.S07E04-1080p】</a></li>
<li><a href="{{site.baseurl}}/files/西部世界.Westworld.S1-3季全.无删减.中英双语.BD1080p.torrent">【西部世界S1-3季无删减-Westworld.S1-3-1080p】</a></li>
<li><a href="{{site.baseurl}}/files/The.Witcher.S01.1080p.NF.WEB.DDP5.1.x264-NTb[rartv].torrent">【巫师第一季-The.Witcher.S01-1080p】</a></li>
<li><a href="{{site.baseurl}}/files/Titans.S01.1080p.BluRay.x264-TURMOiL[rartv].torrent">【泰坦第一季-Titans.S01-1080p】</a></li>
<li><a href="{{site.baseurl}}/files/Space.Force.S01.1080p.NF.WEBRip.DDP5.1.Atmos.x264-MIXED[rartv].torrent">【太空部队第一季-Space.Force.S01-1080p】</a></li>

</ul>





<h3 id="toc_2">动漫</h3>

<ul>

<li><a href="{{site.baseurl}}/files/[GM-Team][国漫][一人之下 第3季][The Outcast 3rd Season][2020][01-08 Fin][AVC][GB][1080P].torrent">【一人之下第三季-The Outcast 3rd Season-1080p】</a></li>

</ul>


<hr>

<small> <font color="a0a9a9">
<b>特别说明：</b>
<li>资源从互联网上获取，请勿二次传播，侵权删除。</li>
<li>需要什么资源可以邮箱联系我，我尽力寻找🐶。</li>
</font>
<small>
        
</div><file_sep>/_posts/2020-06-19-尝试建立图床.md
---
layout: post
title: 尝试建立图床
subtitle: 图床建立的关键点总结
date: 2020-06-19
author: Unique_缪缪
header-img: img/post-bg-map.jpg
catalog: true
tags:
- 设计心得
---
# 要点
* GitHub可以用作图床的建立，拥有免费、开源的优点，且GitHub被微软收购后颇具稳定（不会删库跑路）

* 需要遵守官方条例，上传流量不可过大，不可滥用

* 图床依托于开源工具picgo，需要在GitHub个人设置中生成访问令牌密钥，地址为：https://github.com/settings/tokens，**注意保存，密钥只会显示一次！**

* picgo不能上传png文件，服务器会报错（晚上试了试，貌似可以上传了，但直接粘贴不会粘贴URL，而是本地链接，需要手动复制URL！）

# 过程

首先下载[picgo](https://github.com/Molunerfinn/PicGo/releases)（选择exe文件，win平台），安装后配置Github图床

<img src="https://raw.githubusercontent.com/mumium/picture-bed/master/img/qq%E6%88%AA%E5%9B%BE20200619113426.jpg" style="zoom:67%;" />

* 仓库名格式为 *username/repositoryname* ，注意repositoryname中不能有空格，系统会自动将空格用“-”代替。
* 分支名默认为 *master*

* Token中填入在GitHub个人设置中申请的访问令牌密钥，注意保存，密钥只会显示一次！
* 存储路径可以填 *img/*，系统会自动在仓库中生成img文件夹
* 自定义域名用于自定义图片链接

点击确定，设置为默认图床，即可上传图片。

<img src="https://raw.githubusercontent.com/mumium/picture-bed/master/img/20200619110423.jpg" style="zoom:67%;" />

可将图片直接拖入框中即可上传至仓库，上传后自动复制图片的URL，直接粘贴至文章中即可，可以选择多种格式，markdown格式如此篇文章所示。

注意图片不能为PNG格式，否则不能上传，服务器会报错

![](https://raw.githubusercontent.com/mumium/picture-bed/master/img/QQ%E6%88%AA%E5%9B%BE20200619111352.jpg)


# 总结
picgo+GitHub建立图床的方式较为简单，且使用免费，但系统中还存在许多漏洞与不足。目前已知问题如下：

* 上传图片在相册中不显示缩略图
* 文件名中有大写字母的文件显示上传失败，但在仓库中仍能找到
* URL复制到文章中不显示图片（也许是Typora的问题）
* 在picgo相册中删除图片后，仓库中没有删除<file_sep>/_posts/2020-07-20-Markdown基本语法.md
---
layout: post
title: Markdown基本语法
subtitle: 转载简书高鸿祥的MD语法总结
date: 2020-07-20
author: 高鸿祥
header-img: img/post-bg-recitewords.jpg
catalog: true
tags:
- 转载
---
Markdown是一种纯文本格式的标记语言。通过简单的标记语法，它可以使普通文本内容具有一定的格式。

相比WYSIWYG编辑器

**优点：**
 1、因为是纯文本，所以只要支持Markdown的地方都能获得一样的编辑效果，可以让作者摆脱排版的困扰，专心写作。
 2、操作简单。比如:WYSIWYG编辑时标记个标题，先选中内容，再点击导航栏的标题按钮，选择几级标题。要三个步骤。而Markdown只需要在标题内容前加#即可

**缺点：**
 1、需要记一些语法（当然，是很简单。五分钟学会）。
 2、有些平台不支持Markdown编辑模式。

还好，简书是支持Markdown编辑模式的。

```
开启方式：设置->默认编辑器->Markdown编辑器
```

# 一、标题

在想要设置为标题的文字前面加#来表示
 一个#是一级标题，二个#是二级标题，以此类推。支持六级标题。

注：标准语法一般在#后跟个空格再写文字，貌似简书不加空格也行。

示例：

```
# 这是一级标题
## 这是二级标题
### 这是三级标题
#### 这是四级标题
##### 这是五级标题
###### 这是六级标题
```

效果如下：

# 这是一级标题

## 这是二级标题

### 这是三级标题

#### 这是四级标题

##### 这是五级标题

###### 这是六级标题

------

# 二、字体

- ##### 加粗

要加粗的文字左右分别用两个*号包起来

- ##### 斜体

要倾斜的文字左右分别用一个*号包起来

- ##### 斜体加粗

要倾斜和加粗的文字左右分别用三个*号包起来

- ##### 删除线

要加删除线的文字左右分别用两个~~号包起来

示例：

```
**这是加粗的文字**
*这是倾斜的文字*`
***这是斜体加粗的文字***
~~这是加删除线的文字~~
```

效果如下：

**这是加粗的文字**
 *这是倾斜的文字*
 ***这是斜体加粗的文字\***
 ~~这是加删除线的文字~~

------

# 三、引用

在引用的文字前加>即可。引用也可以嵌套，如加两个>>三个>>>
 n个...
 貌似可以一直加下去，但没神马卵用

示例：

```
>这是引用的内容
>>这是引用的内容
>>>>>>>>>>这是引用的内容
```

效果如下：

> 这是引用的内容
>
> > 这是引用的内容
> >
> > > > > > > > > > 这是引用的内容

# 四、分割线

三个或者三个以上的 - 或者 * 都可以。

示例：

```
---
----
***
*****
```

效果如下：
 可以看到，显示效果是一样的。

------

------

------

------

# 五、图片

语法：

```
![图片alt](图片地址 ''图片title'')

图片alt就是显示在图片下面的文字，相当于对图片内容的解释。
图片title是图片的标题，当鼠标移到图片上时显示的内容。title可加可不加
```

示例：

```
![blockchain](https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/
u=702257389,1274025419&fm=27&gp=0.jpg "区块链")
```

效果如下：



![img](https:////upload-images.jianshu.io/upload_images/6860761-fd2f51090a890873.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/550/format/webp)

blockchain

**上传本地图片直接点击导航栏的图片标志，选择图片即可**

markdown格式追求的是简单、多平台统一。那么图片的存储就是一个问题，需要用图床，提供统一的外链，这样就不用在不同的平台去处理图片的问题了。才能做到书写一次，各处使用。
 关于图床的选择我写了一篇文章，对网上存在的各种方法做了总结，需要的朋友可以看看。[markdown图床](https://www.jianshu.com/p/ea1eb11db63f)

# 六、超链接

语法：

```
[超链接名](超链接地址 "超链接title")
title可加可不加
```

示例：

```
[简书](http://jianshu.com)
[百度](http://baidu.com)
```

效果如下：

[简书](https://www.jianshu.com/u/1f5ac0cf6a8b)
 [百度](https://links.jianshu.com/go?to=http%3A%2F%2Fbaidu.com)

注：Markdown本身语法不支持链接在新页面中打开，貌似简书做了处理，是可以的。别的平台可能就不行了，如果想要在新页面中打开的话可以用html语言的a标签代替。

```
<a href="超链接地址" target="_blank">超链接名</a>

示例
<a href="https://www.jianshu.com/u/1f5ac0cf6a8b" target="_blank">简书</a>
```

------

# 七、列表

##### 无序列表

语法：
 无序列表用 - + * 任何一种都可以

```
- 列表内容
+ 列表内容
* 列表内容

注意：- + * 跟内容之间都要有一个空格
```

效果如下：

- 列表内容
- 列表内容
- 列表内容

##### 有序列表

语法：
 数字加点

```
1. 列表内容
2. 列表内容
3. 列表内容

注意：序号跟内容之间要有空格
```

效果如下：

1. 列表内容
2. 列表内容
3. 列表内容

##### 列表嵌套

**上一级和下一级之间敲三个空格即可**

- 一级无序列表内容
  - 二级无序列表内容
  - 二级无序列表内容
  - 二级无序列表内容
- 一级无序列表内容
  1. 二级有序列表内容
  2. 二级有序列表内容
  3. 二级有序列表内容

1. 一级有序列表内容
   - 二级无序列表内容
   - 二级无序列表内容
   - 二级无序列表内容
2. 一级有序列表内容
   1. 二级有序列表内容
   2. 二级有序列表内容
   3. 二级有序列表内容

------

# 八、表格

语法：

```
表头|表头|表头
---|:--:|---:
内容|内容|内容
内容|内容|内容

第二行分割表头和内容。
- 有一个就行，为了对齐，多加了几个
文字默认居左
-两边加：表示文字居中
-右边加：表示文字居右
注：原生的语法两边都要用 | 包起来。此处省略
```

示例：

```
姓名|技能|排行
--|:--:|--:
刘备|哭|大哥
关羽|打|二哥
张飞|骂|三弟
```

效果如下：

| 姓名 | 技能 | 排行 |
| ---- | :--: | ---: |
| 刘备 |  哭  | 大哥 |
| 关羽 |  打  | 二哥 |
| 张飞 |  骂  | 三弟 |

# 九、代码

语法：
 单行代码：代码之间分别用一个反引号包起来

```
    `代码内容`
```

代码块：代码之间分别用三个反引号包起来，且两边的反引号单独占一行

```
(```)
  代码...
  代码...
  代码...
(```)
```

> 注：为了防止转译，前后三个反引号处加了小括号，实际是没有的。这里只是用来演示，实际中去掉两边小括号即可。

示例：

单行代码

```
`create database hero;`
```

代码块

```
(```)
    function fun(){
         echo "这是一句非常牛逼的代码";
    }
    fun();
(```)
```

效果如下：

单行代码

```
create database hero;
```

代码块

```
function fun(){
  echo "这是一句非常牛逼的代码";
}
fun();
```

# 十、流程图

```
​```flow
st=>start: 开始
op=>operation: My Operation
cond=>condition: Yes or No?
e=>end
st->op->cond
cond(yes)->e
cond(no)->op
&```
```

效果如下：
 简书不支持流程图，所以截了个图



![img](https:////upload-images.jianshu.io/upload_images/6860761-9d9524ba31047696.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/751/format/webp)

流程图.png



作者：高鸿祥
链接：https://www.jianshu.com/p/191d1e21f7ed/
来源：简书
<file_sep>/_posts/2020-07-20-一行代码复制百度文库文章.md
---
layout: post
title: 一行代码复制百度文库文章
subtitle: 用审查元素提取百度文库网页中的文字
date: 2020-07-20
author: Unique_缪缪
header-img: img/post-bg-hacker.jpg
catalog: false
tags:
- 求学旅程
---
 最近有些人问我百度文库中的文章怎么免费复制，因为本人确实不喜欢百度的吃相，所以百度旗下的产品我从没给过一分钱= =

> 注：代码2020/7/20测试可用，对PDF等其他格式的文章无效，其他网站的文库内容不敢保证成功，有兴趣可以尝试

---

这里尝试破解下百度文库doc文档的复制限制，步骤如下：

1. 我们以一篇精品文章为例，首先打开你要复制的文章页面，右键选择“审查元素”（Chrome最新版中为“检查”，或按快捷键F12）

   ![](https://raw.githubusercontent.com/mumium/picture-bed/master/img/1.jpg)

2. 在Console选项卡中输入以下代码：

`$('div.ie-fix').text()`

按下回车

![](https://raw.githubusercontent.com/mumium/picture-bed/master/img/2.jpg)

可以看到输出结果中显示出了整篇文章，且文章中的段落格式完全保留，可以随意复制

---

此方法肯定不能永久使用，有更多需求的同学可以看看**冰点文库**，不仅doc，pdf、xlsx格式的文件都可以下载下来，但文本段落格式的保留非常感人，需要手动调整许久。<file_sep>/_posts/2020-06-15-博客建立总结.md
---
layout: post
title: 博客建立总结
subtitle: 关于博客建立的关键点总结
date: 2020-06-15
author: Unique_缪缪
header-img: img/post-bg-android.jpg
catalog: true
tags:
- 设计心得
---
# 要点
* Github Pages依托于repository name的内容，Settings中username.github.io的格式要严格，否则网页会404
* 根目录中不能放其他文件夹，会影响到导航的显示（cankao文件夹中的内容显示到了标题中，bug原因不明，目前修改为.cankao暂时解决）
* _config.yml中的description不知为何无法修改（修改后网页内容不更新），还需要向作者请教
* 文章中末尾有一个超链接按钮不知如何删除，且按钮不知为何消失了（此文章发布后发现按钮只是下一篇文章的超链。。我傻了）
* 首页中的Featured tags内容不见了，不知是不是因为目前文章只有一个标签的原因（看来是的，我是傻子。。。）
# 总结
总之，对于吾等小白来说，GitHub Pages建立简单的静态网页不需要太过深入的知识，以此博客为例，网页框架用BY大神现有的模板（从人造国际语处Fork而来，特此感谢！），只需要在文件中稍加修饰即可达到修改网页的目的。但学习途中对Github Desktop的使用也是非常关键的一环，如何从远程库同步到本地，或是从本地上传内容更新到网页上，都是比较基本的操作。熟练地使用Github Desktop后，就不需要在网页端GitHub上修改文件了，只需要掌握Push和Pull即可，这极大地提高了网页的建设效率。
<file_sep>/_posts/2020-06-19-毕业论文撰写技巧.md
---
layout: post
title: 毕业论文撰写技巧
subtitle: 关于我的本科毕业论文整理过程的总结
date: 2020-06-19
author: Unique_缪缪
header-img: img/post-bg-desk.jpg
catalog: true
tags:
- 求学旅程
---


  本文主要梳理了我在撰写论文中遇到的、包括同学们向我请教的常见问题，以及一些应对学校学院要求的处理技巧。由于只是我个人的想法，在很多地方的叙述都不全面，化学院的论文细则每年又有所不同，具体实施方案仍需参考**《XXXX届郑州大学化学学院的本科毕业论文实施细则》**（细则有时候也不一定准= =）

**由于我的论文采用Word撰写，以下说明描述都以office2019版本为准。**（WPS我也不会用🙈）

本文将对论文中每一部分的要点进行说明，如有遗漏，希望大家能够联系我进行补充😁

----

### 要点

* 原则上论文装订顺序如下：封面、目录、中英文摘要、正文（包含绪论、总结）、参考文献、致谢、论文翻译原文、论文翻译、表1-8（如申请优秀论文还有其他表）、简洁版论文查重报告。文章中的字体段落、页边距等格式要求以当年细则为准，这里不再赘述。

#### 页码
页码添加本身十分简单，但我们的细则要求页码从正文（绪论）开始计数，且目录部分要单独加入**罗马数字**的页码。到今天为止，已经有大概10个人向我询问如何分开加页码的问题，这里详细说明一下。

  在分区加页码前，我们需要对论文进行**“分节“**。不同节之间在**不**选择”链接到上一节“的情况下页眉、页脚、页码互相独立。在”布局“选项卡中，选择”分隔符“按钮，可以看到不同类型的分节符，他们起到的作用相同，但适用于不同的场景，我习惯使用“下一页”，点击后，即可在当前光标位置加入一个分节符。

 <img src="https://raw.githubusercontent.com/mumium/picture-bed/master/img/20200619184951.png" style="zoom:67%;" />

  如图，”分节符（下一页）“表达的意思是：从下一页开始分节，如果你看不到分节符，在”开始“选项卡中点击这个符号：

  <img src="https://raw.githubusercontent.com/mumium/picture-bed/master/img/20200619185747.png" style="zoom:67%;" />

  或使用快捷键：Ctrl+*，来显示隐藏的标记符号。不只是分节符，空格符、和我们在文章中常用的分页符（添加分页符快捷键：Ctrl+Enter），都会显示出来，虽然有些凌乱，但这个按钮我基本一直开着，方便删除和修改分页符、分节符（分页符可以按退格键删除，分节符需要在首部按Delete删除）。

  加入分节符后，符前符后分为两节，我们就可以分别设置页码了。但在添加页码后，你会发现两节的页码仍然是链接在一起的，这是因为”链接到前一节“这个按钮是默认开启的，我们需要手动关闭。

 <img src="https://raw.githubusercontent.com/mumium/picture-bed/master/img/20200619190611.png" style="zoom:67%;" />

  之后，即可在不同节下设置不同的页眉、页码。页码格式的设置，包括起始数字，设置为罗马计数等，都在”页码“按钮下的”设置页码格式“中调整。

#### 论文封面
学校有标准的模板，需要注意的是题目如果不长，不需要占用第二行的话需要将第二行下划线删除。同理，如果指导老师只有一位，需要将第二部分的内容删掉。原则上封面内容不许留有空白，且不加页码。但是否加页眉、日期填写等问题以学院通知为准。

#### 目录
Word中有比较方便的生成目录的工具，我发现有不少同学都没有用过，都在手动码目录🙈。。。这个功能在Word2019上方的“引用”选项卡中，点击一下即可生成。

 <img src="https://raw.githubusercontent.com/mumium/picture-bed/master/img/20200619202603.png" style="zoom:67%;" />

  不过在此之前需要让Word识别出哪些文字是标题，哪些不是。我们需要给各个标题**分配样式**，在“开始”选项卡中右键各个样式可以设置字体，段落等。

 <img src="https://raw.githubusercontent.com/mumium/picture-bed/master/img/20200619191854.png" style="zoom:67%;" />

  我们需要设置好标题（副标题）、章标题、节标题的样式，然后选中标题文字，点击相应的样式即可设置成相应级别的标题。需要注意的是，包括标题在内，我们学校要求数字和字母要用Times New Roman字体，在这些样式的英文格式中可以提前设置好字体，此后就不用费心修改了。

<img src="https://raw.githubusercontent.com/mumium/picture-bed/master/img/20200619192005.png" style="zoom:67%;" />

  标题分配好后，即可生成目录。在后期的大量论文修改工作中，如无特殊需求，我们只需要点击“更新目录”中的“只更新页码”，即可不动标题，只对目录中的页码进行更新，而不需要再一个一个手动删除输入了🙊。

#### 摘要
中文、英文摘要包括论文标题、“摘  要：”字样（注意中间有两个空格）、摘要原文、关键词。这里主要注意原文和关键词之间要空出一行，中英文摘要分别在两页上，可用分页符分成两页。

#### 正文
这个就真帮不了你了，拼命水10000+字完事🙈

  不过细则要求每章另起一页，我们可以通过加入分页符实现，和上文提到的那样，每一章末尾加入一个分页符（添加分页符快捷键：Ctrl+Enter），这样不管前面篇幅怎么变，下面的新章节永远是新起一页的。

#### 参考文献
知网、Endnote，都可以自动导出国标格式，各显神通吧！

<img src="https://raw.githubusercontent.com/mumium/picture-bed/master/img/20200619193037.png" style="zoom:67%;" />

在知网文献界面点击导出即可导出引用标准格式

<img src="https://raw.githubusercontent.com/mumium/picture-bed/master/img/20200619193330.png" style="zoom:67%;" />

在Word的Endnote插件中点击Insert Citation即可导出参考文献格式

#### 英文文献原文

这里的英文原文我建议以图片的形式插入，直接粘贴原文会出现各种各样的格式和排版问题，将PDF导出jpg图片解千愁，这里我用的是Adobe acrobat，PDF编辑、分页、合并、转Word等功能比WPS好用不知多少倍，就是正版挺贵的，盗版也挺好找的🤪

<img src="https://raw.githubusercontent.com/mumium/picture-bed/master/img/20200619195223.png" style="zoom:67%;" />

#### 英文文献翻译

翻译工具我用的是copytranslator，这是Github上的一个开源项目，有能力的话可以去支持一下作者😁

<img src="https://raw.githubusercontent.com/mumium/picture-bed/master/img/20200619194758.png" style="zoom:67%;" />

这个工具集成了谷歌、百度、搜狗、有道、Bing等翻译引擎，选择拖拽复制、自动粘贴翻译是真的很好用！

#### 附表

各种附表需要扫描电子版，这里推荐两款APP，安卓推荐扫描全能王，iPhone推荐office lens，office lens对苹果镜头的优化貌似比安卓要好。。。

如果不放心扫描效果那就还是选择打印机，但这两款软件足够对付论文了。


### 总结
本文主要介绍了一些论文撰写的技巧，以及对各种工具的运用

技巧都是一些计算机使用的基本常识，工具都是一些我使用过后觉得不错的工具

大神可以无视，但希望能给小白提供一些帮助，在毕业的道路上少走一些弯路😁

之后我会考虑在本站的资源区内放一些好用的小工具，如果有什么想要的资源或有什么难题都可以联系我，我会随缘解答🙈

<file_sep>/js/time.js
// 利用时间对象获得 当前 时间
// var now = new Date();


var yearText = ['']
var monthText = ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"];
var dayText = ["一号", "二号", "三号", "四号", "五号", "六号", "七号", "八号", "九号", "十号", "十一号", "十二号", "十三号", "十四号", "十五号", "十六号", "十七号", "十八号", "十九号", "二十号", "二十一号", "二十二号", "二十三号", "二十四号", "二十五号", "二十六号", "二十七号", "二十八号", "二十九号", "三十号", "三十一号"];
var weekText = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
var hourText = ["零点", "一点", "两点", "三点", "四点", "五点", "六点", "七点", "八点", "九点", "十点", "十一点", "十二点", "十三点", "十四点", "十五点", "十六点", "十七点", "十八点", "十九点", "二十点", "二十一点", "二十二点", "二十三点"];
var minuteText = ["零分", "一分", "二分", "三分", "四分", "五分", "六分", "七分", "八分", "九分", "十分",
    "十一分", "十二分", "十三分", "十四分", "十五分", "十六分", "十七分", "十八分", "十九分", "二十分",
    "二十一分", "二十二分", "二十三分", "二十四分", "二十五分", "二十六分", "二十七分", "二十八分", "二十九分", "三十分",
    "三十一分", "三十二分", "三十三分", "三十四分", "三十五分", "三十六分", "三十七分", "三十八分", "三十九分", "四十分",
    "四十一分", "四十二分", "四十三分", "四十四分", "四十五分", "四十六分", "四十七分", "四十八分", "四十九分", "五十分",
    "五十一分", "五十二分", "五十三分", "五十四分", "五十五分", "五十六分", "五十七分", "五十八分", "五十九分"];
var secondsText = ["一秒", "二秒", "三秒", "四秒", "五秒", "六秒", "七秒", "八秒", "九秒", "十秒",
    "十一秒", "十二秒", "十三秒", "十四秒", "十五秒", "十六秒", "十七秒", "十八秒", "十九秒", "二十秒",
    "二十一秒", "二十二秒", "二十三秒", "二十四秒", "二十五秒", "二十六秒", "二十七秒", "二十八秒", "二十九秒", "三十秒",
    "三十一秒", "三十二秒", "三十三秒", "三十四秒", "三十五秒", "三十六秒", "三十七秒", "三十八秒", "三十九秒", "四十秒",
    "四十一秒", "四十二秒", "四十三秒", "四十四秒", "四十五秒", "四十六秒", "四十七秒", "四十八秒", "四十九秒", "五十秒",
    "五十一秒", "五十二秒", "五十三秒", "五十四秒", "五十五秒", "五十六秒", "五十七秒", "五十八秒", "五十九秒", "六十秒"];

var clock;

var yearList = [];
var monthList = [];
var dayList = [];
var weekList = [];
var hourList = [];
var minuteList = [];
var secondsList = [];

/**
 * 分析，完成效果:
 * 1. 实现时钟排列
 * 
 * 步骤：
 * 1. 初始化，渲染dom
 * 2. 实现随着时间高亮
 * 3. 添加动画，使之移动
 */

var textList = [
    [yearText, yearList],
    [monthText, monthList],
    [dayText, dayList],
    [weekText, weekList],
    [hourText, hourList],
    [minuteText, minuteList],
    [secondsText, secondsList],

]


window.onload = function () {
    init();

    setTimeout(function () {

        initTransition();

    }, 0)

    setTimeout(function () {

        var timeArr = [0, 0, 0, 0, 0, 0, 0]

        rotateTransition(timeArr)
        setInterval(function () {
            runtime()
        }, 1000)

    }, 1000)

    // setInterval(function () {
    //     runtime()
    // }, 100)

};

// 初始化函数
// function init() {
//     clock = document.getElementById('clock');
//     // 生成标签 存放文字展示
//     for (var i = 0; i < textList.length; i++) {
//         for (var j = 0; j < textList[i][0].length; j++) {
//             var temp = createLabel(textList[i][0][j]);
//             clock.appendChild(temp);
//             // 将生成的标签存放在数组list中
//             textList[i][1].push(temp);
//         }
//     }

// }

function init() {

    clock = document.querySelector('#clock');

    for (var i in textList) {

        for (var j in textList[i][0]) {

            var temp = createLabel(textList[i][0][j]);
            // 将生成的标签存放在数组list中

            clock.appendChild(temp);

            textList[i][1].push(temp);

        }

    }


    console.log(textList);

}

// 创建标签并将文字填充标签内 接收参数为文字内容  
function createLabel(text) {
    var div = document.createElement('div');
    div.classList.add('label');
    div.innerText = text;
    return div;
}

// 获得时间
function runtime() {

    var now = new Date();

    // 获得月 日期 小时 分钟 秒钟
    var month = now.getMonth();
    var day = now.getDate();
    var week = now.getDay();
    var hour = now.getHours();
    var minute = now.getMinutes();
    var seconds = now.getSeconds();

    var timeArr = [0, month, day-1, week, hour, minute, seconds]

    console.log(timeArr)

    clearColor();

    rotateTransition(timeArr);

    addColor(timeArr);

}

// 为时间添加样式
function addColor(timeArr) {

    // var label = document.querySelectorAll('.label')

    // for (var i in timeArr) {

    //     var len = i > 1 ? textList[i - 1][0].length : 0;
    //     var num = timeArr[i];

    //     var index = len + num;

    //     label[index].classList.add('now')

    //     // console.log(label[index])
    // }


    for (var i = 1; i < timeArr.length; i++) {
        
        var index = timeArr[i];

        // for (var j = 0; j < timeArr.length; j++) {

        //     var temp = textList[i][1][j];
        //     // var deg = 360 / textList[i][0].length * j;
        //     var deg = 360 / textList[i][0].length * (j - timeArr[i]);
        //     temp.style.transform = temp.style.transform.replace(/-?\d+deg/, deg + 'deg');

        //     // console.log(temp)
        // }

        textList[i][1][index].classList.add('now')

    }

}

// 清除现在时间颜色
function clearColor() {

    var now = document.querySelectorAll('.now');

    now.forEach(function (item) {
        item.classList.remove('now');
    })

}

// 初始展开
function initTransition() {
    for (var i in textList) {
        for (var item of textList[i][1]) {

            item.style.transform = 'translate(' + i * 80 + 'px,-50%)'
            item.style.transformOrigin = -(i * 80) + 'px 50%';

        }
    }
}

// 扇形展开
function rotateTransition(timeArr) {
    for (var i in textList) {
        for (var j in textList[i][1]) {

            var temp = textList[i][1][j];
            var deg = 360 / textList[i][0].length * (j - timeArr[i]);
            temp.style.transform = 'translate(' + i * 80 + 'px,-50%)' + ' rotate(' + deg + 'deg)';

        }
    }
}<file_sep>/_posts/2020-06-25-JavaScript的调用.md
---
layout: post
title: JavaScript的调用
subtitle: 在静态网页中调用JavaScript脚本
date: 2020-06-25
author: Unique_缪缪
header-img: img/post-bg-keybord.jpg
catalog: false
tags:
- 设计心得
---
 偶尔在知乎上看到了[3D-元素周期表](https://mumium.github.io/3d-periodic-table.html)，效果十分酷炫。

<img src="https://raw.githubusercontent.com/mumium/picture-bed/master/img/20200625121659.png" style="zoom:67%;" />

可以选择4种元素排列形式，过渡动画十分细腻流畅，于是玩了好久🙈，我已经将其放在我的博客下，想玩的同学可以点击上方的超链接进入，而且手机端也可以玩。

---

然后简单研究了一下，里面的特效依托于4个JavaScript脚本：

*three.min.js*

*tween.min.js*

*TrackballControls.js*

*CSS3DRenderer.js*

[three.js](https://github.com/mrdoob/three.js/) 是JavaScript编写的WebGL第三方库，是HTML中的3D引擎，可以实现在浏览器中运行三维场景，也是GitHub中的开源项目，作者为mrdoob。

<img src="https://raw.githubusercontent.com/mumium/picture-bed/master/img/20200625121108.png" style="zoom:67%;" />

于是尝试把这个周期表放到博客主页上，本以为找到4个js文件，添加代码就能完成的简单工作，没想到遇到了许多麻烦= =

### 工作流程

首先寻找源代码和4个js文件，辗转了许久后发现有不少人已经把源码挂在了GitHub上，且都是中文索引的。

<img src="https://raw.githubusercontent.com/mumium/picture-bed/master/img/20200625121217.png" style="zoom:67%;" />

于是随便找了一个fork，得到想要的东西后，将4个js文件放到博客js文件夹下，将源码稍加修改放到根目录下。我最初的想法是在博客首页专门添加一个菜单，将周期表放在菜单链接的新网页中，但随后碰到了数个问题：

* html文件放在根目录下无法生成菜单

  解：需要符合菜单的格式，加上模板代码后成功生成

* 进入页面后，发现页面保留了头部背景图、大标题和底部版权文字，无法显示3D模块

  解：目测是模板代码的样式问题，新建立了一个nulldefault的页面样式，将背景图、底部文字的部分代码去除后，用此样式替换原样式，提交后查看效果，果然除了页面标题，其余只剩下了黑乎乎一片，但还是不能显示3D模块
  
* 3D模块不能显示，推测是代码中相对路径书写错误，或博客页面默认不能加载JavaScript两种情况。

  解：GitHub中其他人的代码路径也是同样的书写方式，可以加载模块，所以不是相对路径的问题。
  
  

 那问题的关键应该是博客模板不能加载JavaScript。于是放弃在首页增加菜单的方式，改用超链接在本地链接静态网页。

尝试之后JavaScript加载成功，点击首页这里就可以进入：

<img src="https://raw.githubusercontent.com/mumium/picture-bed/master/img/QQ%E6%88%AA%E5%9B%BE20200625162713.png" style="zoom:67%;" />


<file_sep>/_posts/2020-06-19-markdown标题分级.md
---
layout: post
title: markdown标题分级
subtitle: 关于markdown语法在标题中的分级问题
date: 2020-06-19
author: Unique_缪缪
header-img: img/post-bg-hacker.jpg
catalog: true
tags:
- 设计心得
---
在写“毕业论文撰写技巧”的过程中，发现网页右侧生成的catalog中，主标题和副标题之间没有主次缩进的分别，排查好久后确定了我没有弄错标题的级别，#的数量是正确的。这时突然想到word中有“标题”、“副标题”、“标题1”、“标题2”…… 这样的级别逻辑中，标题和副标题不参与分级，之后的标题才有主次之分。同理，在markdown的语法中，#对应标题，##对应副标题，###对应标题1。那么从###开始以后，标题才参与分级。于是采用###和####设置标题，果然catalog里出现了主次缩进，这个类比应该是合理的。

标题分级如下：

# 一级标题

## 二级标题

### 三级标题

#### 四级标题

##### 五级标题

###### 六级标题

如上所示，一级和二级标题下有分割线，且在Typora中，光标移动到三、四、五、六级标题处时，句首会出现h3、h4、h5、h6的字样，而在一级、二级标题中没有出现，由此得知一级、二级标题与其他分级标题有所不同。

由右侧的catalog所示，一二三级标题同一缩进，四五六级同一缩进，这应该是博客模板默认设置。

可见，在以后写文章时，如要使用缩进catalog，只能用三级四级标题进行区分。

