【新业务连载11】教你1小时搭建一个70分的博客流量站

1. 购买Hosting（我用的Hostinger）

2. 购买域名 （我直接在Hostinger上面买的，自动就能绑定到Hostinger的主机）

3. 绑定域名到Hosting

4. 安装SSL，并Force所有链接到Https，

5. 进入WP后台更改Setting——General的设置，去掉URL的www，然后Save

注：我自己用的是 cloudways 的独立 VPS

Setting——Permalinks:设置为Post name

Setting——Reading：禁止谷歌收录

6. 选择Page，然后添加一个Home Page，然后回到Reading设置指定Home Page

7. 安装Theme——Appearance-Themes-Add New（GeneratePress）-Active主题GeneratePress-Delete其他不需要的主题

注：GeneratePress 是免费的，速度快，很多人推荐

8. 升级GeneratePress Premium，购买安装包之后plug上传然后输入激活码，再安装generateblocks插件

9. 设置Google Search Console，验证域名所有权

10. 安装Rank Math SEO

11. Site Speed

插件Wp-Rocket & Bunny CDN

12. 设置Email（Gsuite）

购买一个Gmail结尾的官方邮箱：

• 创建新的Gsuite Account，或者在现有的Gsuite Account里面添加一个Domain

注：我用的zoho的免费企业邮箱，5个账户永久免费

二、BrandingYour Site

1. 挑选品牌网站颜色

   
   

• 利用ChatGPT-4

• 利用竞争对手产品色

目标：挑选5个颜色

Primary & Accent (主色调&强调色)

主色调奠定了网站的大面积的颜色，强调色一般用的是主色调的互补色，起到突出的作用，主要应用于按钮的颜色之类的。

White & Off White(白色和灰白色)

网站肯定会有常规的白色，这个时候我们可以采用Off White的颜色将网站的一些元素和纯白的背景区分开来，不需要用疯狂鲜艳的色彩过度，如下图所示：

Dark Color （暗色）

选择一个深色调，作用于网站的字体和页脚

① 利用ChatGPT-4选色（ChatGPT-3.5免费版也可以,记得让它给你写出color number 就好了，你不要求，它就只给颜色不给颜色编号）

打开ChatGPT-4,输入需求，让它帮我挑好5个颜色

I want to create a XXXXXX website, could you help me provide 5 different colors for create my website? I need 5 colors include Primary & Accent, white & off-white and dark color.

然后我会把ChatGPT给出来的答案输入到coolors.co网站去查看

选色工具网站介绍：https://coolors.co/

点击了Explore Trending Palettes就可以看到很多配色可以选

选好了可以点击...，然后选择open in generator去调色板页面

当我们进入调色板页面的时候，我们可以直接输入ChatGPT给的颜色编号，就可以显示出颜色了。

② 利用竞争对手产品色

比如做DOG FOOD产品的，可以看下对手的产品包装，然后下载一个对手产品图片，上传到选择coolors里面

然后我们可以直接从产品图上面取色，如下

2. 选择品牌字体

• https://www.fontpair.co/all

选择自己替换的字体搭配，然后记录下来自己喜欢的Font

• Canva

  
  

Canva里面有网站设计模板，可以选择自己喜欢的品类的网站去看人家的字体用的什么，然后记录

• https://fontjoy.com/

  
  

3. 使用Canva创建品牌LOGO

   
   

Size：350*100

Canva里面有很多设计好的logo可以供参考和修改，可以选择一个看上的LOGO，然后根据前面自己选择的网站颜色，修改下LOGO的颜色就好了。

4. 用Canva创建Favicon

   
   

Size：512*512， Favicon就是打开网页标签上的缩小的logo标签

5. 创建品牌形象图片

   
   

当你创建文章的时候，你是可以设置文章封面的，这样我们可以把我们的文章封面设置成大小，风格一致的封面图，案例如下图所示：

我们可以利用Canva，选择Ins方形的模板来进行创作

当然如果你喜欢横向的也推荐可以使用Youtube的缩略图模板来制作，根据自己的喜好即可

6. 设置GeneratePress的Site Setting

实操截图太累了，后续都要用这个工具，给个视频，大家可以跟着视频学习怎么设置

https://www.youtube.com/watch?v=4SpxBwWUal0

我正在更新一系列新业务的进展，点击下方卡片关注我，不错过第一时间的消息。