个人网站搭建与wordpress配置

网站搭建

建站教程来自师兄公众号 flyzy小站

1.购买VPS服务器与域名（阿里云、NameSilo等）。

2.用XShell连接服务器，安装mysql/niginx/php。

3.安装wordpress，创建wordpress操作的数据库和用户，配置wordpress，配置nginx。

以上三步基本上网站建立完成。

wordPress仪表盘配置

选择主题

wordpress提供了很多主题，在“外观”中选择，可以进行自定义配置。

文章结构 Easy Table of Contents

文章页面显示文章整体结构，会使阅读者快速掌握文章内容，提升文章吸引力。

1.下载 Easy Table of Contents 插件。

2.在“边栏小工具”里找到Table of Contents拖动到边栏中即可。

3.文章结构显示层级、样式可以在插件Settings中修改，每篇文章的也可在文章编辑页面单独设置。

切换边栏 Content Aware Sidebars

默认Blog Side在博客所有页面中都会显示，但首页并不需要显示某篇文章结构，通常显示文章归档、搜索等工具。在不同页面显示不同边栏的功能可以通过 Content Aware Sidebars 实现。

1.下载 Content Aware Sidebars 插件。

2.在“Content Aware”中新建边栏，设置边栏名称、显示页面等等。

3.在“边栏小工具”中设置边栏内容。

修改字体

自定义字体配置在七牛云服务器（免费）上，也可放在网站服务器上，但是由于国内服务器带宽限制，字体库体积大，加载速度较慢。

1.字体转换：为满足不同浏览器的需要，将字体扩展为五种格式，分别为：.ttf .eot .woff .woff2 .svg。字体在线转换

2.七牛云存储：注册账号登录，实名认证

3.对象存储中，新建存储空间，上传字体，获得字体地址

4.在wordpress主题自定义样式中添加字体样式。

@font-face {
font-family: '随便一个名称，需要和下面的保持对应';
src: url('../fonts/yourfont.eot');
src:
url('../fonts/yourfont.eot') format('embedded-opentype'),
url('../fonts/yourfont.woff2') format('woff2'),
url('../fonts/yourfont.woff') format('woff'),
url('../fonts/yourfont.ttf') format('truetype'),
url('../fonts/yourfont.svg') format('svg');
font-weight: normal;
font-style: normal;
}
*:not([class*="icon"]):not(i) {
font-family: "与上面起的名字的对应" !important;
}

缓存插件 WP Super Cache

具体配置见公众号。