如何用HTML写一个自己的静态网页?

大家好啊!我是Takumi!

终于把简体中文版和繁体中文版的博客合并在一起了,中间也遇到了一些很怪的事(比如Tsukaeru的CPU运行内存容量不足引起MySQL无法运行导致网站502报错),不过 终于顺利完成了!

不过在我合并之后我遇到了一个让我一直思考的问题,因为我的域名并没有设置主目录,而我的简体中文和繁体中文的WordPress目录是分别写为/cn和/tw,所以会出现 这样一种情况:

如果我们直接输入takumi748.icu,由于没有前端文件,所以网页会直接 404 NotFound报错,所以我们又要手动在网址中输入/cn或者/tw来进入网站,不过这样的话似乎是有点不方便

如果你是一个站长,你应该知道网站是有分前端和后端的,前端文件是一个名叫index.php或者index.html的文件,如果没有这个文件你无论在后端做的有多好,结果都是404报错(多么经典的报错代号)

不过我们也该知道像WordPress之类的建的网站是属于动态网站,像淘宝,天猫,京东,政府机关之类的网站是属于静态网站(静态网站的好处就是整个index文件归你管,而且还可以对他进行加密让黑客还需要花费额外网站攻击时间等)

为了防止这种事情,当初我是想利用php使用一个IP库来自动分辨那些是来自大陆的访问者,那些台湾的访问者,不过由于需要动员的代码太多,以我的能力我脑袋会爆炸所以无奈放弃。

所以我就建立了一个静态网页让访问者自己选择语言,我是这样写的(每句代码的意思我也会解释,大家也可以根据代码举一反三学习)

#<head>…</head>行代码用于设定网站属性
 <head>
 #用于自动适应访问者屏幕大小
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 #添加网点图标,文件必须放在于index.php或者index.html相同的文件夹,且图片格式必须是.ico格式
 <link rel="shortcut icon" href="bitbug_favicon.ico" />
 #不懂,应该是支援UTF-8(比如中文和日文之类的亚洲文字)
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 </head>
 #网站标题
 <title>Language</title>
 <body>
 #<p>…</p>的变体,p是英文post的缩写,Style后面的意思是把<p>…</p>里面的内容放在正中间
 <p style="text-align: center; font-weight: bold;">选择语言/选择语言</p>
 #<p>…</p>里面加还可以加入其他代码,比如我加的<a></a>,它的这里的作用是把<p></p>的文字链接到这个网址, 网址前缀必须加http://
 <p style="text-align: center; font-weight: bold;"><a href="http://xx.com">简体中文</a></p>
 <p style="text-align: center; font-weight: bold;"><a href="http://xx.com/tw">繁体中文(台湾)</a></p>
 </body>

顺便补充一下,现在最安全的个人博客方式是利用GitHub然后反向代理到你的域名(不得不说GitHub给你的github.io是一个二级域名而已…)

发表评论