@RabbitHu
2017-02-26T20:41:58.000000Z
字数 2393
阅读 1614
24OI小组成员如何拥有一个自己的博客？
参考
所需材料
· 一个好记有特点有节操的育明域名（.xyz比较便宜，.com比较通用，.tk根本不要钱然而百度似乎不收录）
· 一颗屡败屡战百折不挠的心
· 一张身份证
· 每个月要有几块钱
步骤
首先根据工信部的最新要求(-_-|||)需要将域名实名认证。在艾琳处购买域名的同学可以去找艾琳帮忙（艾琳大佬辛苦了），自行购买的同学请在域名商网站上寻找难看的红色字（或其他醒目提示），一般在显著的位置可以找到实名认证的提示。在境外注册域名的同学请无视。
然后请于胡小兔处获取公用服务器的账号和密码，这样就可以远程控制服务器啦，是不是非常的高端啊~~ 用账号和密码登录 http://107.182.181.158:3312/vhost/ 会打开一个叫做 "Easypanel独立控制面板" 的页面（有一定几率触发【加载过慢】事件，请放松身心、闭目养神，或写会作业、敲敲代码，也可以出去散散心，耐心等待地球另一端的辣鸡服务器变快。我写第一条的时候加载得特别快，现在加载得又特别慢……//哦一分钟后又变快了……//哦半分钟以后又变慢了……）
接下来绑定域名！如果你的页面没有鬼畜、成功加载出来了，那么第一行第二个应该是一个蹲在屏幕后面的地球的图标（懒得挂图片……），点击后会进入一个有两个文本框的页面！第一个（“域名”）是空的，输入自己的域名，第二个（“目录”）不用管。点击确定即可！
当然你一定注意到了这个页面用红艳艳的字体提示你“在添加绑定之前请先解析域名：A记录到IP 107.182.181.158”。啊什么是A记录呢？是域名解析的一种。什么是域名解析呢？就是告诉域名商（还有全世界）一声“我注册的这个域名代表着107.182.181.158这个IP”，这样在浏览器中输入你的域名的时候你的电脑才会找到咱的服务器，服务器再负责把你的网页内容传给你的电脑。那么怎么解析呢？找艾琳注册的同学要找（可怜的）艾琳，自己注册的同学又要回到域名商的网站，找找“域名解析”这项服务，然后按照提示操作添加“A记录”，IP填上咱的IP就好了。注意域名解析生效需要一段时间，这时候请放松身心、闭目养神，或写会作业、敲敲代码，也可以出去散散心，耐心等待域名解析生效！
那怎么知道解析确实生效了呢……这时候回到 Easypanel 控制面板，第一行第三个图标应该是“在线文件”，点开后会来到一个文件列表，只有一个文件夹叫“wwwroot”，点它一下，会发现……什么也没有。这时候点击上传文件，发现可以上传文件了！（如果不可以……请使用Chrome或Firefox等现代浏览器）嗯那么上传点什么呢……你可以在自己电脑上新建一个名叫“index.html”的文件，然后在里面填上：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>随便填点什么</h1>
</body>
</html>
……这种东西。把这个文件保存并上传到服务器上，并耐心等待（仍然有几率触发【加载过慢】事件）。如果你在浏览器中输入自己的域名，发现你填的正文显示出来了，那么你的域名绑定成功了！
如果你在绑定域名的过程中遇到问题请咨询胡小兔~
历经千辛万苦！终于！你可以使用你的网站了！从此！你在网站上发布的内容！在世界的任何一个有网络覆盖的角落都可以看见！
//……然而其实并没有人去看……那么我们该怎么写网页呢……这是一个点亮技能树的过程……
7.1. 首先你需要学习一种叫HTML的语言。它并不是编程语言，而是跟markdown类似的标记语言，专门用来写网页的。你可以到W3School学习它。神奇的w3school提供在线实验，左边填代码右边看效果，感觉就更像作业部落的markdown编辑了。HTML不需要学很多，只需要会写最最基本的网页就行了（例如能显示一张头像的图片、一个导航栏、一段正文内容）。可能你听说过HTML5，或者，一个更本土化的称呼"h5"。是的，你可以写出特别绚丽的效果（和游戏），但首先你还得点亮【CSS】【JS】等技能树。
//当然你也可以选择使用 Dreamweaver 这款能准确模仿上世纪风格网页的软件……但是这样真的很无聊……并且你无法通过点亮技能树使网页出现神奇的效果……更别提最需要的【代码高亮】了……
7.2. 熟悉了基本的HTML后可以学习CSS。它也不是编程语言……连HTML都赶不上，它只是用来装饰HTML的，比如给文字换个色、让div搞出奇怪的形状什么的。但是CSS3（CSS的最新版本）可以让你的网页上的元素出现精致的动画效果（div一碰就飞来飞去还变换颜色）什么的……你可以借此实现特别高端的网页！但是这个也是……随便看看就好……（其实我写网页的时候啥也记不住，总是百度不离手……）
7.3. 你接下来可能发现一个东西叫JavaScript。它不是Java，真的不是Java，而是一个脚本语言。据说它的作者几天就写完了这个语言！它和HTML、CSS不同，它真的是编程语言了！但是写一个博客用的网页你可能并不需要深入接触它，哪天你想要写一个游戏或者一个像作业部落一样的高端编辑器，它就很有用了！写好一个个.html文件以后上传到wwwroot文件夹就好了！你可以先在本地调好你的网页：用记事本或者高端的Sublime或Notepad++编辑一个.html文件，再用浏览器打开即可。
当你会写html、css和js，你就获得了【前端工程师】称号！//只是暂时还没人聘用你罢了……
如果你想获得【后端工程师】称号，php、sql的深坑等待你去挖掘……
你也可以选择使用wordpress这种神奇的东西……然而……我并没有用过……如果你学会了怎么使用欢迎试试！如果需要对整个服务器做什么操作请联系胡小兔。
我好像写了好多啊~ 欢迎补充欢迎指正！也欢迎……打赏……
