最近研究Pure，发现这个对于写css来说确实是个好的框架，特此总结了一番，如有错误或不足的地方，欢迎交流指点，轻拍。此文运用的是优雅的Markdown而书Pure学习笔记
Pure学习笔记
#写在最前
1# Pure简介- Pure的所有模块都是基于Normalize.css。Normalize能在一定程度上解决跨浏览器的一致性问题。
- 我们运用的Pure，其思想就是将你要布局的页面，尽量给网格化，这样复杂的页面在管理起来就更轻松、简单。
- 内置菜单、表单、表格、基本控件等，方便使用和管理控件
- 运用Pure自带的样式，以及已定义好的类名，可以调整出更丰富漂亮的控件样式、布局。
- 运用Pure，可以轻松的将美工图快速的转换成漂亮的页面布局，统一管理你的css，无需再用老旧的方式来管理你的页面，加快你的开发进度。
2# 定制你需要的模块(表单、菜单...)：汇总模块与单独模块的加载- 汇总模块，包括了Pure的所有模块(表单、控件、表格...)，根据自己项目的需要，可以选择加载哪些模块到你的项目中；单独模块即把Pure的模块拆分开来，需要加载什么可以灵活加入。
汇总模块，包括下面是两种方式：
名称 链接 大小(压缩后的) 响应式的Rollup http://yui.yahooapis.com/pure/0.5.0/pure-min.css 4.4KB 非响应式的Rollup http://yui.yahooapis.com/pure/0.5.0/pure-nr-min.css 4.2KB
单独模块，包括如下几种方式：
比如需要合并基础模块、网格模块、表单模块这三种模块的话，加载URL可以这么写：
<link rel="stylesheet" href="http://yui.yahooapis.com/combo?pure/0.5.0/base-min.css&pure/0.5.0/grids-min.css&pure/0.5.0/forms-min.css">
3# 扩展你的PurePure很人性化的支持你自己对这个框架的扩展，体现在对类名样式的命名上。
- Pure约定在进行扩展的时候，命名class的规则是以
pure-*开头，这样防止和其他已经存在的类名有重复的情况出现。
- 汇总模块，包括了Pure的所有模块(表单、控件、表格...)，根据自己项目的需要，可以选择加载哪些模块到你的项目中；单独模块即把Pure的模块拆分开来，需要加载什么可以灵活加入。
汇总模块，包括下面是两种方式：
名称 链接 大小(压缩后的) 响应式的Rollup http://yui.yahooapis.com/pure/0.5.0/pure-min.css 4.4KB 非响应式的Rollup http://yui.yahooapis.com/pure/0.5.0/pure-nr-min.css 4.2KB 单独模块，包括如下几种方式：
比如需要合并基础模块、网格模块、表单模块这三种模块的话，加载URL可以这么写：
<link rel="stylesheet" href="http://yui.yahooapis.com/combo?pure/0.5.0/base-min.css&pure/0.5.0/grids-min.css&pure/0.5.0/forms-min.css">
3# 扩展你的PurePure很人性化的支持你自己对这个框架的扩展，体现在对类名样式的命名上。
- Pure约定在进行扩展的时候，命名class的规则是以
pure-*开头，这样防止和其他已经存在的类名有重复的情况出现。
Pure很人性化的支持你自己对这个框架的扩展，体现在对类名样式的命名上。
- Pure约定在进行扩展的时候，命名class的规则是以
pure-*开头，这样防止和其他已经存在的类名有重复的情况出现。
4# 参考资料
1.开始
首先你需要添加样式，这是基本的样式，当然你也可以在线加载css样式：
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.5.0/pure-min.css">
2.准备工作
2.1 首页
首页官方给提供一个比较简洁的html开头格式：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Your page title</title>
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.5.0/pure-min.css">
<!-- -->
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.5.0/grids-responsive-old-ie-min.css">
<!---->
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.5.0/grids-responsive-min.css">
</head>
<body>
<!--Your HTML goes here. Visit purecss.io/layouts/ for some sample HTML code.-->
</body>
</html>- 这里是包括各个平台下的不同适配（特指IE浏览器）
3.常用功能
3.1 网格化页面(Grids)使用：所有的页面根，可以使用class名：.pure-g来定义，定义列使用的class名是：pure-u-*，这里详细说明*的使用方式。
示例3.1：
第一行第二行第一个第二行第二个第二行第三个第二行第四个第三行第一个，占三个位置第三行第二个为演示，故意加上背景颜色，以便区分不同块占用区域
示例3.1 Code：
<div class="pure-g">
<div class="pure-u-1">第一行</div>
<div class="pure-u-1-4">第二行第一个</div>
<div class="pure-u-1-4">第二行第二个</div>
<div class="pure-u-1-4">第二行第三个</div>
<div class="pure-u-1-4">第二行第四个</div>
<div class="pure-u-3-4">第三行第一个，占三个位置</div>
<div class="pure-u-1-4">第三行第二个</div>
</div>可以理解为：pure-u-x-y，y代表一共要占用的一行的总额数，x代表在总个数中要占用多少个。
再比如定义的pure-u-1-2，每个元素占用的宽度就是50%；pure-u-1-5，每个元素占用的宽度就是20%。
这里Pure为我们定义了很好的尺寸标签，就是我们可以通过标签的不同，控制网格的大小：例如.pure-u-md-1-4
表格1
Key CSS Media Query Applies Classname None None Always pure-u-*sm@media screen and (min-width:35.5em) >=568px pure-u-sm-*md@media screen and (min-width:48em) >=768px pure-u-md-*lg@media screen and (min-width:64em) >=1024px pure-u-lg-*xl@media screen and (min-width:80em) >=1280px pure-u-xl-*
这里定义的em单位，在与px单位进行换算的值是：1em == 16px 。如要了解em与px区别，参考链接： CSDN博客-em与px区别
3.2 表单(form)3.2.1 自然横向表单 (.pure-form)使用： 在<form>标签中添加class为.pure-form
示例3.2.1：
示例3.2.1 Code：
<form class="pure-form">
<fieldset>
<legend>A compact inline form</legend>
<input type="email" placeholder="Email">
<input type="password" placeholder="Password">
<label for="remember">
<input id="remember" type="checkbox"> Remember me
</label>
<button type="submit" class="pure-button pure-button-primary">Sign《快速创建网站》 2.3 WordPress初始化和功能简介 - 北京的201个蓝天 阅读原文»本文是《快速创建网站》系列的第4篇，如果你还没有看过之前的内容，建议你点击以下目录中的章节先阅读其他内容再回到本文。
1. 网站管理平台WordPress和云计算平台Azure简介
2.1 在Azure上创建网站及网站运行机制
2.2 域名绑定操作和Azure负载均衡机制
2.3 WordPress 初始化和网站管理功能
3.1 WordPress 数据导入
3.2 WordPress 多站点支持和Azure在线代码编辑器
3.3 WordPress 多语言支持 Multisite Language Switcher
3.4 WordPress 主题安装和配置，美化你的网站
4.1 Visual Studio Online 在线开发平台
4.2 使用 vso 和 azure 构建 DevOps环境
在上一节（2.2）中，我们已经完成了网站域名的绑定，现在可以使用我们自己的域名来访问网站了。在这一节（2.3）中，我们将对WordPress的站点进行初始化操作，对WordPress的主要功能进行简要介绍，并对这个新站点进行基本的美化。
请配合视频阅读文本
WordPress初始化
当我们完成了域名绑并使用自己的域名打开WordPress的安装初始化页面后，WordPress就可以正确的被初始化了。在2.1中我提到过，WordPress会把运行安装向导时所使用的域名写入到后台的数据库中，所以除非你只是进行测试，那么不要在完成域名绑定之前进行初始化操作。
- 使用绑定好的域名打开新创建的WordPress站点，确保浏览器地址栏中显示的域名正确
注意：虽然我们希望使用中文作为默认语言，这里也尽量不要更改默认选项。这是我在安装软件的时候一直遵循的一个原则，除非必须，不要更改安装程序的默认选项。因为任何开发人员都不可能测试软件的所有部分，特别是非默认选项，出现问题的几率很高。 - 在上图中点击 Continue 按钮，在Welcome页面中填写所有字段的信息。
这里，我想简单聊一下用户名和密码的问题。我相信每个人都会有很多的用户名和密码，有很多人在所有的网站都适用一个用户名和密码，这应该说是个很方便的“好习惯”。但是之前出现的几次密码泄漏事件（携程，12306，CSDN等），应该会让很多人胆战心惊。这里我就给大家介绍一个最基本的网络安全原则。- 永远不要使用与自己无关的用户名，用户名应该和每个人对应，这样才能保证你的所有操作都可以被查询到。当然，想穿马甲干坏事的除外。
- 永远不要使用admin/user，这样的通用名称作为用户名，因为这些太容易被猜出来。
- 永远不要用与自己有关的密码，比如：生日，电话号码。因为任何一个想要破解你的密码的坏人都会首先试图了解这些信息。当然，可以对这些信息进行一定规律的编排，方便自己记忆。
- 永远不要在任何网站上使用“记忆密码／免除登陆”这种功能，因为记忆一个难以记忆的密码的唯一方式就是不停的重复。如果你希望你的密码只有你自己能够记住，那么就选择一个你可以随时念给别人，但是只要对方不写下来就不可能记住的密码；而对你自己，唯一记住这样的密码的方式就是每次都从新输入它。
- 虽然毫无规律的密码最安全，但也太难记忆。这里有几个常用的加强密码复杂程度的技巧
- 在固定的位置添加特殊字符，比如：在第二位添加如＃¥这种字符，那么其他的位置你可以使用自己较容易记忆的父母孩子的生日等。
- 把以上的生日顺序打乱，比如：使用月日年这种毫无逻辑的顺序（对，美国人就是毫无逻辑的）
- 在特定位置添加自己知道的顺序字符，比如：一月的密码用a，二月用b，这样你就可以每个月都修改密码也不用担心记不住了。
其实以上都是一些基本的加密算法而已，但对一般人来说，只要稍微运用一点点就可以即保证安全又容易记忆。
- 点击以上的 Install WordPress后，WordPress会完成初始化操作，进入以下页面
- 点击 Log In并输入之前配置的好的用户名和密码，就可以进入到WordPress的后台了。
注意：你可能会看到WordPress提示你进行升级。由于本文是使用4.1版本完成的，所以我暂时不会进行这个升级，因为后续要用到的插件都是在4.1版本上测试过的，而对4.1.1的兼容程度未知。
到这里，我们就完成了WordPress的初始化操作，你的网站也可以正常工作了，现在如果你再次用你的域名打开网站，你会看到如下的Hello World文章页面。你可能觉得这个页面不那么美观，没有关系，我们后面会介绍如何使用WordPress的“外观（主题）插件”来美化你的站点。
WordPress功能简介
WordPress的功能强大，而且扩展性强。它可以满足绝大多数的日常网站功能，同时又不必通过编码实现。对于普通用户来说，使用WordPress来建立自己的网站是一件即省时省力，又有长期维护性保证的选择。
更新
WordPress由全世界的开发人员维护，具有数量庞大的用户群体和开发人员群体。正因为如此，开发人员非常愿意将自己的改进和新功能共享给其他人。基本上没3个月一个大版本，每个月一个小版本。
WordPress 更新记录：https://wordpress.org/news/category/releases/
这种迅速的更新保证了你在WordPress上遇到的问题可以被快速的修复，需要的新功能可以被快速的添加。对于普通用户来说，只需要通过WordPress自带的更新系统保持系统的持续更新即可。
通过以下这个页面，WordPress会提示用户当前的更新，只需要点击更新即可。
文章管理
网站的核心是内容，文章就是WordPress用来承载内容的工具，用户可以很方便的在WordPress上发布文章，对文章进行分类，创建标签协助用户进行搜索。
使用WordPress仪表盘左侧的文章菜单，你可以很容易的找到当前网站中的文章，并开始新的文章创作。
上图中标示了WordPress文章编辑页面的几个重要功能
- 固定链接：这里你可以指定当前文章的URL，这样可以把文章的链接显示为有意义的文字，而不是随机的ID。虽然不是每个人都会关心你的页面链接，但是搜索引擎是会关心的，一个好的URL可以提高你的页面被搜索到的几率。这里，最重要的原则就是KISS（Keep It Simple Stupid），你的URL应该与你的页面内容直接相关。
另外，除非不得已，不要修改已经放置了一段时间的URL。修改URL不仅仅会破坏其他已经链接到当前页面的链接，也会迫使搜索引擎对你的页面从新索引，这将对你的PageRank造成极大影响。感兴趣的同学可以了解一下Goolge的PageRank算法：http://zh.wikipedia.org/wiki/PageRank ，入链数量是其中的重要指数。关于搜索引擎优化是一项专门的技术，感兴趣的同学可以参考以下链接，简单了解一下：
http://www.searchenginejournal.com/url-naming-best-practices/46740/注：这里必须特别说明一下我为什么那么讨厌百度（曾经一度在面试的时候只要应聘者说用百度做搜索引擎就直接Pass），就是因为它破坏了互联网搜索引擎的原则，过多的用人为因素来影响结果，不仅仅遭人厌烦，而且长此以往会破坏互联网的公平和公正。当然Google也会人为影响结果，但是一些基本的原则还是要遵守的。 - 富文本编辑器：这是任何网
使用：所有的页面根，可以使用class名：.pure-g来定义，定义列使用的class名是：pure-u-*，这里详细说明*的使用方式。
示例3.1：
为演示，故意加上背景颜色，以便区分不同块占用区域
示例3.1 Code：
<div class="pure-g">
<div class="pure-u-1">第一行</div>
<div class="pure-u-1-4">第二行第一个</div>
<div class="pure-u-1-4">第二行第二个</div>
<div class="pure-u-1-4">第二行第三个</div>
<div class="pure-u-1-4">第二行第四个</div>
<div class="pure-u-3-4">第三行第一个，占三个位置</div>
<div class="pure-u-1-4">第三行第二个</div>
</div>可以理解为：pure-u-x-y，y代表一共要占用的一行的总额数，x代表在总个数中要占用多少个。
再比如定义的pure-u-1-2，每个元素占用的宽度就是50%；pure-u-1-5，每个元素占用的宽度就是20%。
这里Pure为我们定义了很好的尺寸标签，就是我们可以通过标签的不同，控制网格的大小：例如.pure-u-md-1-4
表格1
| Key | CSS Media Query | Applies | Classname |
|---|---|---|---|
| None | None | Always | pure-u-* |
sm | @media screen and (min-width:35.5em) | >=568px | pure-u-sm-* |
md | @media screen and (min-width:48em) | >=768px | pure-u-md-* |
lg | @media screen and (min-width:64em) | >=1024px | pure-u-lg-* |
xl | @media screen and (min-width:80em) | >=1280px | pure-u-xl-* |
这里定义的em单位，在与px单位进行换算的值是：1em == 16px 。如要了解em与px区别，参考链接： CSDN博客-em与px区别
3.2.1 自然横向表单 (.pure-form)使用： 在<form>标签中添加class为.pure-form
示例3.2.1：
示例3.2.1 Code：
<form class="pure-form">
<fieldset>
<legend>A compact inline form</legend>
<input type="email" placeholder="Email">
<input type="password" placeholder="Password">
<label for="remember">
<input id="remember" type="checkbox"> Remember me
</label>
<button type="submit" class="pure-button pure-button-primary">Sign《快速创建网站》 2.3 WordPress初始化和功能简介 - 北京的201个蓝天 阅读原文»本文是《快速创建网站》系列的第4篇，如果你还没有看过之前的内容，建议你点击以下目录中的章节先阅读其他内容再回到本文。
1. 网站管理平台WordPress和云计算平台Azure简介
2.1 在Azure上创建网站及网站运行机制
2.2 域名绑定操作和Azure负载均衡机制
2.3 WordPress 初始化和网站管理功能
3.1 WordPress 数据导入
3.2 WordPress 多站点支持和Azure在线代码编辑器
3.3 WordPress 多语言支持 Multisite Language Switcher
3.4 WordPress 主题安装和配置，美化你的网站
4.1 Visual Studio Online 在线开发平台
4.2 使用 vso 和 azure 构建 DevOps环境
在上一节（2.2）中，我们已经完成了网站域名的绑定，现在可以使用我们自己的域名来访问网站了。在这一节（2.3）中，我们将对WordPress的站点进行初始化操作，对WordPress的主要功能进行简要介绍，并对这个新站点进行基本的美化。
请配合视频阅读文本
WordPress初始化
当我们完成了域名绑并使用自己的域名打开WordPress的安装初始化页面后，WordPress就可以正确的被初始化了。在2.1中我提到过，WordPress会把运行安装向导时所使用的域名写入到后台的数据库中，所以除非你只是进行测试，那么不要在完成域名绑定之前进行初始化操作。
- 使用绑定好的域名打开新创建的WordPress站点，确保浏览器地址栏中显示的域名正确
注意：虽然我们希望使用中文作为默认语言，这里也尽量不要更改默认选项。这是我在安装软件的时候一直遵循的一个原则，除非必须，不要更改安装程序的默认选项。因为任何开发人员都不可能测试软件的所有部分，特别是非默认选项，出现问题的几率很高。 - 在上图中点击 Continue 按钮，在Welcome页面中填写所有字段的信息。
这里，我想简单聊一下用户名和密码的问题。我相信每个人都会有很多的用户名和密码，有很多人在所有的网站都适用一个用户名和密码，这应该说是个很方便的“好习惯”。但是之前出现的几次密码泄漏事件（携程，12306，CSDN等），应该会让很多人胆战心惊。这里我就给大家介绍一个最基本的网络安全原则。- 永远不要使用与自己无关的用户名，用户名应该和每个人对应，这样才能保证你的所有操作都可以被查询到。当然，想穿马甲干坏事的除外。
- 永远不要使用admin/user，这样的通用名称作为用户名，因为这些太容易被猜出来。
- 永远不要用与自己有关的密码，比如：生日，电话号码。因为任何一个想要破解你的密码的坏人都会首先试图了解这些信息。当然，可以对这些信息进行一定规律的编排，方便自己记忆。
- 永远不要在任何网站上使用“记忆密码／免除登陆”这种功能，因为记忆一个难以记忆的密码的唯一方式就是不停的重复。如果你希望你的密码只有你自己能够记住，那么就选择一个你可以随时念给别人，但是只要对方不写下来就不可能记住的密码；而对你自己，唯一记住这样的密码的方式就是每次都从新输入它。
- 虽然毫无规律的密码最安全，但也太难记忆。这里有几个常用的加强密码复杂程度的技巧
- 在固定的位置添加特殊字符，比如：在第二位添加如＃¥这种字符，那么其他的位置你可以使用自己较容易记忆的父母孩子的生日等。
- 把以上的生日顺序打乱，比如：使用月日年这种毫无逻辑的顺序（对，美国人就是毫无逻辑的）
- 在特定位置添加自己知道的顺序字符，比如：一月的密码用a，二月用b，这样你就可以每个月都修改密码也不用担心记不住了。
其实以上都是一些基本的加密算法而已，但对一般人来说，只要稍微运用一点点就可以即保证安全又容易记忆。
- 点击以上的 Install WordPress后，WordPress会完成初始化操作，进入以下页面
- 点击 Log In并输入之前配置的好的用户名和密码，就可以进入到WordPress的后台了。
注意：你可能会看到WordPress提示你进行升级。由于本文是使用4.1版本完成的，所以我暂时不会进行这个升级，因为后续要用到的插件都是在4.1版本上测试过的，而对4.1.1的兼容程度未知。
到这里，我们就完成了WordPress的初始化操作，你的网站也可以正常工作了，现在如果你再次用你的域名打开网站，你会看到如下的Hello World文章页面。你可能觉得这个页面不那么美观，没有关系，我们后面会介绍如何使用WordPress的“外观（主题）插件”来美化你的站点。
WordPress功能简介
WordPress的功能强大，而且扩展性强。它可以满足绝大多数的日常网站功能，同时又不必通过编码实现。对于普通用户来说，使用WordPress来建立自己的网站是一件即省时省力，又有长期维护性保证的选择。
更新
WordPress由全世界的开发人员维护，具有数量庞大的用户群体和开发人员群体。正因为如此，开发人员非常愿意将自己的改进和新功能共享给其他人。基本上没3个月一个大版本，每个月一个小版本。
WordPress 更新记录：https://wordpress.org/news/category/releases/
这种迅速的更新保证了你在WordPress上遇到的问题可以被快速的修复，需要的新功能可以被快速的添加。对于普通用户来说，只需要通过WordPress自带的更新系统保持系统的持续更新即可。
通过以下这个页面，WordPress会提示用户当前的更新，只需要点击更新即可。
文章管理
网站的核心是内容，文章就是WordPress用来承载内容的工具，用户可以很方便的在WordPress上发布文章，对文章进行分类，创建标签协助用户进行搜索。
使用WordPress仪表盘左侧的文章菜单，你可以很容易的找到当前网站中的文章，并开始新的文章创作。
上图中标示了WordPress文章编辑页面的几个重要功能
- 固定链接：这里你可以指定当前文章的URL，这样可以把文章的链接显示为有意义的文字，而不是随机的ID。虽然不是每个人都会关心你的页面链接，但是搜索引擎是会关心的，一个好的URL可以提高你的页面被搜索到的几率。这里，最重要的原则就是KISS（Keep It Simple Stupid），你的URL应该与你的页面内容直接相关。
另外，除非不得已，不要修改已经放置了一段时间的URL。修改URL不仅仅会破坏其他已经链接到当前页面的链接，也会迫使搜索引擎对你的页面从新索引，这将对你的PageRank造成极大影响。感兴趣的同学可以了解一下Goolge的PageRank算法：http://zh.wikipedia.org/wiki/PageRank ，入链数量是其中的重要指数。关于搜索引擎优化是一项专门的技术，感兴趣的同学可以参考以下链接，简单了解一下：
http://www.searchenginejournal.com/url-naming-best-practices/46740/注：这里必须特别说明一下我为什么那么讨厌百度（曾经一度在面试的时候只要应聘者说用百度做搜索引擎就直接Pass），就是因为它破坏了互联网搜索引擎的原则，过多的用人为因素来影响结果，不仅仅遭人厌烦，而且长此以往会破坏互联网的公平和公正。当然Google也会人为影响结果，但是一些基本的原则还是要遵守的。 - 富文本编辑器：这是任何网
使用： 在<form>标签中添加class为.pure-form
示例3.2.1：
示例3.2.1 Code：
<form class="pure-form">
<fieldset>
<legend>A compact inline form</legend>
<input type="email" placeholder="Email">
<input type="password" placeholder="Password">
<label for="remember">
<input id="remember" type="checkbox"> Remember me
</label>
<button type="submit" class="pure-button pure-button-primary">Sign《快速创建网站》 2.3 WordPress初始化和功能简介 - 北京的201个蓝天 阅读原文»本文是《快速创建网站》系列的第4篇，如果你还没有看过之前的内容，建议你点击以下目录中的章节先阅读其他内容再回到本文。
1. 网站管理平台WordPress和云计算平台Azure简介
2.1 在Azure上创建网站及网站运行机制
2.2 域名绑定操作和Azure负载均衡机制
2.3 WordPress 初始化和网站管理功能
3.1 WordPress 数据导入
3.2 WordPress 多站点支持和Azure在线代码编辑器
3.3 WordPress 多语言支持 Multisite Language Switcher
3.4 WordPress 主题安装和配置，美化你的网站
4.1 Visual Studio Online 在线开发平台
4.2 使用 vso 和 azure 构建 DevOps环境
在上一节（2.2）中，我们已经完成了网站域名的绑定，现在可以使用我们自己的域名来访问网站了。在这一节（2.3）中，我们将对WordPress的站点进行初始化操作，对WordPress的主要功能进行简要介绍，并对这个新站点进行基本的美化。
请配合视频阅读文本
WordPress初始化
当我们完成了域名绑并使用自己的域名打开WordPress的安装初始化页面后，WordPress就可以正确的被初始化了。在2.1中我提到过，WordPress会把运行安装向导时所使用的域名写入到后台的数据库中，所以除非你只是进行测试，那么不要在完成域名绑定之前进行初始化操作。
- 使用绑定好的域名打开新创建的WordPress站点，确保浏览器地址栏中显示的域名正确
注意：虽然我们希望使用中文作为默认语言，这里也尽量不要更改默认选项。这是我在安装软件的时候一直遵循的一个原则，除非必须，不要更改安装程序的默认选项。因为任何开发人员都不可能测试软件的所有部分，特别是非默认选项，出现问题的几率很高。 - 在上图中点击 Continue 按钮，在Welcome页面中填写所有字段的信息。
这里，我想简单聊一下用户名和密码的问题。我相信每个人都会有很多的用户名和密码，有很多人在所有的网站都适用一个用户名和密码，这应该说是个很方便的“好习惯”。但是之前出现的几次密码泄漏事件（携程，12306，CSDN等），应该会让很多人胆战心惊。这里我就给大家介绍一个最基本的网络安全原则。- 永远不要使用与自己无关的用户名，用户名应该和每个人对应，这样才能保证你的所有操作都可以被查询到。当然，想穿马甲干坏事的除外。
- 永远不要使用admin/user，这样的通用名称作为用户名，因为这些太容易被猜出来。
- 永远不要用与自己有关的密码，比如：生日，电话号码。因为任何一个想要破解你的密码的坏人都会首先试图了解这些信息。当然，可以对这些信息进行一定规律的编排，方便自己记忆。
- 永远不要在任何网站上使用“记忆密码／免除登陆”这种功能，因为记忆一个难以记忆的密码的唯一方式就是不停的重复。如果你希望你的密码只有你自己能够记住，那么就选择一个你可以随时念给别人，但是只要对方不写下来就不可能记住的密码；而对你自己，唯一记住这样的密码的方式就是每次都从新输入它。
- 虽然毫无规律的密码最安全，但也太难记忆。这里有几个常用的加强密码复杂程度的技巧
- 在固定的位置添加特殊字符，比如：在第二位添加如＃¥这种字符，那么其他的位置你可以使用自己较容易记忆的父母孩子的生日等。
- 把以上的生日顺序打乱，比如：使用月日年这种毫无逻辑的顺序（对，美国人就是毫无逻辑的）
- 在特定位置添加自己知道的顺序字符，比如：一月的密码用a，二月用b，这样你就可以每个月都修改密码也不用担心记不住了。
其实以上都是一些基本的加密算法而已，但对一般人来说，只要稍微运用一点点就可以即保证安全又容易记忆。
- 点击以上的 Install WordPress后，WordPress会完成初始化操作，进入以下页面
- 点击 Log In并输入之前配置的好的用户名和密码，就可以进入到WordPress的后台了。
注意：你可能会看到WordPress提示你进行升级。由于本文是使用4.1版本完成的，所以我暂时不会进行这个升级，因为后续要用到的插件都是在4.1版本上测试过的，而对4.1.1的兼容程度未知。
到这里，我们就完成了WordPress的初始化操作，你的网站也可以正常工作了，现在如果你再次用你的域名打开网站，你会看到如下的Hello World文章页面。你可能觉得这个页面不那么美观，没有关系，我们后面会介绍如何使用WordPress的“外观（主题）插件”来美化你的站点。
WordPress功能简介
WordPress的功能强大，而且扩展性强。它可以满足绝大多数的日常网站功能，同时又不必通过编码实现。对于普通用户来说，使用WordPress来建立自己的网站是一件即省时省力，又有长期维护性保证的选择。
更新
WordPress由全世界的开发人员维护，具有数量庞大的用户群体和开发人员群体。正因为如此，开发人员非常愿意将自己的改进和新功能共享给其他人。基本上没3个月一个大版本，每个月一个小版本。
WordPress 更新记录：https://wordpress.org/news/category/releases/
这种迅速的更新保证了你在WordPress上遇到的问题可以被快速的修复，需要的新功能可以被快速的添加。对于普通用户来说，只需要通过WordPress自带的更新系统保持系统的持续更新即可。
通过以下这个页面，WordPress会提示用户当前的更新，只需要点击更新即可。
文章管理
网站的核心是内容，文章就是WordPress用来承载内容的工具，用户可以很方便的在WordPress上发布文章，对文章进行分类，创建标签协助用户进行搜索。
使用WordPress仪表盘左侧的文章菜单，你可以很容易的找到当前网站中的文章，并开始新的文章创作。
上图中标示了WordPress文章编辑页面的几个重要功能
- 固定链接：这里你可以指定当前文章的URL，这样可以把文章的链接显示为有意义的文字，而不是随机的ID。虽然不是每个人都会关心你的页面链接，但是搜索引擎是会关心的，一个好的URL可以提高你的页面被搜索到的几率。这里，最重要的原则就是KISS（Keep It Simple Stupid），你的URL应该与你的页面内容直接相关。
另外，除非不得已，不要修改已经放置了一段时间的URL。修改URL不仅仅会破坏其他已经链接到当前页面的链接，也会迫使搜索引擎对你的页面从新索引，这将对你的PageRank造成极大影响。感兴趣的同学可以了解一下Goolge的PageRank算法：http://zh.wikipedia.org/wiki/PageRank ，入链数量是其中的重要指数。关于搜索引擎优化是一项专门的技术，感兴趣的同学可以参考以下链接，简单了解一下：
http://www.searchenginejournal.com/url-naming-best-practices/46740/注：这里必须特别说明一下我为什么那么讨厌百度（曾经一度在面试的时候只要应聘者说用百度做搜索引擎就直接Pass），就是因为它破坏了互联网搜索引擎的原则，过多的用人为因素来影响结果，不仅仅遭人厌烦，而且长此以往会破坏互联网的公平和公正。当然Google也会人为影响结果，但是一些基本的原则还是要遵守的。 - 富文本编辑器：这是任何网
没有评论:
发表评论