Skip to content

Yink-Design/BuildHomepageWithWordpress

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 

Repository files navigation

BuildHomepageWithWordpress

利用Github的学生包福利,借助Azure和wordpress搭建个人博客主页的教程

玩具盒同步更新,图片无法阅读请移步玩具盒。

利用Azure以及Wordpress搭建简易个人主页

先贴一下自己的网站:玩具盒

准备材料

  1. Azure帐号 (这个账户已经拥有教育优惠,如果您不知道怎么申请教育优惠,请查阅 “Azure学生优惠” 或者 “GitHub学生包”)
  2. 一个申请好的域名 (在准备阶段,如果您使用的是“GitHub学生包”获得的优惠,在学生包中可以免费获得一年的自选域名,不过一般没有.com 等火热域名)
  3. 一台电脑

Azure端操作

1.打开登陆Azure控制台

Azure控制台

2. 在上方搜索Wordpress

Azure搜索

这里的市场出现了两个wordpress服务,区别在于第一个的服务器是Windows系统而第二个是Linux,第二个的成本比第一个要低得多,毕竟学生也没有多少钱可以挥霍,GitHub学生包送的100美元额度其实很不耐用,所以我建议用Linux的服务。

3. 创建Web应用服务

之后会出现创建这个应用服务的选项,依次填写即可,建议全使用英文命名避免名称过长

其中有2处位置涉及收费:

1. 新建应用服务计划

这里的位置务必选择您当前居住的区域,如果是中国请选择“East Asia”获得更好的连接体验,在定价层界面按需求选择“开发/测试”下的服务器即可。

注意:如果想通过外部域名访问,务必选择B1以上定价层,即选择时注意观察包含的功能中是否含有“自定义域/SSL”选项!
2. 数据库服务器

此处的管理员账户和密码请小心记录,版本和定价层按照自己的需求选择即可,注意数据库和服务器命名务必和前面的Web应用名称保持关联

注意:Azure默认会给你选择常规用途的定价层,但是仅仅是个人主页的话没有那个必要,所以我建议打开定价层选择到基本定价层并且把所有参数调整至最少,如果你的网站需要存放大量数据内容,可以酌情修改存储大小!

4. 配置主页设置

打开我们刚刚创建好的应用服务 然后点击URL即可访问Wordpress后台设置

Wordpress的配置较为简单,这里不再赘述,仅用文字说明
  • 注册账号: 该账户用于访问这一站点的后台,请务必记录清楚
  • 注意:如果使用自定义域,请将登陆页面收藏至收藏夹,原因后续会说明
  • 选择主题: WP提供了海量的主题,选择一个自己喜欢的即可,注意有些主题要求安装指定插件以获得最佳前端体验
  • 界面设置: 使用WP制作的网站应该拥有2个界面(主页和文章页),在页面管理中创建页面并在“外观”-“自定义”中设置指定页面的功能
  • 安装插件:为了获得更好的体验,可以考虑安装一些插件,本文只推荐基本插件,如有其他需要请自行查阅

Markdown插件:WP Editor.md或者WP Githuber MD都是不错的选择

文章显示插件:WP-UTF8-Excerpt这个插件可以在文章页面只显示文章的摘要,并提供一个“阅读全文”的按钮,美化文章页面

5. 配置域名及解析(如果有的话)

在准备阶段,如果您使用的是“GitHub学生包”获得的优惠,在学生包中可以免费获得一年的自选域名,不过一般没有.com 等火热域名

我使用的是name.com提供的域名,下面我就以该网址为例讲解

  1. 首先申请一个你想要的域名,添加至购物车结算
  2. 在网页打开右上角的账户,点击“我的域”找到刚购买的域名

1.配置域名服务器

name.com自带的解析服务器速度实在太慢了,我们可以修改成国内的服务提供商获得更好的体验

  1. 找到下方的“域名服务器”选项,打开“管理域名服务器”
  2. 删除原来默认的name.com提供的域名服务器,改成下面的2个服务器:f1g1ns1.dnspod.netf1g1ns2.dnspod.net

这里的域名服务器提供商是DNSpod,目前它是国内最大的免费DNS解析产品提供商

  1. 配置完成后关闭name.com

2.配置DNS解析

访问DNSpod官网,注册或登录账户进行管理。

  1. 打开右上角的“管理控制台”
  2. 点击右侧的“DNS解析”-“我的域名”
  3. 添加域名,域名填写你刚刚购买的地址
  4. 添加解析记录,这里首先需要添加2条记录,按照如下选项进行配置: “主机记录”都填写“@”,“记录类型”都填写“NS”,“记录值”则分别填写上文中的两个域名服务器“f1g1ns1.dnspod.net”“f1g1ns2.dnspod.net”
  5. 保存退出

将Web服务解析到域名(Azure端设置)

1.配置自定义域

回到Azure,打开刚刚创建的应用服务

  1. 点击右侧的"自定义域"

  2. 这里会出现一个"IP地址"和"自定义域验证ID"将它们分别复制到记事本保存。

  3. 点击下面的"添加自定义域"

注意这里的“主机名记录类型”建议选择"CNAME"类型,这样只需一次配置,别人无论是否输入"www"前缀都能访问这个页面.
  1. 按照下面的提示再次配置DNS 这里的两个值其中一个就是刚才复制的"自定义域验证ID"

  2. 返回DNSpod,在控制台新建记录 按照在Azure控制台给出的提示填写即可.

  3. 回到Azure控制台点击"验证",配置无异常即可添加自定义域,验证异常可能是DNS配置错误,重新检查一遍即可.

  4. 添加成功后返回应用服务“概述”,这时候右边的"URL"已经变成刚刚我们添加的自定义域名了.

注意:这时点击URL将跳转至网页前端,无法进入后台,而点击原来的URL才可以进入后台,这就是为什么前文说要保存原登陆界面.


施工完毕!现在打开后台,充实你的主页内容吧!

“Wordpress的使用技巧和教程可以在网络上查阅到很多,但是总体也不是很难,多用用就会了,如果想要了解我的使用技巧和教程,那就以后再开坑吧!”其实就是懒

About

利用Github的学生包福利,借助Azure和wordpress搭建个人博客主页的教程

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors