汽购网成长日记(一)——阿里云ECS配置新手笔记

前几天,网站备案通过了,我也开始了我个人的真正打算好好的做一个站,至于做这个站的动机,我想也没什么特别的理由,可能是因为工作的关系,就想到了来做这么一个网站,或者叫博客来对我现有的工作进行一个补充,而且能更好的检验自己的网站运营能力,SEO能力,产品设计能力。综上所述,这个网站我慢慢的建立起来了,当然,到今天为止,这个网站的很多很多我都还没有完全完成,我想我应该尽力的去把这个网站做好,做完成,今天就写我真正开始做这个网站面临的第一个问题吧!

服务器的问题


对于我来说,虽然之前也有过做网站的经历,但都是一些非常浅显的经历,当然这次也很浅显,只是比之前稍微深入了一点,我遇到的第一个问题就是服务器的配置问题;因为做这个站我之前是一直用香港服务器测试的,毕竟香港服务器是免备案的,这里顺便说个小技巧,就是如何备案不关站,这个技巧也是我在另外一个大神的博客看到的,就是备案的时候如果你备的是xxx.com域名,那么,你在域名解析的时候把@解析删掉,留下www解析,这样,管局输入xxx.com就会打不开,不用关站备案就能通过。

话说回来,我们这次笔记的主题是阿里云ECS的配置问题,因为这个问题是大多数新手站长要面临的一个严峻的问题,之前我用虚拟主机的时候那叫一个酸爽,安装完毕网站程序就能直接上传网站模板了,然后就能开始修改网页了,但这次用的是linux的服务器,然后系统版本是centos32位,这个对我来说是第一次接触,我看着阿里云的产品说明文档看了半天才搞懂了一点点。

    • 下载putty的一个ssh登录服务器后台的应用

putty

  • 第二部才是登录到ssh的后台,登录之后我就完全不会了,这个时候只能上群里求助了,还好这个时候群里的大神帮忙了,在这里表示非常感谢,大神也非常低调

完全教学开始


这个地方从已经登陆了ssh后台开始,这部分基本就是和FTP登录模式一样一样的

    • yum -y install wget screen具体是什么意思其实我也不懂,完全不懂linux

QQ图片20151101233704

QQ图片20151101234024等几分钟出来就是这个结果,证明做的正确,接下来就是下一步,下载一键包。

  • wget http://aliyun-oss.linuxeye.com/lnmp-full.tar.gz输入这个代码下载一键包

QQ图片20151105231302下载完毕。

  • screen -S lnmp输入这个代码建立进程

QQ图片20151105231818
QQ图片20151105232050接下来就是这个各种选择Y/N之类的问题,会点英语基本都没问题,都是类似于php安装什么版本啊,mysql安装什么版本啊之类的问题。
QQ图片20151105232244yes or no这样的问题完了之后就开始我们的一键包安装之旅了,这个过程需要耐心的等待。
QQ图片20151105232530安装过程截图。
在经过漫长的等待之后(大约1个小时)终于安装完毕。
QQ图片20151105232736到这里就全部搞定了。

剩下的还有几个问题就是虚拟主机的FTP用ssh的方法登录,端口是22;还有一个服务器端绑定域名,这里最好绑定两个,一个根域名,一个二级域名;剩下的就是网站搬家了,网站搬家可以参考我上次搬家写的教程:【服务器】wordpress网站搬家五步走实例

一个漂亮的网站载入界面

思路

要说思路,作为一个菜菜菜菜菜级别的那啥,我脑袋里面想的第一个画面就是搞一张图片什么的直接放上去,然后搞个按钮链接到新的网站,不过鉴于能力实在有限,所以想了很多也没想好该怎么弄,正好最近有稍微学习bootstrap,只是稍微学了点,在起步页面居然发现了有一个官方的载入页面模板,就借鉴过来使用了,稍微改了下背景颜色,感觉挺好用的。

难点

难点应该是中间那个倒计时了吧,说实话我的JS很渣,比html还渣,我从网上找了几段代码复制黏贴上去就可以使用了
[code]var second = document.getElementById('settimes').textContent;

if (navigator.appName.indexOf("Explorer") > -1)
{
second = document.getElementById('settimes').innerText;
} else
{
second = document.getElementById('settimes').textContent;
}

setInterval("redirect()", 1000);
function redirect()
{
if (second < 0)
{

<!--定义倒计时后跳转页面-->
location.href = 'http://www.xdycc.cn';
} else
{
if (navigator.appName.indexOf("Explorer") > -1)
{
document.getElementById('settimes').innerText = second--;
} else
{
document.getElementById('settimes').textContent = second--;
}
}
}[/code]
至于代码里面的函数,我真心没看懂,虽然上个月学了点js,但用的时候全忘记了

代码

[code]<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! -->
<meta name="keywords" content="龙岗精品二手车城,龙岗固定二手车城,新大运二手车城,深圳室内二手车城,龙岗车管所,龙岗二手车加盟,龙岗最大的二手车城,龙岗最专业二手车交易,国内最大认证二手车交易综合体,龙岗高档二手车城,龙岗二手车城,深圳二手车城,龙岗永久二手车城" />
<meta name="description" content="新大运车城二手车交易市场提供车辆信息查询、鉴定评估服务并规划有汽车修理厂、汽车美容快修与检测、零配件精品销售等等,为车辆售后服务提供有效保障。联系热线:0755-28679888" />

<title>新大运车城网站全面改版</title>

<!-- Bootstrap core CSS -->
<link href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">

<!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
<script src="../../assets/js/ie-emulation-modes-warning.js"></script>

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<style>

/* Links */
a,
a:focus,
a:hover {
color: #fff;
}

/* Custom default button */
.btn-default,
.btn-default:hover,
.btn-default:focus {
color: #333;
text-shadow: none; /* Prevent inheritence from `body` */
background-color: #fff;
border: 1px solid #fff;
}

/*
* Base structure
*/

html,
body {
height: 100%;
background-color: #227ecc;
}
body {
color: #fff;
text-align: center;
text-shadow: 0 1px 3px rgba(0,0,0,.5);
}

/* Extra markup and styles for table-esque vertical and horizontal centering */
.site-wrapper {
display: table;
width: 100%;
height: 100%; /* For at least Firefox */
min-height: 100%;
-webkit-box-shadow: inset 0 0 100px rgba(0,0,0,.5);
box-shadow: inset 0 0 100px rgba(0,0,0,.5);
}
.site-wrapper-inner {
display: table-cell;
vertical-align: top;
}
.cover-container {
margin-right: auto;
margin-left: auto;
}

/* Padding for spacing */
.inner {
padding: 30px;
}

/*
* Header
*/
.masthead-brand {
margin-top: 10px;
margin-bottom: 10px;
}

.masthead-nav > li {
display: inline-block;
}
.masthead-nav > li + li {
margin-left: 20px;
}
.masthead-nav > li > a {
padding-right: 0;
padding-left: 0;
font-size: 16px;
font-weight: bold;
color: #fff; /* IE8 proofing */
color: rgba(255,255,255,.75);
border-bottom: 2px solid transparent;
}
.masthead-nav > li > a:hover,
.masthead-nav > li > a:focus {
background-color: transparent;
border-bottom-color: #a9a9a9;
border-bottom-color: rgba(255,255,255,.25);
}
.masthead-nav > .active > a,
.masthead-nav > .active > a:hover,
.masthead-nav > .active > a:focus {
color: #fff;
border-bottom-color: #fff;
}

@media (min-width: 768px) {
.masthead-brand {
float: left;
}
.masthead-nav {
float: right;
}
}

/*
* Cover
*/

.cover {
padding: 0 20px;
}
.cover .btn-lg {
padding: 10px 20px;
font-weight: bold;
}

/*
* Footer
*/

.mastfoot {
color: #999; /* IE8 proofing */
color: rgba(255,255,255,.5);
}

/*
* Affix and center
*/

@media (min-width: 768px) {
/* Pull out the header and footer */
.masthead {
position: fixed;
top: 0;
}
.mastfoot {
position: fixed;
bottom: 0;
}
/* Start the vertical centering */
.site-wrapper-inner {
vertical-align: middle;
}
/* Handle the widths */
.masthead,
.mastfoot,
.cover-container {
width: 100%; /* Must be percentage or pixels for horizontal alignment */
}
}

@media (min-width: 992px) {
.masthead,
.mastfoot,
.cover-container {
width: 700px;
}
}
</style>
</head>

<body>

<div class="site-wrapper">

<div class="site-wrapper-inner">

<div class="cover-container">

<div class="masthead clearfix">
<div class="inner">
<h3 class="masthead-brand">新大运车城</h3>
<nav>
<ul class="nav masthead-nav">
<li class="active"><a href="http://www.xdycc.com">首页</a></li>
<li><a href="http://www.xdycc.cn/store_goods_list.htm">买车</a></li>
<li><a href="http://www.xdycc.cn/pinggu.htm">卖车</a></li>
</ul>
</nav>
</div>
</div>

<div class="inner cover">
<h1 class="cover-heading">网站全面改版</h1>
<!--<p class="lead">新大运车城是龙岗地区最大的二手车市场,市场商户上百家,车辆上千台,是您买车卖车的最佳选择!龙岗车管所坐落院内</p>-->
<p class="lead">
<a href="http://www.xdycc.cn" class="btn btn-lg btn-default">进入新版&nbsp;<span id="settimes">5</span></a>
</p>
</div>

<div class="mastfoot">
<div class="inner">
<p>版权所有 <a href="http://www.xdycc.com">新大运车城</a></p>
</div>
</div>

</div>

</div>

</div>

<script language="javascript" type="text/javascript">
var second = document.getElementById('settimes').textContent;

if (navigator.appName.indexOf("Explorer") > -1)
{
second = document.getElementById('settimes').innerText;
} else
{
second = document.getElementById('settimes').textContent;
}

setInterval("redirect()", 1000);
function redirect()
{
if (second < 0)
{

<!--定义倒计时后跳转页面-->
location.href = 'http://www.xdycc.cn';
} else
{
if (navigator.appName.indexOf("Explorer") > -1)
{
document.getElementById('settimes').innerText = second--;
} else
{
document.getElementById('settimes').textContent = second--;
}
}
}
</script>

<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
</body>
</html>
[/code]

PS:感谢wordpress群里的小伙伴在我遇到难题时候给予我回答,尤其是有关于编码的这个问题,一开始bootstrap的默认模板是utf-8编码,但我这个服务器网站模板的编码是GBK,所以调试了半天才没有乱码显示,在这里表示感谢。

【音乐推荐】真夏のSounds good!(中日歌词对照)-AKB48




真夏のSounds good!

「サンオイル背中(せなか)に涂(ぬ)って」と
sannoiru senakaninutteto
帮我在背上涂点防晒油吧
水着(みずぎ)の上外(うえそと)しながら寝(ね)そべった
mizuginouesotoshinagaranesoubetta
你解开泳衣卧在沙滩上
大胆(だいたん)な 君の一言(ひとこと)は
daitannna kiminohitokotoha
大胆的你的一句话
甘った(あまった)るい 白い(はくい)がした
amattarui hakuigashita
让空气里弥漫着暧昧的味道
どこまでも青い(あおい)海(うみ)と空(そら)
dokomademo aoiumitosora
海天无边无际
仆たちの関系(かんけい)に似(に)てる
bokutachinokannkeininiteru
虽然我们的关系
水平线(すいへいせん)は 変(か)わってるのに
suiheisennha kawatterunoni
就像海平线一样交织着
そう今(いま)は まだわがままな妹(いもうと)のようさ
souimaha madawagamamanaimoutonoyouni
但你却像那个任性的小妹妹一样

真夏(まなつ)のSounds good!
manatsuno Sounds good!
盛夏的乐曲如此动听
呟(つぶや)きながら
tsubuyakinagara
喃喃细语中
次(つぎ)のステップへ进(すす)みたいね
tsugino STEP hesusumitaine
仿佛在通向下一阶段
恋(こい)のカリキュラム
koino CURRICULUM
这恋爱的课程
波音(なみおと)Sounds good!
namioto Sounds good!
浪声哗哗如此悦耳
心(こころ)が騒ぐ(さわぐ)よ
kokorogasawaguyo
心里小鹿乱撞
去年(きょねん)よりも、仆は本気(ほんき)にらる
kyonennyorimo bokuhahonnkiniraru
如今的我已今非昔比了
Yes!

砂滨で 肌(はだえ)お焼い(やい)ている
????de hadaeoiyaiteiru
你在沙滩上沐浴着阳光
君を置(お)いて 仆は一人(ひとり)泳い(およい)だよ
kimiwooite bokuhahitorioyoidayo
而我独自在海中畅游
その后(のち)の いきなりのキスは
上岸后突然的一吻
sononochino ikinarino KISS ha
塩辛い(しおからい) 味(あじ)がした
shiokarai ajigashita
让这吻充满大海的咸味
さっきまでのあの风景(ふうけい)とは
sakkimadenoanofuukeitoha
感觉让刚才的那番风景
空気(くうき)まで変(か)わった気(き)がする
kuukimadekawattakigasuru
甚至连气氛都改变了
海(うみ)と空(そら)が ちゃんと向(む)き合(あ)って
umitosoraga channtomukiatte
海天交互辉映
そうお互い(たがい)のその青(あお)
souotagainosonoao
共成一色相得益彰
さ映し(うつし)合(あ)っている
sautsushiatteiru
渚(なぎさ)のGood job!
nagisano Good job
海滨这好地方
爱しい(いとしい)人よ
itoshiihitoyo
可爱的人啊
ずっと切(せつ)なくて言えなかった
一直苦于不知如何表达
zuttosetsunakute ienakatta
君が近(ちか)すぎて
kimigachikasugite
你靠地如此之近
きっかけGood job!
kekkake Good job
这是绝好的时机
素直(すなお)になるんだ
sunaoninarunnda
赶快表明心意吧
手(て)を伸(の)ばそう 恋(こい)の季节(きせつ)じゃないか
tewonobasou koinokisetsujanaika
伸出手去。 夏天本就是恋爱的季节

真夏(まなつ)のSounds good!
manatsuno Sounds good!
盛夏的乐曲如此动听
呟(つぶや)きながら
tsubuyakinagara
喃喃细语中
次(つぎ)のステップへ进(すす)みたいね
tsugino STEP hesusumitaine
仿佛在通向下一阶段
恋(こい)のカリキュラム
koino CURRICULUM
这恋爱的课程
波音(なみおと)Sounds good!
namioto Sounds good!
浪声哗哗如此悦耳
心(こころ)が騒ぐ(さわぐ)よ
kokorogasawaguyo
心里小鹿乱撞
去年(きょねん)よりも、仆は本気(ほんき)にらる
kyonennyorimo bokuhahonnkiniraru
如今的我已今非昔比了

真夏(まなつ)のSounds good!
manatsuno Sounds good
盛夏的乐曲如此动听
君が好き(すき)だ
kimigasukida
我好喜欢你
波音(なみおと)Sounds good!
namioto Sounds good
浪声哗哗如此动听
やっと言そたよ
yattoisotayo
终于说出口了
渚(なぎさ)のSounds good!
nagisano Sounds good
海滩这美好的地方
君が好きだ
kimigasukida
我好喜欢你
きいかけGood job!
kikake Good job
这是大好的时机
イイタイミングダネ
iitaiminnGOODne
绝对大好的时机

真夏(まなつ)のSounds good!
manatsuno Sounds good
美好的盛夏

【笔记】老韩HTML中的24讲作业输出菱形

[code]
/*
* 2*1-1;
*** 2*2-1;
***** 2*3-1;
*******2*4-1;
*/
//菱形;
var n=window.prompt("请输入一个整数:");
//菱形上半部分;
for (var i=1; i<=n; i++){
for(var j =1;j<=n-i;j++){
document.write("&nbsp");
}
for(var j=1; j<=2*i-1;j++){
document.write("*");
}
for(var j=1;j<=n-i; j++){
document.write(" ");
}
document.write("<br/>");
}
//菱形下半部分;
for (var i=1;i<=n;i++){
for (var j=1; j<=i;j++){
document.write("&nbsp");
}
for (var j=1; j<=2*n-1-2*i;j++){
document.write("*");
}
document.write("<br />");
}
[/code]
参考资料1:http://blog.csdn.net/wenximalong/article/details/8224891
参考资料2:http://blog.csdn.net/wenximalong/article/details/8228330

【书籍推荐】厨房—[日]吉本芭娜娜(mobi格式下载)


百度云盘:http://pan.baidu.com/s/1c00c0tM提取密码:8ipe


后来的事——文库版后记 这三篇小说能有如此大的销量,也曾让我呼吸沉重。 在被那个时代动荡的大潮所吞没的时间里,我觉得连自己的生活方式都遭到了愚弄。 我切实感到,“强烈的感受性所产生的苦恼与孤独,有着其令人几近难以忍受的一个侧面。尽管如此,但只要活着,人生就毫无阻滞地滑向前,而这无疑并非一桩怎么坏的事。即使际遇坎坷,也不是没有可能巧加利用,让自己活得有趣有味。为此,最好丢弃天真,保持骄傲,学会冷静。通过或多或少的努力,人们一定能够过上自己希望的生活。”我希望把我的这种信念传递给那些日日为痛苦忧思所折磨,心灵在不知不觉间干涸,因而渴望着外部雨露滋润的人们。 这就是我唯一所想做的。 或许,通过小说了解到有这样一种感受方式的存在,正打算自杀的人可能会悬崖勒马,哪怕仅仅延迟了短短几小时。 另外,我是容易但却很不喜欢成为别人商量的对象的一个人,不过我仍心存一念之诚,希望能用某种方式造福社会。 透过多样的微妙的感受方式,单纯、纯粹地描绘记录下这大千世界的美好,这就是我一以贯之的唯一主题。 人不可能永远和挚爱的人相聚在一起,无论多么美妙的事情都会成为过去,无论多么深切的悲哀也会消逝,一如时光的流逝。我想把这许多故事的美好用文字刻录下来。我的作品如果有丝毫沁入人心之处的话,我只希望能够继续写出这样的作品,献给那些需要它的人。 在固执地抱持这种想法的当时,我还是一个小姑娘,还没有足够的包容力,因此对有许多不必要的人读我的小说并不感到十分喜悦。 而现在到了“大婶”的年纪,脸皮也厚了,心情也逐渐变得开朗:“顺其自然就行了,就光把好的地方留作愉快的记忆吧。”“有那么多人看我的书,也算完成了使命,剩下的就是自由地去做自己喜欢的事了。” 去喝酒的时候,变过性的老板娘对我说:“你啊,也该动起来了,可得超越自己,红上加红才行啊。”我总是笑着说:“我可不要。”能够这样无所顾忌地欢笑的日子终于到来了,真好。 这本书,许多的人以许多种读法读过了它,也有许多人给予了很高的评价,这都使我感到万分荣幸。 另外,至今仍然不曾忘怀的是朋友井泽先生的那番话,他说:“吉本的那部小说,让这个世界的女孩子的非主流文化观一下子开出了花,钻出地表来了。” 如果读者们隐藏的感受性能够因此得到解放的话,这就足够了,我可以说我完成了自己的工作。 拥有新版封面的《厨房》,就像一个出门环游世界、获得众人的宠爱后归来的孩子,在此能够献上一本,感到非常高兴。 谨此向爽快地赞成将小说收入文库本的松家仁之先生、对我作品的喜爱程度总是更胜我本人的根本昌夫先生,以及尽心竭力发挥精彩创意、绘制精美插图并设计出精致装帧的增子由美小姐(她真是个心地美好的人,在这期间不厌其烦与我联络),表示真挚的谢忱! 同时也衷心感谢给予我大力帮助的事务所工作人员。 真心希求新封面的《厨房》能够成为读它的人的挚友。 吉本芭娜娜