汽购网成长日记(一)——阿里云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网站搬家五步走实例

【译】Regolith主题汉化教程

Regolith主题汉化教程

regolith是一款国外主题开发者开发的一款非常美观横滑的响应式主题,原作者教程是英文的,不便于阅读以及理解这款主题的安装,故借助谷歌翻译将这款主题的英文教程翻译了过来,不对的地方请留言指出。

英文版主题文档        主题下载        主题演示

 入门

要安装这个主题,你必须已经安装的WordPress的工作版本。有关wordpress的安装方法,请参阅WordPress的教程。

你有两个选择上传主题 - 使用FTP或WordPress管理上传工具。

1)通过FTP上传:

首先,你必须解压你下载的文件。在那里,你会发现一个名为regolith.zip文件。现在,解压缩这个文件还。你应该看到一个名为“regolith”的文件夹。上传到/wp-content/themes/在你的WordPress安装。

2)通过WordPress管理上传:

打开你的WordPress管理;转到外观,然后选择添加新的主题。单击添加新的。上传regolith.zip。不要上传ZIP压缩包你themeforest下载。上传仅regolith.zip文件。如果你有一个“失踪样式表”的问题,你都上传了错误的文件!

激活

一旦上传完成后,激活你的主题外观>主题。一旦激活regolith将创建几个默认页面,其中 - 博客和网页。这些将被指定为新的头版和帖子的网页。您可以稍后编辑在regolith> Visual editor > Static Front page这里设置。

 访问主题设置

打开wordpress管理界面。当你打开wordpress管理界面,你可以点击“regolith”,在屏幕的左下角。在那里,你会发现主题设置。

主题设置有5个部分:

  • 常规设置(General) - 添加logo,设置侧边栏的信息和编辑社会化环境;
  • 主页(Homepage) - 改变一切的相关网页。
  • 联系页面(Contact Page) - 设置你的网站的联系表格。
  • 可视化编辑器(Visual Editor) - 编辑可视化设置。这需要你的WordPress主题customiser,允许您更改各种颜色,字体和图像,并立即看到结果。
  • 备份和重置(Backup&Reset) - 导出您的主题设置,并将其导入风化层的另一个实例。这是很方便的,当你设置的主题在本地,后来在不同的服务器上发布它。也可以让你的主题设置重置为默认值。
  • 帮助和支持(Help&Support) - 视图主题文件,有关更新和行星照联系方式的信息。

 上传自定义logo

进入主题设置并打开常规选项卡。你会发现有一节叫“logo”。在那里,你会看到两个文件上传域和alt文本字段。点击“浏览”按钮,从您的计算机中选择您的标志。还提供您的标志的缩小版,滚动时超越了原来的侧边栏显示的固定,结构紧凑侧边栏。点击保存在页面的底部,这就是它!你也应该提供如果你的形象永远无法加载在头版上会显示一个ALT文字。

 设置菜单

对于这个主题的菜单行为几乎完全一样的任何其他wordpress主题。有一个区别。每一级菜单项都有一个图标。这些字体真棒图标,这样你就可以很容易地挑选任何你喜欢的,并把它放在那里。有菜单显示您所需的图标采取这些步骤:

  • 1)进入Font-Aweson,并挑选你喜欢和复制它的名字一个图标。例如“icon-beer”。
  • 2)打开WordPress的菜单编辑器(外观 - >菜单)。
  • 3)打开要添加图标的菜单项。你会看到两个领域 - 导航标签和标题属性。
  • 4)题目粘贴“beer”(字体名称,减去的“fa-”的一部分)属性字段。
  • 5)保存并退出。

 设置主页

当您激活主题,regolith将自动创建的用于网页的页面。本页面将被称为“网页”,你可以找到它并编辑它在你的wp-admin“的页面”。

首页设置使用附带的各种主题的简码。所有这些简码都出现在您的主页默认。这些简码有不同的选择,你可以阅读更多有关。

默认情况下你的网页内容应该像下面看到的,但随时将其编辑成自己喜欢。

[regolith_slider /]

[column_wrap]

[column_item icon="globe" title="Lorem Ipsum" description="There are many variations of passages of Lorem Ipsum available"/]

[column_item icon="leaf" title="Consectetur adipisicing elit" description=" Ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt"/]

[column_item icon="suitcase" title="Eiusmod tempor incididunt" description="Magni dolores eos qui ratione voluptatem sequi nesciunt."/]

[/column_wrap]

[text_block]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. [/text_block]

[post_list count="6"/]

[portfolio_list]

设置作品集

作品集的作品很多像普通的博客文章,用几个小的差异。作品集并不需要特别设置。如果启用了漂亮的永久链接,那么你所有的作品集永远是下your-address.com/portfolio可见。

要创建一个新的作品集,应该先去上wp-admin“作品集”一节。然后点击“新增”页面的顶部,就像你创建一个博客帖子的时候做的。之后,继续写你的内容,并设置缩略图一样平常。

现在到了一部分,这是唯一的作品集。点击“添加媒体”权后的文本编辑器上面。选择“创建画廊”。选择要在作品集显示的图片,当你完成点击“创建新库”。这将导致插入后一个画廊对象。

保存后,打开它在你的页面的前端。该主题将纷纷拿起你放在画廊和很酷的列中显示这些图像。

建立联系页面

联系方式页面默认情况下已创建。而且与插件绑定在一起,应该很容易安装。一旦做到这一点,请联系wp-admin菜单,打开/创建联系人形式(有一个默认创建的)。编辑表格根据自己的喜好,并保存它。然后复制ID从简码的形式上面。 (请参见下面的代码示例)。

简码:

[contact-form-7 id="1805" title="Contact form 1"]

现在去主题管理的页面部分。在那里,你会发现名为“联系表ID”。有粘贴ID。

现在,您可以填写剩余的字段,以显示更多的信息。

上传样本内容

为了让事情变得更容易与初始设置,我们已经为您提供,你可以在你的WordPress网站导入示例内容。它位于从Themeforest下载的文件夹中。这就是所谓的regolith.wordpress.xml。你可以使用WordPress管理导入。转到工具>导入。从列表中选择“WordPress的”。选择上述文件并上传。(本段我也没看懂)

 短代码

滑块

缺省情况下使用:

[regolith_slider /]

附加属性:

[regolith_slider count="5" category="furniture" /]

首页滑块是不可见的,当你第一次加载主题,因为没有幻灯片添加到它。你可以在你的wp-admin将“滑块”一节和创建新的幻灯片添加图片到网页滑块。

标题栏

您可以使用简码将标题栏添加到页面。默认用法如下:

[column_wrap]

[column_item title="" description=""/]

[/column_wrap]

每个标题栏包括缠绕元件([column_wrap])及项([column_item])。项目可以选择要么显示Font-Awesome图标或图像。如果两者兼有,该图标需要的优先级。参见下面的例子:

[column_item title="" description="" icon="globe" /]

[column_item title="" description="" image="http://example.org/example.jpg" /]

最新文章

下面的简码,您可以嵌入后的集合中的页面。缺省情况下使用:

[post_list /]

附加属性:

[post_list count="6" title="Blog posts" category="news" tag="breaking" /]

最新作品集

下面的简码,您可以嵌入作品集拼接的页面。缺省情况下使用:

[portfolio_list /]

附加属性:

[portfolio_list count="6" title="Blog posts" category="travel" tag="mountains" /]

布局

这个主题是一个水平响应布局。所有的主要内容区域内的信息嵌套一个div内,一般模板结构是整个模板相同。(这句参考原文)

这个主题有2个不同的布局模式 - 全屏幕和移动(用于屏幕比650px小)。调整浏览器窗口大小探索它们接近。应当指出,该移动版本使用的而不是水平的传统的垂直布局。

Regolith使用CSS3,所以它不支持传统的浏览器,如Internet Explorer6&7和8。

CSS文件

所有的CSS文件都位于主题/assets/css/文件夹。大多数主题的CSS是在主stylesheet.css中,但手机的设计是在移动stylesheet.css中指定。

如果你想编辑的网站的特定部分,只需找到在CSS文件中的相应的标签,然后向下滚动,直到找到合适的风格,需要进行编辑。

javascript文件

所有的JavaScript文件都位于主题/assets/js/文件夹。本主题使用jQuery JavaScript库,许多插件和定制的脚本。所有的主题特定的行为写在theme.js,这是你可能永远需要编辑的唯一文件。

这是比较容易的找到你所需要编辑theme.js。只要打开该文件,并寻找初始化函数。它初始化所有其他功能,您可以通过名称识别。

加入youtube链接

略(此网站不存在)

注意事项、页面等内容

主题将页面,文章,作品集等内容做的很好调整,以适应有限的屏幕高度。这是通过智能拆分内容转换成动态列实现。然而,如果后含有非文本项,如大的图像或定制HTML代码,这是不能被分割,一些内容可能会溢出屏幕的边缘,并变得不可见。主题只能工作很好,如果内容被编辑方式,即允许它被分裂成列。

翻译主题

Regolith可以使用相同的工具和方法的WordPress的其余部分被翻译 - 使用POT语言文件。对于这个主题的语言文件可以在语言文件夹中找到主题文件。在那里,你会发现一个名为default.pot文件。

当你找到POT文件,你需要打开它像POEdit的程序,并翻译英语为首选语言。完成后,你会想,保存文件两次作为两个单独的文件 - 一个的.po文件和文件的.mo。当您保存文件时,你必须根据你的国家和语言代码命名。例如,对于英语的语言代码的en_EN,所以你会翻译的文件保存为en_EN.po,再en_EN.mo。如果这样做了,只需将文件上传到你的主题语言文件夹。

一旦文件已被上传,你需要告诉WordPress的使用哪种语言。这可以通过编辑wp-config.php文件在WordPress站点根目录文件夹来完成。发现这个“定义(”WPLANG','');“而像这样的东西替代它:“定义(”WPLANG','fr_FR目录');“其中fr_FR目录(法语语言代码)被替换为你想要的语言代码。

带www与不带www,优化那个域名好?

今天之前,我是没有这个概念的。到底优化哪一个域名?我一个站,带www的权重为0,不带www的权重是1,为了把权重集中到一个域名,我决定把不带www的域名都301重定向到带www的域名上。301重定向可参考网站301重定向实例

到底是优化带www的好,还是不带www的好,其实我认为本身不是很重要,但要优化一个域名会比较有效。两个域名会让权重比较分散。这里我分享两种301的实例。

  • 一是用万网主机的设置方法。万网主机自带的有301设置。

 

就这样设置就可以了。接下来不论你在服务器输入那个域名都会自动跳转到主域名。

  • 二是主机不支持这样设置的,我们可以参考网站301重定向实例里面的方法。

RewriteEngine on
RewriteCond %{HTTP_HOST} ^yukisa.com [NC]
RewriteRule ^(.*)$ http://www.yukisa.com/$1 [L,R=301]

然后把文本命名为.htaccess.txt就可以,删掉txt,上传至服务器网站根目录,就搞定了。

wordpress搬家记:全站搬家后台出现后空白

最近没怎么更博,总结下来就一点,懒。除了懒之外,还有点拖延,本来说好的昨天写文章的,但一直到今天才写。

先说网站搬家吧,搬家本身不难,参考我之前写的网站搬家五步走,但这次我按照这个步骤做了之后出现了一个问题。就是后台一片空白。如图所示:

大概就是这个问题,前台访问非常正常,我找几位大神帮忙解决,调试了半天也没发现有什么异常,更加没有报错。也就是连个错误代码都没有显示。

然后我靠着搜索引擎查询了一下大概会出现的错误:

  1. FTP在线编辑config.php,导致编码错误;我按照他说的,把config.php重新改好,上传了一份。结果失败,后台依然空白。
  2. 主题文件夹和插件文件夹改名字,我试了,依然进不去后台,空白依然。
  3. 编辑wp-config.php这个文件,找到define('DB_NAME', 'winestable');在它之前加上define(‘WP_MEMORY_LIMIT’,‘96M’);同样的试过了,没反应。
  4. 群友说我是不是备份不完全,或者mysql的版本不对,都试过了,空白依然。

下面说说我的解决办法,以及思路。

首先感谢系统玩家的无私帮助,帮我解决了这个问题。

解决办法很简单粗暴,就是不管上面的那些错误是什么,我重新安装一遍就行了。

  1. 删除config.php。
  2. 重新安装,填现在的数据库名称。
  3. 把备份好的数据库导入。

 

大功告成!

【转载】关于WordPress for SAE实现评论回复邮件提示功能

官方说最新版PHPMailer功能解决了不能收发邮件问题 但是测试N次最终还是没有成功 我也不知道到底是否支持mail()
函数

今天就说一下SMTP发送邮件,在查阅资料时发现大多人都存在失败

在网上查阅如何使用SMTP功能时,被误导的白忙活了一天。打多博客,论坛在解决SMTP功能时几乎都是提了一个插件

WP-Mail-Smtp

在这里提示大家,不要被迷惑,这个插件是支持SMTP设置,但是它的功能在与:

1.当博客有人注册时,发送邮件提示你,并将密码发送给用户
2.当你的博客有人评论时,发送到你的邮箱提示

重点是它不支持回复邮件提示,这也是很多人的一块心病。

如果要做到邮件回复提示的话,我们就要提到下面一款插件

Configure SMTP

前几天弄博客时已经准备试一下这个插件,当初是直接在某博客下载了一个汉化版,弄到博客无语了。一发件就出错 当时修改出错行的代码,还直接把博客弄坏了。然后就导致我纠结了一整天WP-Mail-SMTP插件为什么没有回复邮件 提示。最后还是在WP官方下的英文版

下面就说一下SMTP的配置过程,首先在邮箱开启SMTP服务,这里我就拿新浪邮箱了


在邮箱设置-客户端pop/imap/smtp 开启SMTP服务
在Wordpress官方(下载)Configure-SMTP插件
在后台启用插件,会看到以下配置页面

当你配置好时点击测试

收到邮件表示你成功了 ~~没有收到,就在下方留下你的配置截图


下面要做的就是在functions.php中插入下面函数

01.[/align]
 
02.[align=left][font=Microsoft Yahei, Tahoma, Simsun]/* comment_mail_notify v1.0 by willin kan. (所有回复都发邮件) */[/font][/align]
 
03.[font=Microsoft Yahei, Tahoma, Simsun]function comment_mail_notify($comment_id) {[/font]
 
04.[font=Microsoft Yahei, Tahoma, Simsun]  $comment = get_comment($comment_id);[/font]
 
05.[font=Microsoft Yahei, Tahoma, Simsun]  $parent_id = $comment->comment_parent ? $comment->comment_parent : '';[/font]
 
06.[font=Microsoft Yahei, Tahoma, Simsun]  $spam_confirmed = $comment->comment_approved;[/font]
 
07.[font=Microsoft Yahei, Tahoma, Simsun]  if (($parent_id != '') && ($spam_confirmed != 'spam')) {[/font]
 
08.[font=Microsoft Yahei, Tahoma, Simsun]    $wp_email = 'no-reply@' . preg_replace('#^www\.#', '', strtolower($_SERVER['SERVER_NAME'])); //e-mail 发出点, no-reply 可改为可用的 e-mail.[/font]
 
09.[font=Microsoft Yahei, Tahoma, Simsun]    $to = trim(get_comment($parent_id)->comment_author_email);[/font]
 
10.[font=Microsoft Yahei, Tahoma, Simsun]    $subject = '您在 [' . get_option("blogname") . '] 的留言有了回复';[/font]
 
11.[font=Microsoft Yahei, Tahoma, Simsun]    $message = '[/font]
 
12.[font=Microsoft Yahei, Tahoma, Simsun]    <div style="background-color:#eef2fa; border:1px solid #d8e3e8; color:#111; padding:0 15px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px;">[/font]
 
13.[font=Microsoft Yahei, Tahoma, Simsun]      <p>' . trim(get_comment($parent_id)->comment_author) . ', 您好!</p>[/font]
 
14.[font=Microsoft Yahei, Tahoma, Simsun]      <p>您曾在《' . get_the_title($comment->comment_post_ID) . '》的留言:<br />'[/font]
 
15.[font=Microsoft Yahei, Tahoma, Simsun]       . trim(get_comment($parent_id)->comment_content) . '</p>[/font]
 
16.[font=Microsoft Yahei, Tahoma, Simsun]      <p>' . trim($comment->comment_author) . ' 给您的回复:<br />'[/font]
 
17.[font=Microsoft Yahei, Tahoma, Simsun]       . trim($comment->comment_content) . '<br /></p>[/font]
 
18.[font=Microsoft Yahei, Tahoma, Simsun]      <p>您可以点击 查看回复完整內容</p>[/font]
 
19.[font=Microsoft Yahei, Tahoma, Simsun]      <p>欢迎再度光临 ' . get_option('blogname') . '</p>[/font]
 
20.[font=Microsoft Yahei, Tahoma, Simsun]      <p>(此邮件由系统自动发送,请勿回复.)</p>[/font]
 
21.[font=Microsoft Yahei, Tahoma, Simsun]    </div>';[/font]
 
22.[font=Microsoft Yahei, Tahoma, Simsun]    $from = "From: \"" . get_option('blogname') . "\" <$wp_email>";[/font]
 
23.[font=Microsoft Yahei, Tahoma, Simsun]    $headers = "$from\nContent-Type: text/html; charset=" . get_option('blog_charset') . "\n";[/font]
 
24.[font=Microsoft Yahei, Tahoma, Simsun]    wp_mail( $to, $subject, $message, $headers );[/font]
 
25.[font=Microsoft Yahei, Tahoma, Simsun]    //echo 'mail to ', $to, '<br/> ' , $subject, $message; // for testing[/font]
 
26.[font=Microsoft Yahei, Tahoma, Simsun]  }[/font]
 
27.[font=Microsoft Yahei, Tahoma, Simsun]}[/font]
 
28.[font=Microsoft Yahei, Tahoma, Simsun]add_action('comment_post', 'comment_mail_notify');[/font]
 
29.[font=Microsoft Yahei, Tahoma, Simsun]// -- END ----------------------------------------啦啦啦啦啦啦啦啦[/font]
 
30.[align=left]
复制代码

建议大家不要使用插件,因为插件大多不兼容~~

然后我们来试一试~~



本文为转载文章,原文链接:http://saebbs.com/forum.php?mod=viewthread&tid=32995