Skip to content

Commit 0c92031

Browse files
yansheng836yansheng836
committed
docs:新增"使用前的修改建议"，修改网页关键字。
 Changes to be committed: modified: README.md modified: WebRoot/1static-picture/1_1_404page/transparent-404page.html modified: WebRoot/1static-picture/1_2_404page/dark-404page.html modified: WebRoot/1static-picture/1_3_404page/airplane-404page.html modified: WebRoot/1static-picture/1_4_404page/crying-face-404page.html modified: WebRoot/1static-picture/1_5_404page/blue-text-404page.html modified: WebRoot/2js-animate/2_2_tx-search-children/tx-search_children-404page.html modified: WebRoot/3mini-games/3_1_phaser-catch-the-cat/3_1_phaser-catch-the-cat.html modified: WebRoot/index.html new file: docs/change-advice.md
1 parent e7803d0 commit 0c92031

File tree

10 files changed

+69
-19
lines changed

10 files changed

+69
-19
lines changed

‎README.md

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -14,18 +14,20 @@
1414

1515
​ 2. 自定义一个404页面好像并不难，难的是如何让”状态码为404的请求“都转向我们自定义的404页面，关于这个问题可参考我转发的一篇博客：[三种思路实现自定义404页面](https://blog.csdn.net/weixin_41287260/article/details/96030104)，我这里用的是第三种:利用web容器提供的error-page标签，在`web.xml`中添加<error-page>标签即可实现，如下所示：
1616

17-
```html
17+
```xml
1818
<error-page>
1919
<error-code>404</error-code>
2020
<location>/resource/view/404.html</location>
2121
</error-page>
2222
```
2323

24-
3. 整理好后，会把每一个404页面独立开来，这样<font color="red">如果有需要，直接复制对应文件夹即可</font>；当然你也可以进行修改，对其进行个性化设置。
24+
3. 整理好后，会把每一个404页面独立开来，这样<font color="red">如果有需要，直接复制对应文件夹即可</font>；当然你也可以进行修改，对其进行个性化设置，可参考：[修改建议](https://github.com/yansheng836/404pages/blog/master/change-advice.md)。
2525

2626

2727

28-
## 404页面分类：
28+
## 404页面分类即介绍：
29+
30+
具体效果到 [github pages](https://www.yansheng.xyz/404pages/) 查看，下面是简单介绍。
2931

3032
（注：该分类主要是以页面是否有大量js交互为依据）
3133

@@ -58,7 +60,7 @@
5860

5961
## 致谢：
6062

61-
1. [i7素材网](http://www.17sucai.com)：404页面来自此网站。
63+
1. [i7素材网](http://www.17sucai.com)：部分404页面来自该网站。
6264

6365
2. [吾爱破解社区](https://www.52pojie.cn)：我当时想自定义404页面就是受《圈小猫》游戏的影响，我的项目中的此部分内容转载自：吾爱破解社区在github上的开源项目：[phaser-catch-the-cat](https://github.com/ganlvtech/phaser-catch-the-cat)，游戏试玩地址：[https://ganlvtech.github.io/phaser-catch-the-cat/](https://ganlvtech.github.io/phaser-catch-the-cat/)。
6466

@@ -84,7 +86,7 @@ myeclipse10.7, jdk1.8, Tomcat7.0
8486

8587
## 总结
8688

87-
我会持续改进，希望 `watch` 、 `star`或者`fork`，以便下次访问。
89+
有空我会持续改进，希望可以加关注： `watch` 、 `star`或者`fork`，同时也方便下次访问。
8890

8991

9092

‎WebRoot/1static-picture/1_1_404page/transparent-404page.html

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,11 @@
11
<!DOCTYPE html>
22
<html>
33
<head>
4-
54
<!-- <title>transparent-404page.html</title> -->
65
<title>transparent-404page</title>
76

8-
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
9-
<meta http-equiv="description" content="this is my page">
7+
<meta http-equiv="keywords" content="404页面">
8+
<meta http-equiv="description" content="自定义404页面">
109
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
1110

1211
<style type="text/css">

‎WebRoot/1static-picture/1_2_404page/dark-404page.html

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,8 @@
44
<title>dark-404page</title>
55
<!--<title>dark-404page.html</title>-->
66

7+
<meta http-equiv="keywords" content="404页面">
8+
<meta http-equiv="description" content="自定义404页面">
79
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
810

911
<style type="text/css">

‎WebRoot/1static-picture/1_3_404page/airplane-404page.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,8 +5,8 @@
55
<title>airplane-404page</title>
66

77
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
8-
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
9-
<meta http-equiv="description" content="this is my page">
8+
<meta http-equiv="keywords" content="404页面">
9+
<meta http-equiv="description" content="自定义404页面">
1010
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
1111

1212
<link rel="stylesheet" type="text/css" href="./css/airplane-404page.css" />

‎WebRoot/1static-picture/1_4_404page/crying-face-404page.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,8 @@
44
<!-- <title>crying-face-404page.html</title> -->
55
<title>crying-face-404page</title>
66

7-
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
8-
<meta http-equiv="description" content="this is my page">
7+
<meta http-equiv="keywords" content="404页面">
8+
<meta http-equiv="description" content="自定义404页面">
99
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
1010

1111
<style type="text/css">

‎WebRoot/1static-picture/1_5_404page/blue-text-404page.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,8 @@
44
<!-- <title>blue-text-404page.html</title> -->
55
<title>blue-text-404page</title>
66

7-
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
8-
<meta http-equiv="description" content="this is my page">
7+
<meta http-equiv="keywords" content="404页面">
8+
<meta http-equiv="description" content="自定义404页面">
99
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
1010

1111
<style type="text/css">

‎WebRoot/2js-animate/2_2_tx-search-children/tx-search_children-404page.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<!-- <title>tx-search_children-404page.html</title> -->
55
<title>腾讯公益--404页面</title>
66

7-
<meta http-equiv="keywords" content="404页面,keyword2,keyword3">
7+
<meta http-equiv="keywords" content="404页面">
88
<meta http-equiv="description" content="自定义404页面">
99
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
1010

‎WebRoot/3mini-games/3_1_phaser-catch-the-cat/3_1_phaser-catch-the-cat.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,8 @@
44
<!-- <title>3_1_phaser-catch-the-cat.html</title> -->
55
<title>Catch The Cat</title>
66

7-
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
8-
<meta http-equiv="description" content="this is my page">
7+
<meta http-equiv="keywords" content="404页面">
8+
<meta http-equiv="description" content="自定义404页面">
99
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
1010

1111
<style>

‎WebRoot/index.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,8 @@
33
<head>
44
<title>index.html</title>
55

6-
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
7-
<meta http-equiv="description" content="this is my page">
6+
<meta http-equiv="keywords" content="404页面">
7+
<meta http-equiv="description" content="自定义404页面">
88
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
99

1010
<link rel="stylesheet" type="text/css" href="./css/index.css">

‎docs/change-advice.md

Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
## 修改建议
2+
[TOC]
3+
4+
### 一、大方向可以随意自定义
5+
6+
比如：文件名，文件标题，样式等。
7+
8+
9+
10+
### 二、建议修改部分
11+
12+
> 统一说明：
13+
> - 如果未添加说明，说明可以不用修改。
14+
> - 有添加说明的，可以直接`Ctrl+F`搜索指定关键字，修改指定区域。
15+
> - 建议有超链接的都要看一下（比如“返回首页”要改成自己的网址）。
16+
17+
18+
19+
#### 1. 静态404页面：HTML+简单CSS+简单的js交互。
20+
21+
1.1 透明简约404页面：修改“返回首页”的超链接。
22+
23+
1.2 暗黑主题404页面：修改“返回网站首页”的超链接。
24+
25+
1.3 飞机404页面：修改“返回首页”的超链接。
26+
27+
1.4 哭脸404页面：修改“返回首页”的超链接。
28+
29+
1.5 蓝色简约-纯文字404页面：修改“返回首页”的超链接。
30+
31+
32+
#### 2. 动态404页面：HTML+CSS动画+简单的js交互。（浏览器加载时，会比较耗内存、GPU。）
33+
34+
2.1 纯css3海面404页面动画特效
35+
36+
2.2 腾讯公益-404页面：修改“返回首页”的超链接，即`homePageUrl`属性的值。
37+
38+
39+
#### 3. 404小游戏：
40+
41+
3.1 吾爱破解社区-《圈小猫》
42+
（1）修改“返回首页”的超链接。
43+
44+
45+
（2）修改`class="github-corner"`的超链接为自己的github地址，或者置为空。
46+
47+
（3）修改`credit`的值，可以随意，如果不需要，可以置为空。

0 commit comments

Comments
 (0)