提交 1e251cbd 编写于 作者: T TRHX

Back up my www.itrhx.com blog

上级 5f316491
......@@ -40,11 +40,11 @@ Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(
# <font color=#FF000>-- 安装 Node.js</font>
[点击此处](https://nodejs.org/en/download/)访问官网,按需下载相应版本,默认安装可以了
![02](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A02/02.png)
![02](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A02/02.jpg)
注:本人在安装过程中出现了Warning 1909,无法创建快捷方式,这种情况很少出现,如果在安装过程中也有这种情况请参考百度文库(win10系统实测可行):[《Win7安装程序警告1909无法创建快捷方式》](https://wenku.baidu.com/view/4ad59110964bcf84b9d57ba5.html)
![03](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A02/03.png)
![03](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A02/03.jpg)
# <font color=#FF000>-- 安装 Git</font>
[点击此处](https://git-scm.com/download/win)访问官网,按需下载相应版本,默认安装即可
......@@ -58,9 +58,9 @@ $ git --version
$ node -v
$ npm -v
```
![04](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A02/04.png)
![04](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A02/04.jpg)
![05](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A02/05.png)
![05](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A02/05.jpg)
# <font color=#FF000>-- Hexo 安装</font>
......@@ -79,7 +79,7 @@ $ hexo init
![07](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A02/07.png)
Hexo 安装完成后,将会在指定文件夹中新建所需要的文件,Hexo 文件夹下的目录如下:
![08](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A02/08.png)
![08](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A02/08.jpg)
# <font color=#FF000>-- 本地查看效果</font>
执行以下命令,执行完即可登录 [http://localhost:4000/](http://localhost:4000/) 查看效果
......@@ -92,7 +92,7 @@ $ hexo server
INFO Hexo is running at http://0.0.0.0:4000/. Press Ctrl+C to stop.
```
登录 [http://localhost:4000/](http://localhost:4000/) 查看效果:
![09](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A02/09.png)
![09](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A02/09.jpg)
# <font color=#FF000>-- 将博客部署到 Github Pages 上</font>
到目前为止,我们的本地博客就成功搭建了,但是现在我们只能通过本地连接查看博客,我们要做的是让其他人也能够访问我们的博客,这就需要我们将博客部署到Github Pages上
......@@ -100,7 +100,7 @@ INFO Hexo is running at http://0.0.0.0:4000/. Press Ctrl+C to stop.
一、注册 Github 账户:[点击此处](https://github.com)访问 Github 官网,点击 Sign Up 注册账户
二、创建项目代码库:点击 <font color=#DC143C>New repository</font> 开始创建,步骤及注意事项见图:
![10](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A02/10.png)
![10](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A02/10.jpg)
三、配置 <font color=#DC143C>SSH</font> 密钥:只有配置好 <font color=#DC143C>SSH</font> 密钥后,我们才可以通过 git 操作实现本地代码库与 Github 代码库同步,在你第一次新建的文件夹里面(如:我的文件夹为:<font color=#DC143C>\TRHX_Blog</font><font color=#DC143C>Git Bash Here</font> 输入以下命令:
```
......@@ -135,16 +135,16 @@ $ clip < ~/.ssh/id_rsa.pub
四、在 GitHub 账户中添加你的公钥
1.登陆 GitHub,进入 <font color=#DC143C>Settings</font>
![11](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A02/11.png)
![11](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A02/11.jpg)
2.点击 <font color=#DC143C>SSH and GPG Keys</font>
![12](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A02/12.png)
![12](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A02/12.jpg)
3.选择 <font color=#DC143C>New SSH key</font>
![13](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A02/13.png)
![13](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A02/13.jpg)
4.粘贴密钥:
![14](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A02/14.png)
![14](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A02/14.jpg)
五、测试
......@@ -170,16 +170,16 @@ Git 会根据用户的名字和邮箱来记录提交,GitHub 也是用这些信
# <font color=#FF000>-- 将本地的 Hexo 文件更新到 Github 的库中</font>
一、登录 Github 打开自己的项目 <font color=#DC143C>yourname.github.io</font>
![17](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A02/17.png)
![17](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A02/17.jpg)
二、鼠标移到 <font color=#DC143C>Clone or download</font> 按钮,选择 <font color=#DC143C>Use SSH</font>
![18](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A02/18.png)
![18](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A02/18.jpg)
三、一键复制地址
![19](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A02/19.png)
![19](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A02/19.jpg)
四、打开你创建的 <font color=#DC143C>Hexo</font> 文件夹(如:<font color=#DC143C>E:\TRHX_Blog\Hexo</font>),右键用记事本(或者Notepad++、Vs Code等)打开该文件夹下的 <font color=#DC143C>_config.yml</font> 文件
![20](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A02/20.png)
![20](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A02/20.jpg)
五、按下图修改 <font color=#DC143C>_config.yml</font> 文件并保存
![21](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A02/21.png)
......@@ -245,12 +245,12 @@ Git 会根据用户的名字和邮箱来记录提交,GitHub 也是用这些信
博客也搭建好了,文章也会写了,但是!!!默认的主题并不喜欢怎么办?现在,我们就来为自己的博客更换自己喜欢的主题
[点击此处](https://hexo.io/themes/)进入 Hexo 官网的主题专栏,我们可以看见有许多的主题供我们选择
![22](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A02/22.png)
![22](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A02/22.jpg)
我们要做的就是把主题克隆过来,在此我们以主题 <font color=#DC143C>Aero-Dual</font> 为例,点进去我们就可以看见该主题作者的博客,鼠标滑到底,我们可以看见 <font color=#DC143C>Theme By Levblanc</font> 的字样(其他主题类似),点击作者 <font color=#DC143C>Levblanc</font> ,页面就会跳转到该主题所有的相关文件在 Github 上的地址,复制该地址
![23](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A02/23.png)
![24](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A02/24.png)
![25](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A02/25.png)
![24](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A02/24.jpg)
![25](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A02/25.jpg)
再打开 <font color=#DC143C>Hexo</font> 文件夹下的 <font color=#DC143C>themes</font> 目录(如:<font color=#DC143C>E:\TRHX_Blog\Hexo\themes</font>),右键 <font color=#DC143C>Git Bash Here</font>,输入以下命令:
```
......@@ -261,7 +261,7 @@ Git 会根据用户的名字和邮箱来记录提交,GitHub 也是用这些信
$ git clone https://github.com/levblanc/hexo-theme-aero-dual
```
等待下载完成后即可在 <font color=#DC143C>themes</font> 目录下生成 <font color=#DC143C>hexo-theme-aero-dual</font> 文件夹,然后打开 <font color=#DC143C>Hexo</font> 文件夹下的配置文件 <font color=#DC143C>_config.yml</font> ,找到关键字 <font color=#DC143C>theme</font>,修改参数为:<font color=#DC143C>theme:hexo-theme-aero-dual</font> (其他主题修改成相应名称即可),再次注意冒号后面有一个空格!
![26](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A02/26.png)
![26](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A02/26.jpg)
返回 <font color=#DC143C>Hexo</font> 目录,右键 <font color=#DC143C>Git Bash Here</font> ,输入以下命令开始部署主题:
```
......@@ -287,12 +287,12 @@ Git 会根据用户的名字和邮箱来记录提交,GitHub 也是用这些信
本人在配置域名的时候问题百出,百度的各种方法都不管用,打开网站总是 404,可能是我太笨了  o(╥﹏╥)o ,不过好在后来终于解决了这个问题
首先我们要购买域名,[阿里云](https://www.aliyun.com)[腾讯云](https://cloud.tencent.com)都可以,也不贵,一年几十块钱,最便宜几块钱也能买到,以阿里云为例,我购买的域名是 [itrhx.com](https://www.itrhx.com),购买过程就不赘述了,选择阿里云的解析平台,来到阿里云的管理控制台,点击进入域名解析列表或者直接点击域名后面的解析
![27](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A02/27.png)
![27](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A02/27.jpg)
方法一:点击添加记录,需要添加两个记录,两个记录类型都是 <font color=#DC143C>CNAME</font> ,第一个主机记录为 <font color=#DC143C>@</font> ,第二个主机记录为 <font color=#DC143C>www</font>,记录值都是填你自己的博客地址(比如我的是:<font color=#DC143C>[trhx.github.io](http://trhx.github.io)</font>),保存之后域名解析就完成了!
![28](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A02/28.png)
![28](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A02/28.jpg)
方法二:两个记录类型为 <font color=#DC143C>A</font> ,第一个主机记录为 <font color=#DC143C>@</font> ,第二个主机记录为 <font color=#DC143C>www</font>,记录值都为博客的 <font color=#DC143C>IP</font> 地址,<font color=#DC143C>IP</font> 地址可以 <font color=#DC143C>cmd</font> 中输入 <font color=#DC143C>ping 你的博客地址</font> 获得(比如我的:<font color=#DC143C>ping trhx.github.io</font>),保存之后域名解析就完成了!
![](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A02/29.png)
![](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A02/29.jpg)
有关解析记录类型的区别可以参考[《域名解析中A记录、CNAME、MX记录、NS记录的区别和联系》](https://blog.csdn.net/it_man/article/details/9017307)
为了使 GitHub 接收我们的域名,还需要在博客的根目录下添加一个名为 <font color=#DC143C>CNAME</font> 的文件(<font color=#DC143C>注意不要加.txt,没有任何后缀名!</font>),这个文件放到 <font color=#DC143C>Hexo</font> 文件夹的 <font color=#DC143C>source</font> 里面,(比如我的是:<font color=#DC143C>E:\TRHX_Blog\Hexo\source</font>),文件里面填写你的域名(<font color=#DC143C>加不加www都行</font>),比如要填写我的域名,文件里面就写:<font color=#DC143C>www.itrhx.com</font> 或者 <font color=#DC143C>itrhx.com</font>,经过以上操作,别人就可以通过 [www.itrhx.com](http://www.itrhx.com)[itrhx.com](https://itrhx.com)[trhx.github.io](https://trhx.github.io) 三个当中任意一个访问我的博客了!你的也一样!
......@@ -303,7 +303,7 @@ Git 会根据用户的名字和邮箱来记录提交,GitHub 也是用这些信
> 如果你填写的是带www的,比如 www.itrhx.com ,那么无论是访问 https://www.itrhx.com 还是 https://itrhx.com ,都会自动跳转到 http://www.itrhx.com
![30](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A02/30.png)
![30](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A02/30.jpg)
如果你在其他平台购买域名,或者选择 [DNSPod](https://www.dnspod.cn) 等其他域名解析,操作方法大同小异,遇到问题可自行百度解决!
......
......@@ -30,13 +30,13 @@ avatar: https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@2.1.9/images/trhx.png
``` html
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=32405683&auto=1&height=66"></iframe>
```
![02](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A03/02.png)
![03](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A03/03.png)
![02](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A03/02.jpg)
![03](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A03/03.jpg)
# <font color=#FF0000> -- 插入视频 </font>
高考毕业了我们为下一届的学弟学妹们录制高考加油视频,我担任后期制作,在这里就以该视频为例٩(๑❛ᴗ❛๑)۶,在腾讯视频播放页面找到分享按钮,复制该视频的通用代码(其他视频播放平台也一样),粘贴到文章中对应位置即可,可根据情况调整视频播放器的大小
![04](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A03/04.png)
![04](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A03/04.jpg)
``` html
<iframe frameborder="0" width="840" height="500" src="https://v.qq.com/txp/iframe/player.html?vid=x0643zvgtf7" allowFullScreen="true"></iframe>
......
---
title: Hexo 博客主题个性化
top: true
categories: Hexo
tags:
- 主题个性化
......@@ -33,21 +34,21 @@ icons: [fas fa-heading]
进入[来必力官网](https://livere.com),注册一个账号(注册时可能需要翻墙)
<fancybox>
![001](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/001.png)
![001](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/001.jpg)
</fancybox>
注册完毕之后,登录,进入安装页面,选择 City 免费版安装,安装之后你会得到一段代码
<fancybox>
![002](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/002.png)
![002](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/002.jpg)
</fancybox>
<fancybox>
![003](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/003.png)
![003](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/003.jpg)
</fancybox>
<fancybox>
![004](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/004.png)
![004](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/004.jpg)
</fancybox>
我们打开主题文件下的 <font color=#FF0000>_config.yml</font> 文件,添加如下代码:
......@@ -82,13 +83,13 @@ icons: [fas fa-heading]
打开 <font color=#FF0000>\themes\hexo-theme-spfk\layout\\_partial\article.ejs </font>文件,在适当位置添加如下红框中的代码:
<fancybox>
![006](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/006.png)
![006](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/006.jpg)
</fancybox>
完成以上操作之后,我们就可以使用来必力评论系统了
<fancybox>
![007](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/007.png)
![007](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/007.jpg)
</fancybox>
---
......@@ -128,7 +129,7 @@ live2d:
设置好过后我们就拥有了一个卡通人物
<fancybox>
![008](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/008.png)
![008](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/008.jpg)
</fancybox>
---
......@@ -178,7 +179,7 @@ body {
完成以上操作后,当我们点击鼠标的时候就可以看见爱心的特效了
<fancybox>
![009](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/009.png)
![009](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/009.jpg)
</fancybox>
---
......@@ -410,7 +411,7 @@ word_count: true
然后在 <font color=#FF0000>\themes\hexo-theme-spfk\layout\\_partial\article.ejs</font> 中适当位置添加以下代码:
<fancybox>
![013](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/013.png)
![013](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/013.jpg)
</fancybox>
最后在主题目录下的 <font color=#FF0000>_config.yml</font> 添加以下配置
......@@ -422,7 +423,7 @@ word_count: true
如果显示的位置不好,可以自行更改其位置,成功配置后的效果如下:
<fancybox>
![014](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/014.png)
![014](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/014.jpg)
</fancybox>
<fancybox>
......@@ -449,23 +450,23 @@ word_count: true
打开网页版[网易云音乐](https://music.163.com/),选择你准备添加的背景音乐,点击生成外链播放器,前提是要有版权,不然是无法生成外链播放器的,复制底下的HTML代码
<fancybox>
![017](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/017.png)
![017](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/017.jpg)
</fancybox>
<fancybox>
![018](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/018.png)
![018](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/018.jpg)
</fancybox>
然后将此代码放到你想要放的地方,比如放在博客的左侧,则打开 <font color=#FF0000>\themes\hexo-theme-spfk\layout\\_partial\left-col.ejs</font> 文件,将复制的HTML代码粘贴进去,再进行适当的位置设置让播放器更美观,其中 <font color=#FF0000>auto=1</font> 表示打开网页自动播放音乐,<font color=#FF0000>auto=0</font> 表示关闭自动播放音乐
<fancybox>
![019](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/019.png)
![019](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/019.jpg)
</fancybox>
最后效果如下:
<fancybox>
![020](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/020.png)
![020](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/020.jpg)
</fancybox>
这种网易云音乐外链的方式有很多局限性,因此推荐使用<font color=#FF0000>aplayer</font>,GitHub地址为:https://github.com/MoePlayer/APlayer ,参考教程:[《hexo上的aplayer应用》](https://blog.yleao.com/2018/0902/hexo%E4%B8%8A%E7%9A%84aplayer%E5%BA%94%E7%94%A8.html)
......@@ -512,31 +513,31 @@ setInterval("createtime()",250);
访问[百度统计首页](https://tongji.baidu.com),注册一个账号后登陆,添加你的博客网站
<fancybox>
![022](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/022.png)
![022](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/022.jpg)
</fancybox>
接着点击代码获取,复制该代码
<fancybox>
![023](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/023.png)
![023](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/023.jpg)
</fancybox>
然后到目录 <font color=#FF0000>\Hexo\themes\hexo-theme-spfk\layout\\_partial</font> 下新建一个 <font color=#FF0000>baidu-analytics.ejs</font> 文件,里面粘贴你刚刚复制的代码
<fancybox>
![024](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/024.png)
![024](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/024.jpg)
</fancybox>
修改主题文件夹下的 <font color=#FF0000>_config.yml</font> 文件,将你的key(图中涂掉部分)填写进去:
<fancybox>
![025](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/025.png)
![025](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/025.jpg)
</fancybox>
所有操作完成后可以在百度统计管理页面检查代码是否安装成功,如果代码安装正确,一般20分钟后,可以查看网站分析数据
<fancybox>
![026](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/026.png)
![026](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/026.jpg)
</fancybox>
另外推荐:[友盟](https://web.umeng.com/main.php?c=user&a=index),2010年4月在北京成立,安全、可靠、公正、第三方的网站流量统计分析系统
......@@ -577,11 +578,11 @@ document.addEventListener('visibilitychange', function () {
再次部署博客后就可以看见标题搞笑的效果了:
<fancybox>
![027](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/027_1.png)
![027](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/027.jpg)
</fancybox>
<fancybox>
![028](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/028_1.png)
![028](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/028.jpg)
</fancybox>
---
......@@ -607,7 +608,7 @@ color="220,220,220" opacity='0.7' zIndex="-2" count="200" src="//cdn.bootcss.com
最终实现效果:
<fancybox>
![029](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/029.png)
![029](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/029.jpg)
</fancybox>
---
......@@ -677,11 +678,11 @@ rss: /atom.xml
样式一和样式二分别如下:
<fancybox>
![031样式一](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/031.png)
![031样式一](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/031.jpg)
</fancybox>
<fancybox>
![032样式二](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/032.png)
![032样式二](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/032.jpg)
</fancybox>
实现方法:在 <font color=#FF0000>\Hexo\themes\hexo-theme-spfk\source\js</font> 目录下新建一个 <font color=#FF0000>snow.js</font> 文件,粘贴以下代码:
......@@ -885,7 +886,7 @@ snow.start();
效果图:
<fancybox>
![033](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/033.png)
![033](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/033.jpg)
</fancybox>
[点击此处](https://blog.github.com/2008-12-19-github-ribbons/)可以查看更多样式,将相应样式的代码复制到你想要放的地方就OK了,代码里的链接也要替换成你的,更多创意,比如 Follow me on CSDN ,只需要用PS改掉图片里的文字,替换掉相应链接即可
......@@ -897,7 +898,7 @@ snow.start();
样式一是鼠标点击后彩带自动更换样式,样式二是飘动的彩带:
<fancybox>
![034](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/034.png)
![034](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/034.jpg)
</fancybox>
实现方法:在 <font color=#FF0000>\themes\material-x\layout\layout.ejs</font> 文件的<font color=#FF0000>body</font>前面添加如下代码:
......@@ -1004,7 +1005,7 @@ canvas {
最终效果:
<fancybox>
![035](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/035.png)
![035](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A04/035.jpg)
</fancybox>
代码来源:http://www.lxl8800.cn/Main/Resource
......
......@@ -17,7 +17,7 @@ Markdown ,2004年由 John Gruberis 设计和开发,是一种可以使用普
目前分为 MarkdownPad2 和 MarkdownPad Pro 版本,后者收费,我们使用前者足矣,用户可以通过键盘快捷键和工具栏按钮来使用或者移除 Markdown 各种语法格式,支持自定义配色方案、字体、大小和布局 、即时HTML预览、HTML和PDF导出,被很多人称赞为 Windows 平台最好用的 Markdown 编辑器,实用性强,仅支持 Windows 系统,个人觉得在 Windows 10 系统上界面并不是很好看,有时候添加音乐什么的,资源多了,实时预览会显示资源加载失败,[点击此处](http://markdownpad.com/)访问 MarkdownPad 官网
![MarkdownPad 2](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A05/MarkdownPad2.png
![MarkdownPad 2](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A05/MarkdownPad2.jpg
)
----------
......@@ -26,7 +26,7 @@ Markdown ,2004年由 John Gruberis 设计和开发,是一种可以使用普
无意间在 Microsoft Store 上发现的,完美搭配 Win10 系统,界面非常简洁漂亮,2017年9月份发布,大小30.82 MB,官方网站:https://sosfos.wordpress.com/ ,收费13人民币,可免费使用7天,各种功能应有尽有,和其他编辑器不相上下,本来想着百度百度看看有没有破解版,结果全网看不见 BookPad 的影子,估计是新出来的还不为人所知吧,可以直接在 Microsoft Store 搜索下载,或者点击链接获取:https://www.microsoft.com/store/apps/9N6P5ZH2SJSX
![BookPad](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A05/BookPad.png
![BookPad](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A05/BookPad.jpg
)
![BookPad2](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A05/BookPad2.jpg
......@@ -38,9 +38,9 @@ Markdown ,2004年由 John Gruberis 设计和开发,是一种可以使用普
分为免费版和收费版,收费版¥20/年,其实免费版的功能已经足够强大了,多种编辑模式、多种主题选择、多种编辑器实现、丰富的语法支持、第三方同步、强大的文件管理功能,让人使用一次就爱上了它,支持 Windows 和 Web,推荐使用,[点击此处](http://soft.xiaoshujiang.com/)访问小书匠官网
![小书匠](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A05/xiaoshujiang.png
![小书匠](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A05/xiaoshujiang.jpg
)
![小书匠2](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A05/xiaoshujiang2.png
![小书匠2](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A05/xiaoshujiang2.jpg
)
----------
......@@ -49,7 +49,7 @@ Markdown ,2004年由 John Gruberis 设计和开发,是一种可以使用普
Typora 同样支持 Windows、OS X 和 Linux,Typora 支持即时渲染技术,这也是与其他 Markdown 编辑器最显著的区别,支持数学编辑,可与 Word 直接格式转换,在 Pandoc 的支持下进行多种文档格式转换,Typora 适合那些对码字手速和排版顺畅度有要求的人群,譬如码农、网站小编等,[点击此处](https://www.typora.io/)访问 Typora 官网
![Typora](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A05/Typora.png
![Typora](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A05/Typora.jpg
)
----------
......@@ -58,7 +58,7 @@ Typora 同样支持 Windows、OS X 和 Linux,Typora 支持即时渲染技术
Visual Studio Code 是众所周知的神器,是微软推出一款轻量级的文本编辑工具,类似于 Sublime,它已经默认集成 Markdown 文档编辑插件,原生就支持高亮 Markdown 的语法,但想要实时预览还需要选择 Markdown: Open Preview to the Side 命令实现,相关教程请[点击此处](https://www.cnblogs.com/shawWey/p/8931697.html)[点击此处](https://code.visualstudio.com/) 访问 Visual Studio Code 官网
![Visual Studio Code](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A05/VisualStudioCode.png
![Visual Studio Code](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A05/VisualStudioCode.jpg
)
----------
......@@ -67,7 +67,7 @@ Visual Studio Code 是众所周知的神器,是微软推出一款轻量级的
Marxico 中文名马克飞象,提供桌面客户端以及离线 Chrome App,支持移动端 Web,可以直接把文本存到印象笔记,[点击此处](http://marxi.co/)访问 Marxico,[点击此处](https://maxiang.io/)访问 马克飞象
![马克飞象](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A05/Marxico.png
![马克飞象](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A05/Marxico.jpg
)
----------
......@@ -76,7 +76,7 @@ Marxico 中文名马克飞象,提供桌面客户端以及离线 Chrome App,
Sublime Text 3 是基于 Vim 开发的跨平台代码编辑器,收费80美元,好像可以免费试用,支持 OS X、Windows、Ubuntu 等 UNIX 及 Linux 操作系统,由于其功能的多样性而广受好评,界面简约大方,定位专业,原生支持的编程语言就多达十几种,通过第三方插件,还能实现更多语法的支持,其中就包括 Markdown ,但也有个缺点,就是不能实时预览,但是用户可以通过 Markdown Preview 的插件实现对 Markdown 的预览,具体教程请[点击此处](https://blog.csdn.net/qazxswed807/article/details/51235792)查看,[点击此处](http://www.sublimetext.com/)访问 Sublime Text 官网
![SublimeText](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A05/SublimeText.png
![SublimeText](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A05/SublimeText.jpg
)
----------
......@@ -85,7 +85,7 @@ Sublime Text 3 是基于 Vim 开发的跨平台代码编辑器,收费80美元
Mou 是一款由国人独立开发者罗晨开发的实时预览型 Markdown 编辑器,仅支持 OS X操作系统,是目前同类应用中对汉字兼容性最好的作品,也是目前最好用的免费 Markdown 编辑器,提供语法高亮、在线预览、同步滚动、全屏模式,支持自定保存、自动匹配,允许自定义主题,支持 CSS,HTML 和 PDF 导出等功能,[点击此处](http://25.io/mou/)访问 Mou 官网
![Mou](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A05/Mou.png
![Mou](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A05/Mou.jpg
)
----------
......@@ -94,7 +94,7 @@ Mou 是一款由国人独立开发者罗晨开发的实时预览型 Markdown 编
Atom 是 Github 专门为程序员推出的一个跨平台文本编辑器,具有简洁和直观的图形用户界面,并有很多有趣的特点:支持CSS,HTML,JavaScript等网页编程语言,当然也支持 Markdown ,支持宏,自动完成分屏功能,集成了文件管理器,[点击此处](https://atom.io/)访问 Atom 官网
![Atom](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A05/Atom.png
![Atom](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A05/Atom.jpg
)
----------
......@@ -103,7 +103,7 @@ Atom 是 Github 专门为程序员推出的一个跨平台文本编辑器,具
国人编写的开源软件,Windows / Linux 等主流系统跨平台支持,完美支持 LaTex 数学公式、脚注、尾注等,支持使用本地 MathJax 调用,不需要在线访问 MathJax CDN,用户可配置的 Markdown 语法高亮显示,美观整洁,多种格式文件导出支持,简洁友好的界面布局,完备的各类快捷键,能极大地提高工作效率,[点击此处](https://gitee.com/elerao/Smark)访问 Smark 官网
![Smark](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A05/smark.png
![Smark](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A05/smark.jpg
)
----------
......@@ -112,7 +112,7 @@ Atom 是 Github 专门为程序员推出的一个跨平台文本编辑器,具
Haroopad 覆盖三大主流桌面系统,支持 Windows、OS X 和 Linux,多种主题样式供你选择,语法标亮支持 54 种编程语言,该工具重点推荐 Ubuntu/Linux 用户使用,[点击此处](http://pad.haroopress.com/user.html)访问 Haroopad 官网
![Haroopad](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A05/Haroopad.png
![Haroopad](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A05/Haroopad.jpg
)
----------
......@@ -121,7 +121,7 @@ Haroopad 覆盖三大主流桌面系统,支持 Windows、OS X 和 Linux,多
CuteMarkEd 是一个基于qt5的跨平台的 Markdown 编辑器,开源的, 提供实时 HTML 预览、数学表达式、源码高亮和PDF导出,[点击此处](https://cloose.github.io/CuteMarkEd/) 访问 CuteMarkEd 官网
![CuteMarkEd](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A05/CuteMarkEd.png
![CuteMarkEd](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A05/CuteMarkEd.jpg
)
----------
......@@ -130,7 +130,7 @@ CuteMarkEd 是一个基于qt5的跨平台的 Markdown 编辑器,开源的,
MarkPad 是款开源的 Markdown 编辑器,与 Window 8 风格和谐友好的界面,可以直接在你的博客或者 GitHub 中打开、保存文档,直接将图片粘贴到 Markdown 文档中,[点击此处](http://code52.org/DownmarkerWPF/)访问 MarkPad 官网
![MarkPad](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A05/MarkPad.png
![MarkPad](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A05/MarkPad.jpg
)
----------
......@@ -139,7 +139,7 @@ MarkPad 是款开源的 Markdown 编辑器,与 Window 8 风格和谐友好的
作业部落出品,是一款不错的工具和博客平台兼顾的产品,同时支持 Linux、Mac 和 Windows 操作系统,此外还提供 Web 在线创作,社交化批注、智能云同步,最简单的方法,满足多种写作需要,[点击此处](https://www.zybuluo.com/cmd/)访问 Cmd Markdown 官网
![Cmd Markdown](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A05/CmdMarkdown.png
![Cmd Markdown](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A05/CmdMarkdown.jpg
)
----------
......@@ -166,7 +166,7 @@ Miu 是一款 Windows 下的 Markdown 编辑器,支持 Markdown 高亮、代
MacDown 引用了许多 Mou 的设计方式,仅支持 Mac ,开源免费,[点击此处](http://macdown.uranusjr.com/)访问 MacDown 官网
![MacDown](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A05/MacDown.png
![MacDown](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A05/MacDown.jpg
)
----------
......@@ -192,7 +192,7 @@ MacDown 引用了许多 Mou 的设计方式,仅支持 Mac ,开源免费,[
一个在线编辑 Markdown 文档的编辑器,小众软件,VIM 快捷键支持,完美兼容 Github 的 Markdown 语法,界面稍许简陋,[点击此处](http://mahua.jser.me/)访问 MaHua
![MaHua](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A05/MaHua.png
![MaHua](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A05/MaHua.jpg
)
----------
......@@ -201,7 +201,7 @@ MacDown 引用了许多 Mou 的设计方式,仅支持 Mac ,开源免费,[
来自国外的 Markdown 编辑器,漂亮强大,支持md、 html、pdf 文件导出,支持Dropbox、Github、Google Drive、Onedrive 一键保存,[点击此处](https://dillinger.io/)访问 Dillinger
![Dillinger](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A05/Dillinger.png
![Dillinger](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A05/Dillinger.jpg
)
----------
......@@ -210,7 +210,7 @@ MacDown 引用了许多 Mou 的设计方式,仅支持 Mac ,开源免费,[
中国专业IT社区CSDN (Chinese Software Developer Network) 创立于1999年,致力于为中国软件开发者提供知识传播、在线学习、职业发展等全生命周期服务。CSDN的在线编辑器功能强大,支持导出为HTML和md文件,注册账号后即可开始创作,[点击此处](https://www.csdn.net/)访问CSDN官网
![CSDN](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A05/CSDN.png
![CSDN](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A05/CSDN.jpg
)
----------
......
......@@ -11,25 +11,25 @@ avatar: https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@2.1.9/images/trhx.png
# <font color=#FF0000>1.下载安装 VMware Workstation Pro 14</font>
进入 [VMware 官网](https://www.vmware.com/products/workstation-pro/workstation-pro-evaluation.html)或者在软件商店下载最新版VMware虚拟机并安装
![01](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A06/01.png
![01](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A06/01.jpg
)
# <font color=#FF0000>2.下载 Ubuntu 18.04 系统</font>
进入 [Ubuntu 官网](https://www.ubuntu.com/),下载最新版 Ubuntu 系统镜像
![02](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A06/02.png
![02](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A06/02.jpg
)
![03](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A06/03.png
![03](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A06/03.jpg
)
# <font color=#FF0000>3.在 VMware 中创建虚拟机</font>
打开安装好的 VMware Workstation Pro 14,选择创建新的虚拟机
![04](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A06/04.png
![04](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A06/04.jpg
)
在新建虚拟机向导中选择自定义(高级)
![05](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A06/05.png
![05](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A06/05.jpg
)
默认直接下一步,直到出现下图,再选择稍后安装操作系统
......@@ -66,35 +66,35 @@ avatar: https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@2.1.9/images/trhx.png
![18](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A06/18.png)
此时我们就可以在虚拟机左侧“我的计算机”下面看到刚刚创建的虚拟机 Ubuntu 64 位,单击 Ubuntu 64 位,选择“编辑虚拟机设置”, 再选择“CD/DVD(SATA)”,选择“使用ISO映像文件”,点击“浏览”,找到先前我们下载好的 Ubuntu 64 位镜像文件,点击“确定”
![19](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A06/19.png)
![19](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A06/19.jpg)
![20](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A06/20.png)
# <font color=#FF0000>4.在虚拟机上安装 Ubuntu 系统</font>
单击 Ubuntu 64 位,选择“开启此虚拟机”
![21](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A06/21.png)
![21](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A06/21.jpg)
来到欢迎界面,选择好语言,点击“安装 Ubuntu”
![22](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A06/22.png)
![22](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A06/22.jpg)
选择键盘布局为“汉语”
![23](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A06/23.png)
![23](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A06/23.jpg)
更新和其他软件默认选择即可
![24](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A06/24.png)
![24](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A06/24.jpg)
安装类型选择“清除整个磁盘并安装 Ubuntu”,PS: 因为我们是新安装的系统,且在虚拟机中,所以可以选择清除整个磁盘,这个操作不会清除你原来电脑里面的东西
![25](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A06/25.png)
![26](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A06/26.png)
![25](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A06/25.jpg)
![26](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A06/26.jpg)
地区随便,在中国就行,默认即可
![27](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A06/27.png)
![27](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A06/27.jpg)
之后设置计算机名,密码
![28](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A06/28.png)
![28](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A06/28.jpg)
点击继续稍等一会就安装完成啦
![29](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A06/29.png)
![29](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A06/29.jpg)
----------
......@@ -123,7 +123,7 @@ sudo apt-get install open-vm*
重启即可全屏显示
方法②:在终端输入`xrandr`,并回车,我们就可以看到很多可以修改的分辨率,选择好分辨率后,比如我们要修改分辨率为 1920x1440 ,则在终端输入 `xrandr -s 1920x1440`,回车即可,注意 1920x1440 中间是<font color=#FF0000>小写字母 x</font>,本人亲测此方法并不是很完美,不能完全适应屏幕
![30](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A06/30.png)
![30](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A06/30.jpg)
方法③:安装 VMware Tools:
1、进入 Ubuntu 系统后,点击虚拟机上的【虚拟机】—>【安装 VMware Tools】,回到桌面即可看到一个 VMware Tools 的 图标
......
......@@ -17,11 +17,11 @@ CDN的全称是Content Delivery Network,即内容分发网络。CDN是构建
---
# <font color=#FF0000>1、新建Github仓库 </font>
![01](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A18/01.png)
![01](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A18/01.jpg)
# <font color=#FF0000>2、克隆Github仓库到本地 </font>
点击 Clone or download,一键复制仓库地址
![04](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A18/04.png)
![04](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A18/04.jpg)
在本地目录右键 Git Bash Here,执行以下命令:
```git
......@@ -39,10 +39,10 @@ git push //推送至远程仓库
# <font color=#FF0000>4、发布仓库 </font>
点击release发布
![02](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A18/02.png)
![02](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A18/02.jpg)
自定义发布版本号
![03](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A18/03.png)
![03](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A18/03.jpg)
# <font color=#FF0000>5、通过jsDelivr引用资源 </font>
使用方法:https://cdn.jsdelivr.net/gh/你的用户名/你的仓库名@发布的版本号/文件路径
......
......@@ -14,15 +14,15 @@ avatar: https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@2.1.9/images/trhx.png
# <font color=#FF0000>1.下载安装 VMware Workstation Pro 15</font>
进入 [VMware 官网](https://www.vmware.com/products/workstation-pro/workstation-pro-evaluation.html)或者在软件商店下载最新版VMware虚拟机并安装
![001](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A20/001.png)
![001](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A20/001.jpg)
# <font color=#FF0000>2.下载 Deepin15.9 系统</font>
进入 [deepin 官网](https://www.deepin.org/),下载最新版 deepin 系统镜像
![002](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A20/002.png)
![002](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A20/002.jpg)
# <font color=#FF0000>3.在 VMware 中创建虚拟机</font>
打开安装好的 VMware Workstation Pro 15,选择创建新的虚拟机
![003](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A20/003.png)
![003](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A20/003.jpg)
在新建虚拟机向导中选择自定义(高级):
![004](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A20/004.png)
![004](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A20/004.jpg)
默认直接下一步,直到出现下图,再选择稍后安装操作系统:
![005](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A20/005.png)
选择客户机操作系统为 Linux ,如果你电脑是32位就选择 Ubuntu 版本,64位就选择 Ubuntu 64 位版本:
......@@ -38,16 +38,16 @@ avatar: https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@2.1.9/images/trhx.png
点击完成:
![011](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A20/011.png)
此时我们就可以在虚拟机左侧“我的计算机”下面看到刚刚创建的虚拟机 Deepin,单击 Deepin,选择“编辑虚拟机设置”, 再选择“CD/DVD(SATA)”,选择“使用ISO映像文件”,点击“浏览”,找到先前我们下载好的 Deepin 15.9 镜像文件,点击“确定”
![012](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A20/012.png)
![012](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A20/012.jpg)
![013](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A20/013.png)
# <font color=#FF0000>4.在虚拟机上安装 Deepin 系统</font>
单击 Deepin,选择“开启此虚拟机”
![014](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A20/014.png)
![014](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A20/014.jpg)
接下来就是选择语言、创建用户、选择时区、指定磁盘等过程:
![015](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A20/015.png)
![016](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A20/016.png)
![017](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A20/017.png)
![018](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A20/018.png)
![015](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A20/015.jpg)
![016](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A20/016.jpg)
![017](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A20/017.jpg)
![018](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A20/018.jpg)
安装完成后:
![019](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A20/019.png)
![019](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A20/019.jpg)
可以看见界面还是相当美观的,系统也自带了深度的一些软件,比如深度录屏,深度录音,深度影院,深度计算器等等的一些小工具,作为国产操作系统,个人觉得已经非常优秀了,值得去体验!
\ No newline at end of file
......@@ -19,41 +19,43 @@ avatar: https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@2.1.9/images/trhx.png
打开 SQL Server Management Studio,使用 <font color=#FF0000>SQL Server 身份验证</font> 登录:
![001.png](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A22/001.png)
![001](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A22/001.png)
如果在安装 SQL Server 2012 时选用了Windows身份验证登录方式,则需要重新设置,设置方法参考:[《SQL Server 登录更换【Windows身份验证】为【SQL Server 身份验证】》](https://blog.csdn.net/qq_36759224/article/details/90204243)
登录成功后,打开 SQL Server 配置管理器:
![002.png](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A22/002.png)
![002](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A22/002.jpg)
在左边找到 SQL Server 网络配置,点击【你的数据库名】的协议,将右边栏的 <font color=#FF0000>Shared Memory、Named Pipes、TCP/IP</font> 全部右键选择<font color=#FF0000>启用</font>
![003.png](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A22/003.png)
![004.png](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A22/004.png)
![003](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A22/003.jpg)
![004](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A22/004.png)
双击 <font color=#FF0000>TCP/IP</font>(或者右键选择属性),选择【<font color=#FF0000>IP地址</font>】,将【<font color=#FF0000>IP1</font>】和【<font color=#FF0000>IP10</font>】的【<font color=#FF0000>IP地址</font>】设为 <font color=#FF0000>127.0.0.1</font>
![005.png](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A22/005.png)
![005](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A22/005.png)
将所有【<font color=#FF0000>IPx</font>】(<font color=#FF0000>IP1、IP10、IP11、IP12</font>等)的【<font color=#FF0000>已启用</font>】设为<font color=#FF0000></font>
![006.png](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A22/006.png)
![006](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A22/006.png)
下拉到窗口底部,将 【<font color=#FF0000>IPAll</font>】 中的【<font color=#FF0000>TCP端口</font>】设成 <font color=#FF0000>1433</font>,其余不变
![007.png](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A22/007.png)
![007](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A22/007.png)
# <font color=#FF0000>2.开启 Telnet 服务</font>
打开【<font color=#FF0000>控制面板</font>】,选择【<font color=#FF0000>程序</font>】,点击【<font color=#FF0000>启用或关闭 Windows 功能</font>】,找到【<font color=#FF0000>Telnet Client</font>】勾选并保存,Windows 7 或者以下的版本则勾选【<font color=#FF0000>Telnet 服务器</font>】和【<font color=#FF0000>Telnet 客户端</font>
![008.png](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A22/008.png)
![009.png](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A22/009.png)
![008](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A22/008.jpg)
![009](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A22/009.png)
# <font color=#FF0000>3.测试1433端口是否打开</font>
运行cmd,输入 telnet 127.0.0.1 1433,若提示连接失败,则说明1433端口没有打开,需要重新进行以上配置,若连接成功,则显示如下:
![010.png](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A22/010.png)
![010](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A22/010.png)
# <font color=#FF0000>4.下载JDBC</font>
[点击此处](https://docs.microsoft.com/zh-cn/sql/connect/jdbc/download-microsoft-jdbc-driver-for-sql-server?view=sql-server-2017)下载各个版本JDBC,不同版本的JDBC驱动程序适用的JAR不同,与不同版本的SQL兼容性也不同,具体参考[《Microsoft SQL Server JDBC 驱动程序支持矩阵》](https://docs.microsoft.com/zh-cn/sql/connect/jdbc/microsoft-jdbc-driver-for-sql-server-support-matrix?view=sql-server-2017),比如使用 SQL Server 2012 我们可以下载6.0的版本,下载<font color=#FF0000>sqljdbc_6.0.8112.200_chs.tar.gz</font>文件,解压后可以找到<font color=#FF0000>sqljdbc41.jar</font><font color=#FF0000>sqljdbc42.jar</font>文件,使用时要注意自己JDK是哪个版本的,1.80以上的则对应 <font color=#FF0000>sqljdbc42.jar</font> 类库
......@@ -61,14 +63,16 @@ avatar: https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@2.1.9/images/trhx.png
# <font color=#FF0000>5.Eclipse 连接 SQL Server</font>
将 sqljdbc41.jar 或者 sqljdbc42.jar 放到一个文件夹下,打开 Eclipse,在需要连接数据库的项目里,右键【<font color=#FF0000>src</font>】,选择【<font color=#FF0000>Build Path</font>】、【<font color=#FF0000>Configure Build Path...</font>】,在弹出的窗口选择【<font color=#FF0000>Libraries</font>】,选择【<font color=#FF0000>Modulepath</font>】,单击【<font color=#FF0000>Add External JARs...</font>】,找到下载的 sqljdbc41.jar 或者 sqljdbc42.jar 文件并打开,然后【<font color=#FF0000>Apply and Close</font>】保存
![011.png](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A22/011.png)
![012.png](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A22/012.png)
![013.png](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A22/013.png)
![011](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A22/011.jpg)
![012](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A22/012.png)
![013](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A22/013.png)
# <font color=#FF0000>6.测试连接</font>
打开 SQL Server 2012,在其中新建数据库 test
![014.png](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A22/014.png)
![014](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A22/014.jpg)
Eclipse中,在项目下新建一个package,再新建一个class,用于测试数据库的连接:
```java
......@@ -97,4 +101,4 @@ public class Main {
```
如果以上所有操作正确,就能成功连接数据库了:
![015.png](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A22/015.png)
\ No newline at end of file
![015](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A22/015.png)
......@@ -12,7 +12,7 @@ avatar: https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@2.1.9/images/trhx.png
icons: [fas fa-heading]
---
![Website-Approve.png](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A23/Website-Approve.png)
![Website-Approve](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A23/Website-Approve.png)
网站备案分为ICP备案和公安备案
- ICP备案:ICP备案的目的就是为了防止在网上从事非法的网站经营活动,打击不良互联网信息的传播,如果网站不备案的话,很有可能被查处以后关停。根据中华人民共和国信息产业部第十二次部务会议审议通过的《非经营性互联网信息服务备案管理办法》条例,在中华人民共和国境内提供非经营性互联网信息服务,应当办理备案。未经备案,不得在中华人民共和国境内从事非经营性互联网信息服务。而对于没有备案的网站将予以罚款或关闭。
......@@ -20,27 +20,27 @@ icons: [fas fa-heading]
- 公安备案:网站备案是根据国家法律法规需要网站的所有者向国家有关部门申请的备案,公安局备案是其中一种。公安局备案一般按照各地公安机关指定的地点和方式进行,操作流程会比ICP备案流程简单,主要是已登记为主。
以百度官网为例,其中`京公安网备11000002000001`就是公安备案,`京ICP证030173号 `就是ICP备案
![01.png](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A23/01.png)
![01](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A23/01.png)
# <font color=#FF0000> -- ICP备案 </font>
一般在域名服务商那里都会有代备案系统,下面以阿里云为例,进入备案系统:
![02.png](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A23/02.png)
![02](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A23/02.jpg)
### <font color=#FF0000>1、填写信息验证备案类型</font>
备案主办单位填写,个人就选个人,企业就选企业,按照实际信息填写:
![03.png](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A23/03.png)
![03](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A23/03.jpg)
### <font color=#FF0000>2、产品验证</font>
对搭建备案网站的云服务器进行验证,如果你在阿里云购买了相关产品,就选择相应的产品类型和实例进行验证,也可以勾选`已有备案服务号`,填写服务号进行验证,备案服务号可以通过备案控制台进行申请,具体操作可以参考官方文档[《申请备案服务号》](https://help.aliyun.com/knowledge_detail/36938.html),也有的小伙伴没有在任何地方购买过服务器等相关产品,比如单纯搭建一个 [Github Pages + Hexo](https://blog.csdn.net/qq_36759224/article/details/82121420) 轻量级的个人博客,这种博客没有后端,不需要服务器,但是要备案怎么办?这种情况也好解决,去某宝买一个服务号就行了。
![04.png](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A23/04.png)
![05.png](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A23/05.png)
![04](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A23/04.jpg)
![05](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A23/05.jpg)
### <font color=#FF0000>3、填写网站信息</font>
填写网站信息以及办理备案的个人或者单位的真实信息,在填写网站名称的时候要<font color=#FF0000>特别注意!特别注意!特别注意!不满足要求的话是会被打回的!</font>不能使用姓名、地名、成语、不能包含公司、组织等企业性质的词语......具体要求可以参考官方文档[《填写主体信息和网站信息》](https://help.aliyun.com/knowledge_detail/36948.html?spm=a2c4g.11186623.6.573.6e1369a5ZNlC0v)
![06.png](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A23/06.png)
![07.png](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A23/07.png)
![06](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A23/06.jpg)
![07](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A23/07.png)
### <font color=#FF0000>4、上传资料</font>
根据要求,上传证件照片或证件彩色扫描件。身份证好说,拍好了上传就行了,注意《网站备案信息真实性核验单》需要你<font color=#FF0000>下载并打印在一张A4纸上,使用黑色签字笔填写,不能涂改</font>,具体可参照所给的示例进行填写,填写完成后再拍照上传。企业网站类似,提交备案后会在一个工作日内进行初审。
![08.png](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A23/08.png)
![08](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A23/08.jpg)
![09.jpg](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A23/09.jpg)
![10.png](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A23/10.png)
![10](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A23/10.jpg)
### <font color=#FF0000>5、人脸核验或幕布拍照核验</font>
根据不同地域管局要求及核验平台的支持情况,使用人脸识别进行核验,或者申请专用幕布进行幕布拍照核验
......@@ -52,9 +52,9 @@ icons: [fas fa-heading]
以幕布拍照核验为例,如果你没有阿里云的幕布,就需要申请幕布(免费的),邮寄很快,大约两三天就到了,等收到幕布后,按照要求进行拍照,<font color=#FF0000>一定要仔细阅读拍照说明!一定要仔细阅读拍照说明!一定要仔细阅读拍照说明!不合格依旧会被打回!</font>拍照完成后上传即可。
![11.png](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A23/11.png)
![12.png](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A23/12.png)
![13.png](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A23/13.png)
![11](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A23/11.jpg)
![12](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A23/12.jpg)
![13](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A23/13.png)
### <font color=#FF0000>6、提交管局、短信核验</font>
当照片审核通过后,就会提交到管局,工信部要求部分省市成为手机号码短信核验试点省市,相应省市的用户在阿里云备案平台提交备案申请且初审完成后,会收到工信部发送的核验短信,短信包含验证码和验证地址,需要在收到短信的24小时内完成短信核验,备案申请才能进入管局审核。
需短信核验省份:
......@@ -63,19 +63,19 @@ icons: [fas fa-heading]
- 2018年9月10日起:浙江、四川、福建、陕西、重庆、广西、云南被列为试点省份。
- 2018年9月24日起:山东、河南、安徽、湖南、山西、黑龙江、内蒙古、湖北被列为试点省份。
![14.png](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A23/14.png)
![14](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A23/14.jpg)
### <font color=#FF0000>7、ICP备案完成</font>
整个备案过程中会有阿里云的客服打电话给你,进行信息确认,备案申请信息成功提交管局系统后,管局审核一般为 3 - 20 个工作日(亲测很快,不到一个周就通过了),审核通过后会收到阿里云的邮件通知。
![15.png](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A23/15.png)
![15](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A23/15.jpg)
# <font color=#FF0000> -- 公安备案 </font>
公安备案个人觉得比ICP备案还要麻烦,自己在公安备案的时候,最开始申请了一个月也没给我处理(大概是地方原因,所在的市比较小,估计都没几个人办过网站,网警也不太负责),与ICP备案最大的不同,如果你是交互式网站的话,公安备案是需要你去公安机关当面审核的,这也是比较麻烦的一点。
### <font color=#FF0000>1、用户注册、登录</font>
登录[全国互联网安全管理服务平台](http://www.beian.gov.cn),选择联网备案登录,注册账号并登录
![16.png](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A23/16.png)
![16](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A23/16.jpg)
### <font color=#FF0000>2、新办网站备案申请</font>
点击新办网站申请,按实填写网站开办主体,上传身份证正反照和手持身份证件照。
![17.png](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A23/17.png)
![18.png](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A23/18.png)
![17](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A23/17.jpg)
![18](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A23/18.jpg)
### <font color=#FF0000>3、填写网站基本信息</font>
按实填写网站基本信息,需要注意的地方:
......@@ -100,11 +100,11 @@ icons: [fas fa-heading]
<font color=#FF0000>服务类型:</font>交互式服务指:为互联网用户提供信息发布、交流互动等服务,包括但不限于论坛、博客、微博、网络购物、网上支付等服务类型,此项选择是否提供互联网交互服务将会直接影响到后面是否需要去公安局当面核验,若选择`是`,当地网警会打电话叫你去公安局当面核验,还需要填写《交互式服务安全检查表》等各种文件,总之是比较麻烦的,个人小网站,博客什么的建议选择`否`,选择`www服务`,这样的话不用去当面核验,审核下来也比较快,企业单位用户建议选择交互式。
其他信息如实填写即可!
![19.png](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A23/19.png)
![19](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A23/19.png)
### <font color=#FF0000>4、填写网站负责人信息</font>
填写网站安全负责人和网站应急联络人相关信息,网站应急联络人直接勾选同主体负责人后会自动填入。
![20.png](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A23/20.png)
![20](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A23/20.jpg)
### <font color=#FF0000>5、同意责任书并提交审核</font>
《互联网信息服务单位网络安全责任告知书》有30秒的强制阅读时间,建议认真阅读一下告知书的内容。然后勾选我已阅读,点击提交即可。随后可以看到审核状态,不同地区政策有所不同,会有当地的网警联系网站负责人的,审核通过后记得在网站首页底部张贴公安机关核发的备案图标!
![21.png](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A23/21.png)
![22.png](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A23/22.png)
![21](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A23/21.png)
![22](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A23/22.png)
......@@ -15,7 +15,7 @@ avatar: https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@2.1.9/images/trhx.png
> 随便提一句,这家伙连我的情侣博客一起刷的,真是让人大跌眼镜啊,估计自己没女朋友吧,见不得别人好,悲催啊,不知道又是哪个学校,哪个公司,哪个家庭摊上了这种垃圾。
<fancybox>
![01](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A25/01.png)
![01](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A25/01.jpg)
</fancybox>
<fancybox>
......
......@@ -27,42 +27,42 @@ Cloudflare 是一家美国的跨国科技企业,以向客户提供网站安全
# <font color=#FF000>-- 注册 Cloudflare</font>
[Cloudflare官网](https://dash.cloudflare.com/sign-up) 注册账号
<fancybox>
![01.png](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A26/01.png)
![01.jpg](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A26/01.jpg)
</fancybox>
# <font color=#FF000>-- 添加站点</font>
添加你的站点,一直下一步即可
<fancybox>
![02.png](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A26/02.png)
![02.jpg](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A26/02.jpg)
</fancybox>
<fancybox>
![03.png](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A26/03.png)
![03.jpg](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A26/03.jpg)
</fancybox>
如果你已经在域名服务商那里解析过域名的话,之后就会出现你域名的解析列表,如果还没有解析过,可以参考[《为hexo博客配置个性域名》](https://blog.csdn.net/qq_36759224/article/details/82121420#font_colorFF000__Hexo_font_270)
<fancybox>
![04.png](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A26/04.png)
![04.jpg](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A26/04.jpg)
</fancybox>
# <font color=#FF000>--修改DNS</font>
点击下一步 Cloudflare 会提供给你两个 DNS 地址
<fancybox>
![05.png](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A26/05.png)
![05.jpg](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A26/05.jpg)
</fancybox>
到域名服务商那里修改DNS,以阿里云为例,依次选择【控制台】-【域名】,选择你的域名,点击【管理】-【修改DNS】,将上面 Cloudflare 提供的两个 DNS 地址填进去,会过几分钟才生效
<fancybox>
![08.png](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A26/08.png)
![08.jpg](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A26/08.jpg)
</fancybox>
<fancybox>
![09.png](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A26/09.png)
![09.jpg](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A26/09.jpg)
</fancybox>
<fancybox>
![10.png](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A26/10.png)
![10.jpg](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A26/10.jpg)
</fancybox>
# <font color=#FF000>--开启 HTTPS</font>
在 Cloudflare 管理页面,点击【Crypto】选项,选择 SSL 的模式为【full】,注意:在CloudFlare 上激活站点后,可能需要24小时才能颁发新证书,耐心等待即可
<fancybox>
![07.png](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A26/07.png)
![07.jpg](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A26/07.jpg)
</fancybox>
关于三种模式 Flexible、Full、Full (Strict) 的区别:
......@@ -79,7 +79,7 @@ Cloudflare 是一家美国的跨国科技企业,以向客户提供网站安全
Cloudflare 提供了一个名叫 Page Rules 的页面规则的功能,我们可以利用此功能对 URL 做一些处理,当用户访问是 HTTP 的时候重定向到 HTTPS,点击【Page Rules】选项,点击【Create Page Rules】,新建如下规则并保存即可
<fancybox>
![06.png](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A26/06.png)
![06.jpg](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A26/06.jpg)
</fancybox>
现在我们的 Hexo 博客就实现了全站 HTTPS!
\ No newline at end of file
......@@ -34,10 +34,10 @@ avatar: https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@2.1.9/images/trhx.png
登录/注册GitHub,新建一个仓库,填写好仓库名,仓库描述,根据需求选择是否为仓库初始化一个README.md描述文件
<fancybox>
![01](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A27/01.png)
![01](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A27/01.jpg)
</fancybox>
<fancybox>
![02](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A27/02.png)
![02](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A27/02.jpg)
</fancybox>
---
......@@ -47,26 +47,26 @@ avatar: https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@2.1.9/images/trhx.png
在主页依次选择【Settings】-【Developer settings】-【Personal access tokens】-【Generate new token】,填写好描述,勾选【repo】,然后点击【Generate token】生成一个Token,注意这个Token只会显示一次,自己先保存下来,或者等后面配置好PicGo后再关闭此网页
<fancybox>
![03](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A27/03.png)
![03](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A27/03.jpg)
</fancybox>
<fancybox>
![04](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A27/04.png)
![04](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A27/04.jpg)
</fancybox>
<fancybox>
![05](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A27/05.png)
![05](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A27/05.jpg)
</fancybox>
<fancybox>
![06](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A27/06.png)
![06](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A27/06.jpg)
</fancybox>
<fancybox>
![07](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A27/07.png)
![07](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A27/07.jpg)
</fancybox>
# <font color=#FF000>-- 配置PicGo</font>
前往[下载PicGo](https://github.com/Molunerfinn/picgo/releases),安装好后开始配置图床
<fancybox>
![08](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A27/08.png)
![08](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A27/08.jpg)
</fancybox>
- <font color=#FF000>设定仓库名:</font>按照【用户名/图床仓库名】的格式填写
......
......@@ -96,10 +96,13 @@ with open('favicon.ico', 'wb') as f:
## <font color=#FF0000> 【2.3.3】 添加 headers</font>
headers 的作用:部分页面禁止 Python 爬虫对其进行爬取,而添加 headers 就可以模拟成浏览器取访问网站,实现数据的爬取,headers 可以在任意网页 F12 检查控制台里面找到,headers 最重要的是 "User-Agent" 字段
<fancybox>
![01](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A30/Snipaste_2019-08-19_17-10-11.png)
![01](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A30/1.png)
</fancybox>
以为例知乎,只有加了 headers 才能正常爬取,否则会返回 400 Bad Request 没有任何数据
```python
import requests
......@@ -110,6 +113,7 @@ print(r.text)
```
# <font color=#FF0000> 【2.4】 requests 构建 POST 请求</font>
示例:
```python
import requests
......@@ -118,7 +122,9 @@ data = {'name': 'TRHX', 'age': '20'}
r = requests.post("http://httpbin.org/post", data=data)
print(r.text)
```
输出结果:
```python
{
"args": {},
......@@ -141,7 +147,9 @@ print(r.text)
"url": "https://httpbin.org/post"
}
```
有关 POST 和 GET 两种请求的一些区别:
- POST 更加安全,不会作为 URL 的一部分,不会被缓存,保存在服务器日志、以及浏览器浏览记录中;
- POST 发送的数据更大,GET 有 URL 长度限制;
- POST 可以发送更多的数据类型,GET 只能发送 ASCII 字符;
......@@ -150,8 +158,11 @@ print(r.text)
- POST 用数据的修改和写入,GET 一般用于搜索排序和筛选之类的操作。
# <font color=#FF0000> 【2.5】 requests 高级用法</font>
## <font color=#FF0000> 【2.5.1】 上传文件</font>
示例:
```python
import requests
......@@ -159,7 +170,9 @@ files = {'file': open('test.png', 'rb')}
r = requests.post('http://httpbin.org/post', files=files)
print(r.text)
```
输出结果:
```python
{
"args": {},
......@@ -183,7 +196,9 @@ print(r.text)
```
## <font color=#FF0000> 【2.5.2】 使用 Cookies</font>
对于需要登录后才能获取数据的网页,可以将账号登录的 Cookies 添加到 headers 来实现网页登录爬取,Cookies 可以抓包获取,代码示例:
```python
import requests
......@@ -197,6 +212,7 @@ print(r.text)
```
## <font color=#FF0000> 【2.5.3】 会话维持</font>
- 背景介绍:利用 get() 或者 post() 方法来模拟网页请求,相当于是不同的会话,可以理解为用两个浏览器打开了不同的网页;
- 运用场景:首先使用 post() 方法登录网页,然后再使用 get() 方法请求某个页面信息,如果不利用会话维持,将无法获取页面数据
......@@ -204,6 +220,7 @@ print(r.text)
- 维持方法:①两次请求设置一样的 cookies,缺点:繁琐;②使用 Session 对象。
Session 对象使用示例:
```python
import requests
......@@ -212,7 +229,9 @@ s.get('http://httpbin.org/cookies/set/number/123456789')
r = s.get('http://httpbin.org/cookies')
print(r.text)
```
输出结果成功获取到设置的 cookies:
```python
{
"cookies": {
......@@ -222,13 +241,17 @@ print(r.text)
```
## <font color=#FF0000> 【2.5.4】 SSL 证书验证</font>
> SSL 证书是数字证书的一种,由受信任的数字证书颁发机构 CA 在验证服务器身份后颁发,具有服务器身份验证和数据传输加密功能,网站带有 HTTPS 就表明有 SSL 证书
requests 提供了证书验证的功能。当发送 HTTP 请求的时候,它会检查 SSL 证书,verify 参数可以控制是否检查此证书。如果不加 verify 参数,默认为 True,会自动验证。当一个页面的 SSL 证书没有被官方机构认证时,打开页面就会提示“您的连接不是私密连接”,如果没有设置 verify 参数,将会报以下错误:
```python
requests.exceptions.SSLError: ("bad handshake: Error([('SSL routines', 'tls_process_server_certificate', 'certificate verify failed')],)",)
```
设置 verify 参数代码示例:
```python
import requests
......@@ -237,8 +260,10 @@ print(response.text)
```
## <font color=#FF0000> 【2.5.5】 设置代理</font>
为什么要设置代理:某些网页有反爬虫机制,频繁请求网页就会出现验证码等,还有可能直接封掉 IP,导致爬取失败;这种情况下就可以设置 proxies 参数。
示例:
```python
import requests
......@@ -249,9 +274,11 @@ proxies = {
requests.get('https://www.itrhx.com', proxies=proxies)
```
免费代理可在[西刺代理](https://www.xicidaili.com/)找到
## <font color=#FF0000> 【2.5.6】 超时设置</font>
与 urllib.request.urlopen() 类似,requests 也可以设置 timeout 参数,请求分为两个阶段:连接和读取
设置连接和读取时间总和:
......@@ -262,14 +289,18 @@ import requests
r = requests.get('https://www.itrhx.com', timeout=1)
print(r.status_code)
```
分别设置连接和读取时间:
```python
import requests
r = requests.get('https://www.itrhx.com', timeout=(5, 10))
print(r.status_code)
```
永久等待:
```python
import requests
......@@ -277,4 +308,4 @@ import requests
# r = requests.get('https://www.itrhx.com')
r = requests.get('https://www.itrhx.com', timeout=None)
print(r.status_code)
```
\ No newline at end of file
```
......@@ -9,6 +9,7 @@ categories:
thumbnail: https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/thumbnail/spider.png
avatar: https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@2.1.9/images/trhx.png
---
> <center><font color=#1BC3FB size=4>Python3 爬虫学习笔记第十章 —— 【MySQL数据储存】</font></center>
<!--more-->
......@@ -187,7 +188,7 @@ db.close()
`commit()` 方法的作用是实现数据插入,是真正将语句提交到数据库执行的方法,使用 `try except` 语句实现异常处理,如果执行失败,则调用 `rollback()` 方法执行数据回滚,保证原数据不被破坏,使用查询语句可以看到已经插入的数据:
<fancybox>
![01](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A40/01.png)
![01](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A40/01.jpg)
</fancybox>
进阶操作:将需要插入的数据构造成一个字典,这样的做法可以让插入方法无需改动,只需要传入一个动态变化的字典就行了,改写原来的代码如下:
......@@ -356,5 +357,5 @@ db.close()
在命令行中使用 ` SELECT * FROM article;` 命令可以查看到数据已经成功获取并储存到了数据库中:
<fancybox>
![02](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A40/02.png)
![02](https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-PIC/A40/02.jpg)
</fancybox>
---
title: Hexo 双线部署到 Coding Pages 和 GitHub Pages 并实现全站 HPPTS
title: Hexo 双线部署到 Coding Pages 和 GitHub Pages 并实现全站 HTTPS
categories: Hexo
tags:
- Hexo
......
---
title: 2019年总结【跨越今天,更不平凡】
top: true
tags: 年终总结
categories: BLOG
music:
......
......@@ -22,7 +22,7 @@ links:
- 一个好奇的博客
- name: xaoxuu’s blog
avatar: https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-LINKS/xaoxuu.png
avatar: https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-LINKS/xaoxuu.jpg
url: https://xaoxuu.com/
backgroundColor: '#34A853'
textColor: '#fff'
......@@ -40,7 +40,7 @@ links:
- Python
- name: 番茄酱の萌化小屋
avatar: https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-LINKS/kurumi.png
avatar: https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-LINKS/kurumi.jpg
url: https://i.kurumi.ink/
backgroundColor: '#E94335'
textColor: '#fff'
......@@ -50,7 +50,7 @@ links:
- 二次元
- name: attack204
avatar: https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-LINKS/attack204.png
avatar: https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-LINKS/attack204.jpg
url: http://attack204.com/
backgroundColor: '#967ADC'
textColor: '#fff'
......@@ -105,7 +105,7 @@ links:
- Python3
- name: JerryC
avatar: https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-LINKS/jerryc.png
avatar: https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-LINKS/jerryc.jpg
url: http://jerryc.me/
backgroundColor: '#FBBC05'
textColor: '#fff'
......@@ -202,7 +202,7 @@ links:
- 蒟蒻
- name: Yinux's Blog
avatar: https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-LINKS/codingpy.png
avatar: https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-LINKS/yinuxy.jpg
url: https://www.yinuxy.com/
backgroundColor: '#7C5246'
textColor: '#fff'
......@@ -344,7 +344,7 @@ links:
- 人生苦短,及时行乐
- name: Emil’s blog
avatar: https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-LINKS/hvnobug.png
avatar: https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-LINKS/hvnobug.jpg
url: https://blog.hvnobug.com/
backgroundColor: '#7C5246'
textColor: '#fff'
......@@ -369,16 +369,13 @@ links:
- Java
- 前端
- name: 空梦博客
avatar: https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-LINKS/kmbk0.png
url: https://kmbk0.top/
backgroundColor: '#008B8B'
- name: 优客-blog
avatar: https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-LINKS/youke0.png
url: http://youke0.xyz/
backgroundColor: '#708090'
textColor: '#fff'
tags:
- Web
- Java
- 框架
- 码农
- 一定要比从前的自己更加优秀!
- name: 高高编程小屋
avatar: https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-LINKS/frogfrog.jpg
......
......@@ -4,11 +4,11 @@ info:
docs: https://xaoxuu.com/wiki/material-x/
cdn: # 把对应的那一行注释掉就使用本地的文件
css:
style: https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.8/css/style.css
style: https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.1.0/css/style.css
js:
app: https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.8/js/app.js
search: https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.8/js/search.js
volantis: https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.8/js/volantis.min.js
app: https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.1.0/js/app.js
search: https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.1.0/js/search.js
volantis: https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.1.0/js/volantis.min.js
......@@ -38,7 +38,7 @@ music:
autoplay: false # 自动播放
# 友链页头像占位图
avatar_placeholder: https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.8/images/bitmap.gif
avatar_placeholder: https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.1.0/images/bitmap.gif
# 文章字数统计、阅读时长
word_count: true
......@@ -48,9 +48,9 @@ reward:
enable: true
reward_comment: 您的喜欢是作者写作最大的动力!❤️
PayPalLink: https://paypal.me/trhx
AliPayOR: https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.8/images/reward/AliPayQR.png
WeChatPayOR: https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.8/images/reward/WeChatQR.png
QQPayOR: https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.8/images/reward/QQPayQR.png
AliPayOR: https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.1.0/images/reward/AliPayQR.png
WeChatPayOR: https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.1.0/images/reward/WeChatQR.png
QQPayOR: https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.1.0/images/reward/QQPayQR.png
# 日期格式 http://momentjs.com/docs/
date_format: 'YYYY-MM-DD' # 文章发布日期的格式
......@@ -62,9 +62,9 @@ backstretch:
duration: 5000 # 持续时间(毫秒)
fade: 1500 # 渐变(毫秒)
images:
#- https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.8/images/background/023.webp
#- https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.8/images/background/022.webp
#- https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.8/images/background/021.webp
#- https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.1.0/images/background/023.webp
#- https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.1.0/images/background/022.webp
#- https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.1.0/images/background/021.webp
############################### 自定义 ###############################
......@@ -73,7 +73,7 @@ cover:
scheme: search # 后期将会提供多种封面方案
height: full # full(默认值): 首页封面占据整个第一屏幕,其他页面占半个屏幕高度, half: 所有页面都封面都只占半个屏幕高度
# title: "TRHX'S BLOG"
logo: https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.8/images/logo.png # logo和title只显示一个,若同时设置,则只显示logo
logo: https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.1.0/images/logo.png # logo和title只显示一个,若同时设置,则只显示logo
search_placeholder: '世界之大,探索一下!'
# 主页封面菜单
features:
......@@ -164,51 +164,55 @@ body: [article, comments]
# 侧边栏小部件,默认按下面给定的顺序全部显示,文章中还可以自定义显示一部分以及顺序
sidebar:
- widget: author
avatar: https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.8/images/trhx.png
avatar: https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.1.0/images/trhx.png
title: ๑۩ﺴ&nbsp;&nbsp;TRHX&nbsp;&nbsp;ﺴ۩๑
#body: Stay Hungry, Stay Foolish!
social: true
- widget: toc
- widget: grid
icon: fas fa-map-signs
title: 站内导航
rows:
- name: 所有文章
icon: fas fa-clock
url: /
- name: 文章归档
icon: fas fa-archive
url: archives/
- name: RSS订阅
icon: fas fa-rss
url: /atom.xml
- name: 我的友链
icon: fas fa-link
url: friends/
- name: 留言板
icon: fas fa-comments
url: comments/
target: _blank
- name: 关于博主
icon: fas fa-info-circle
url: about/
rel: nofollow
# - widget: grid
# icon: fas fa-map-signs
# title: 站内导航
# rows:
# - name: 所有文章
# icon: fas fa-clock
# url: /
# - name: 文章归档
# icon: fas fa-archive
# url: archives/
# - name: RSS订阅
# icon: fas fa-rss
# url: /atom.xml
# - name: 我的友链
# icon: fas fa-link
# url: friends/
# - name: 留言板
# icon: fas fa-comments
# url: comments/
# target: _blank
# - name: 关于博主
# icon: fas fa-info-circle
# url: about/
# rel: nofollow
- widget: plain
icon: fas fa-handshake
title: 欢迎光临
body: '<script src="https://pv.sohu.com/cityjson?ie=utf-8"></script><script>var getOSAndBrowser=function(){var os=navigator.platform;var userAgent=navigator.userAgent;var info="";var tempArray="";if(os.indexOf("Win")>-1){if(userAgent.indexOf("Windows NT 5.0")>-1){info+="Win2000"}else if(userAgent.indexOf("Windows NT 5.1")>-1){info+="WinXP"}else if(userAgent.indexOf("Windows NT 5.2")>-1){info+="Win2003"}else if(userAgent.indexOf("Windows NT 6.0")>-1){info+="WindowsVista"}else if(userAgent.indexOf("Windows NT 6.1")>-1||userAgent.indexOf("Windows 7")>-1){info+="Win7"}else if(userAgent.indexOf("Windows NT 6.2")>-1||userAgent.indexOf("Windows 8")>-1){info+="Win8"}else if(userAgent.indexOf("Windows NT 6.3")>-1||userAgent.indexOf("Windows 8.1")>-1){info+="Win8.1"}else if(userAgent.indexOf("Windows NT 10.0")>-1||userAgent.indexOf("Windows 10")>-1){info+="Win10"}else{info+="Other"}}else if(os.indexOf("Mac")>-1){info+="Mac"}else if(os.indexOf("X11")>-1){info+="Unix"}else if(os.indexOf("Linux")>-1){info+="Linux"}else{info+="Other"}info+="/";var isOpera=userAgent.indexOf("Opera")>-1;var isIE=userAgent.indexOf("compatible")>-1&&userAgent.indexOf("MSIE")>-1&&!isOpera;var isEdge=userAgent.toLowerCase().indexOf("edge")>-1&&!isIE;var isIE11=(userAgent.toLowerCase().indexOf("trident")>-1&&userAgent.indexOf("rv")>-1);if(/[Ff]irefox(\/\d+\.\d+)/.test(userAgent)){tempArray=/([Ff]irefox)\/(\d+\.\d+)/.exec(userAgent);info+=tempArray[1]+tempArray[2]}else if(isIE){var version="";var reIE=new RegExp("MSIE (\\d+\\.\\d+);");reIE.test(userAgent);var fIEVersion=parseFloat(RegExp["$1"]);if(fIEVersion==7){version="IE7"}else if(fIEVersion==8){version="IE8"}else if(fIEVersion==9){version="IE9"}else if(fIEVersion==10){version="IE10"}else{version="0"}info+=version}else if(isEdge){info+="Edge"}else if(isIE11){info+="IE11"}else if(/[Cc]hrome\/\d+/.test(userAgent)){tempArray=/([Cc]hrome)\/(\d+)/.exec(userAgent);info+=tempArray[1]+tempArray[2]}else if(/[Vv]ersion\/\d+\.\d+\.\d+(\.\d)* *[Ss]afari/.test(userAgent)){tempArray=/[Vv]ersion\/(\d+\.\d+\.\d+)(\.\d)* *([Ss]afari)/.exec(userAgent);info+=tempArray[3]+tempArray[1]}else if(/[Oo]pera.+[Vv]ersion\/\d+\.\d+/.test(userAgent)){tempArray=/([Oo]pera).+[Vv]ersion\/(\d+)\.\d+/.exec(userAgent);info+=tempArray[1]+tempArray[2]}else{info+="unknown"}return info};document.write("欢迎来自"+returnCitySN["cname"]+"的朋友");document.write("<br>您的 IP 是:"+returnCitySN["cip"]);document.write("<br>您使用的是:"+getOSAndBrowser());</script>'
- widget: plain
icon: fas fa-map-marked-alt
title: 访客地图
body: '<div style="position: relative;"><script type="text/javascript" src="//rf.revolvermaps.com/0/0/4.js?i=5eyl60h41k1&amp;m=6&amp;h=122&amp;c=ff0000&amp;r=30" async="async"></script></div>'
body: '<script src="https://pv.sohu.com/cityjson?ie=utf-8"></script><script src=" https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.1.0/js/ip.js"></script><br><script type="text/javascript" src="//rf.revolvermaps.com/0/0/4.js?i=5eyl60h41k1&amp;m=6&amp;h=122&amp;c=ff0000&amp;r=30" async="async"></script><a id="goroups_button" class="goroups_button_new" target="_blank" href="https://jq.qq.com/?_wv=1027&k=5F6HRuG">QQ 交流群</a><a id="goroups_button" class="goroups_button_new" target="_blank" href="https://t.me/joinchat/Mro2h0uVt0DpDvOofWG65A">Telegram 交流群</a>'
more:
icon: fas fa-info-circle
url: https://www.revolvermaps.com/
target: _blank
- widget: plain
icon: fas fa-comments
title: 交流群组
body: '<img src="https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.8/images/groups.png"><a id="goroups_button" class="goroups_button_new" target="_blank" href="https://jq.qq.com/?_wv=1027&k=5F6HRuG">QQ 交流群</a><a id="goroups_button" class="goroups_button_new" target="_blank" href="https://t.me/joinchat/Mro2h0uVt0DpDvOofWG65A">Telegram 交流群</a>'
icon: fas fa-map-marked-alt
title: 家乡产业 - 恩施富硒茶
body: <script src=" https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.1.0/js/tea.js"></script><marquee>恩施硒茶、利川红•冷后浑,源自北纬30°的功夫红茶,产于世界硒都 — 湖北恩施,2018年4月28日,国家主席习近平在武汉东湖同印度总理莫迪一同品尝了利川红,富硒茶具有降脂减肥、防癌抗毒、提神醒脑等功能,传统炒青工艺,正宗产地,色泽翠绿,茶香浓郁,爱茶养生人士的不二选择!</marquee><a href="https://item.taobao.com/item.htm?id=603056142723" target="_blank"><img class="img-slide tea_index_img" src="https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.1.0/images/tea/1.jpg" alt="恩施富硒茶"></a><a href="https://item.taobao.com/item.htm?id=607252399515" target="_blank"><img class="img-slide tea_other_img" src="https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.1.0/images/tea/2.jpg" alt="恩施富硒茶"></a><a href="https://item.taobao.com/item.htm?id=606622560069" target="_blank"><img class="img-slide tea_other_img" src="https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.1.0/images/tea/3.jpg" alt="恩施富硒茶"></a><a href="https://item.taobao.com/item.htm?id=607320655187" target="_blank"><img class="img-slide tea_other_img" src="https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.1.0/images/tea/4.jpg" alt="恩施富硒茶"></a><a href="https://yangkeduo.com/goods.html?goods_id=94106762662" target="_blank"><img class="img-slide tea_other_img" src="https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.1.0/images/tea/5.jpg" alt="恩施富硒茶"></a><img class="img-slide tea_other_img" src="https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.1.0/images/tea/6.jpg" alt="恩施富硒茶"><a id="goroups_button" class="goroups_button_new" target="_blank" href="https://shop144988343.taobao.com/">进店逛逛</a>
more:
icon: fas fa-shopping-cart
url: https://shop144988343.taobao.com/
target: _blank
# - widget: plain
# icon: fas fa-comments
# title: 交流群组
# body: '<img src="https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.1.0/images/groups.png"><a id="goroups_button" class="goroups_button_new" target="_blank" href="https://jq.qq.com/?_wv=1027&k=5F6HRuG">QQ 交流群</a><a id="goroups_button" class="goroups_button_new" target="_blank" href="https://t.me/joinchat/Mro2h0uVt0DpDvOofWG65A">Telegram 交流群</a>'
# - widget: list
# icon: fas fa-link
# title: 特别链接
......
var getOSAndBrowser = function () {
var os = navigator.platform;
var userAgent = navigator.userAgent;
var info = "";
var tempArray = "";
if (os.indexOf("Win") > -1) {
if (userAgent.indexOf("Windows NT 5.0") > -1) {
info += "Win2000"
} else if (userAgent.indexOf("Windows NT 5.1") > -1) {
info += "WinXP"
} else if (userAgent.indexOf("Windows NT 5.2") > -1) {
info += "Win2003"
} else if (userAgent.indexOf("Windows NT 6.0") > -1) {
info += "WindowsVista"
} else if (userAgent.indexOf("Windows NT 6.1") > -1 || userAgent.indexOf("Windows 7") > -1) {
info += "Win7"
} else if (userAgent.indexOf("Windows NT 6.2") > -1 || userAgent.indexOf("Windows 8") > -1) {
info += "Win8"
} else if (userAgent.indexOf("Windows NT 6.3") > -1 || userAgent.indexOf("Windows 8.1") > -1) {
info += "Win8.1"
} else if (userAgent.indexOf("Windows NT 10.0") > -1 || userAgent.indexOf("Windows 10") > -1) {
info += "Win10"
} else {
info += "Other"
}
} else if (os.indexOf("Mac") > -1) {
info += "Mac"
} else if (os.indexOf("X11") > -1) {
info += "Unix"
} else if (os.indexOf("Linux") > -1) {
info += "Linux"
} else {
info += "Other"
}
info += "/";
var isOpera = userAgent.indexOf("Opera") > -1;
var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera;
var isEdge = userAgent.toLowerCase().indexOf("edge") > -1 && !isIE;
var isIE11 = (userAgent.toLowerCase().indexOf("trident") > -1 && userAgent.indexOf("rv") > -1);
if (/[Ff]irefox(\/\d+\.\d+)/.test(userAgent)) {
tempArray = /([Ff]irefox)\/(\d+\.\d+)/.exec(userAgent);
info += tempArray[1] + tempArray[2]
} else if (isIE) {
var version = "";
var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
reIE.test(userAgent);
var fIEVersion = parseFloat(RegExp["$1"]);
if (fIEVersion == 7) {
version = "IE7"
} else if (fIEVersion == 8) {
version = "IE8"
} else if (fIEVersion == 9) {
version = "IE9"
} else if (fIEVersion == 10) {
version = "IE10"
} else {
version = "0"
}
info += version
} else if (isEdge) {
info += "Edge"
} else if (isIE11) {
info += "IE11"
} else if (/[Cc]hrome\/\d+/.test(userAgent)) {
tempArray = /([Cc]hrome)\/(\d+)/.exec(userAgent);
info += tempArray[1] + tempArray[2]
} else if (/[Vv]ersion\/\d+\.\d+\.\d+(\.\d)* *[Ss]afari/.test(userAgent)) {
tempArray = /[Vv]ersion\/(\d+\.\d+\.\d+)(\.\d)* *([Ss]afari)/.exec(userAgent);
info += tempArray[3] + tempArray[1]
} else if (/[Oo]pera.+[Vv]ersion\/\d+\.\d+/.test(userAgent)) {
tempArray = /([Oo]pera).+[Vv]ersion\/(\d+)\.\d+/.exec(userAgent);
info += tempArray[1] + tempArray[2]
} else {
info += "unknown"
}
return info
};
document.write("欢迎来自" + returnCitySN["cname"] + "的朋友");
document.write("<br>您的 IP 是:" + returnCitySN["cip"]);
document.write("<br>您使用的是:" + getOSAndBrowser());
var index=0;
//改变图片
function ChangeImg() {
index++;
var a=document.getElementsByClassName("img-slide");
if(index>=a.length) index=0;
for(var i=0;i<a.length;i++){
a[i].style.display='none';
}
a[index].style.display='block';
}
//设置定时器,每隔两秒切换一张图片
setInterval(ChangeImg,2000);
......@@ -584,6 +584,8 @@
border-color: #ebccd1;
}
}
//代码雨canvas
canvas {
position: fixed;
right: 0px;
......@@ -594,6 +596,8 @@ canvas {
width: auto;
z-index: -1;
}
//底部仿github徽章
.github-badge {
display: inline-block;
border-radius: 4px;
......@@ -661,20 +665,22 @@ canvas {
width: 100px;
height: 100px;
}
//侧边栏点击按钮
a.goroups_button_new {
font-size: 14px;
font-size: 15px;
font-weight: bold;
line-height: 100%;
text-align: center;
color: #FFF;
background: #1BC3FB;
border-radius: 22px;
border-radius: 10px;
overflow: hidden;
display: block;
padding: 15px 27px 13px;
padding: 12px 25px 12px;
margin: 10px auto;
text-transform: uppercase;
width: 90%;
/*width: 90%;*/
}
a.goroups_button_new:hover {
background: #04A8DF;
......@@ -692,3 +698,11 @@ a#goroups_button:hover {
a#goroups_button:visited {
color:#FFFFFF;
}
//侧边栏茶叶广告
.tea_index_img{
display: block;
}
.tea_other_img{
display: none;
}
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册