冒泡MOPO

如何搭建自己的博客/网站

开始

本文章为搭建个人网站/博客/作品集网站的教程。软件和工具可能根据时间推移进行更新。本文章具有时效性，如果遇到一些问题请自行搜索或者联系本人。下面的操作安装环境以 Windows 为示例。

付费的项目我会标注付费。转载请附带链接。

一、需要提前安装的软件

下面的软件请按照顺序安装。可以参考本文发布日期，如果链接失效或者安装方法出错，请在B站搜索最新安装教程。

watt toolkit

该工具为网络加速工具，如果有科学上网环境可以忽略

  1. 打开官网： https://steampp.net/
  2. 点击下载按钮，在弹出框内选择接受并下载
  3. 在下载渠道弹出框，根据国内下载速度，本人推荐的下载方式排序为：蓝奏云网盘（密码1234）> Gitee > 微软商店 > Github > 百度网盘
  4. 推荐下载exe后缀的安装文件（Mac和Linux用户请自行判断），下载后安装即可
  5. 运行软件，左侧选择网络加速
  6. 右侧列表中，选择下列选项的一级列表的对钩
    1. 公共CDN（重要）
    2. 国外验证码平台
    3. Github（重要）
    4. 网盘服务
    5. 其他网站
  7. 点击一键加速按钮

下面的步骤默认为开启加速之后的操作。

creat-your-website-1.webp

二 准备的账号

域名（付费）

域名就是用户/HR/朋友可以找到你的网站的地方。举个例子： baidu.com 、 qq.com ，这些就是域名。本网站的 mopo.blog 也是域名。（再次提示：本文章内容偏向没有网络开发基础的朋友，下面的内容请酌情考虑）

你可以在阿里云、腾讯云或者其它第三方服务商购买你心仪的域名。阿里云和腾讯云经常有便宜的活动。比如 .site 域名 & .link 之类的域名，可以180元左右购买十年！（国内服务商需要实名认证） 不过我本人推荐 quyu.net 或者 spaceship.com 以及 namecheap.com （spaceship.com 以及 namecheap.com 可能需要使用代理访问，直接访问可能比较慢。另外支付仅支持paypal以及信用卡支付）。因此下面的步骤以 quyu.net 为例。

  1. 打开 https://www.quyu.net/
  2. 在右上角客户登录处，注册登录你的账号
  3. 点击左上角的查询域名，然后在下面的查询域名输入框输入你想要注册域名，例如 'project'
  4. 然后在下面的热门域名表单中，选择你喜欢的域名后缀，例如 .com ，.ee ， .blog ，也可以全选。然后点击输入框右侧的查域名。如果你选择的域名较多，可能需要一定的时间来查询。
  5. 特别备注：如果列表中没有你心仪的域名后缀，例如 .love ，那么你可以访问 https://www.nazhumi.com/ 来搜索你心仪的域名后缀。可以放开想象搜索一下。然后这个网站会列出支持购买该后缀的域名服务商和价格。（设计师朋友可以考虑.design和.cool后缀）
  6. 然后勾选自己喜欢的域名，点击下方的注册所选按钮进行购买。在首次购买过程中，需要填写域名联系人信息（放心这些信息都是默认隐藏的。如果不放心可以填写非敏感信息或者随机信息，如果比较介意可以考虑 spaceship.com 以及 namecheap.com 购买）

作为示例，我购买的域名为 cmyk.cool

github

  1. 打开 https://github.com/
  2. 点击右上角的 Sign Up 按钮
  3. 在打开的页面输入你的 email
  4. 点击Continue
  5. 设置密码
  6. 设置用户名
  7. 下面的对钩可以不选择，对钩的内容为：偶尔接受新产品通知和更新公告。
  8. 点击Continue，然后会让你进行机器人验证
  9. 验证通过后输入邮箱内收到的验证码，点击提交
  10. 注册成功后会自动跳转到登录页面

vercel

vercel账号无需注册，可以使用Github账号直接登录。所以这里暂时跳过。

cloudflare（可选）

首先说明cloudflare的作用：

  1. 内容加速
  2. 隐藏你的真实ip
  3. 一定程度上防止域名被墙 （域名被墙=国内不可以直接访问）

至于Cloudflare的注册，我推荐使用Google账户直接登录，或者你可以按照下面的流程进行注册：

  1. 访问： https://dash.cloudflare.com/sign-up
  2. 输入账号密码，点击注册

三 开始搭建

打开链接

首先，复制下面的链接

https://vercel.com/new/clone?repository-url=https://github.com/EvanNotFound/vercel-hexo-template/tree/main&template=hexo

然后在浏览器中新建窗口，粘贴上面的内容到地址栏，回车访问。你可能会看到下面的内容：

creat-your-website-2.webp

这是你没有提前注册/登录vercel的原因。我们点击 Continue with github 按钮。在弹出页面内点击 Authorize Vercel 按钮。在认证通过后弹窗会自动关闭。这时说明我们已经通过github注册并登录了vercel。

然后我们点击下方图片所示的位置，会弹出图中的下拉列表，选择第一行的 Add Github Account 。

creat-your-website-3.webp

然后在弹出页面内点击页面下方的 install 按钮

creat-your-website-4.webp

然后在下面的Repository Name的输入框内输入你的仓库名，可以是你喜欢的任意内容。下面的对钩保持选中状态（作用是让仓库为私有，只有自己的账户可以访问）。

点击右边的 create 按钮，等待片刻即可！

创建博客

在你完成上面的步骤之后，你可能会跳转到一个标题为 Let's build something new. 的页面。这时你需要手动点击左上角的小三角图标返回控制面板。

在你返回后你可以看到这样的页面：

creat-your-website-5.webp

这时你访问卡片中的： https://cmyk-seven.vercel.app/ 就可以打开你的第一个博客啦！（可能有点丑和奇怪，下面的内容我们来说如何自定义）

绑定域名

目前我们只能通过 https://cmyk-seven.vercel.app/ 来访问。那么如何通过我们上面购买的cmyk.cool进行访问呢？

  1. 我们点击上图中，第一个卡片的空白位置
  2. 呈现的内容大致如下，我们点击图示位置的 Domains 按钮 creat-your-website-6.webp
  3. 在跳转的新页面中，输入我们的域名，点击后方的 add 按钮
  4. 在弹出的弹窗中，我们选择第二个选项：添加cmyk.cool并将www.cmyk.cool重定向到此
  5. 讲域名的A记录解析到76.76.21.21，将域名的CNAME记录以www的值解析到 cname.vercel-dns.com 。至于如何解析域名，下面简单说一下
    1. 打开你的域名购买商，这里依旧以我们上面的quyu.net为例
    2. 我们登录账号之后点击右上角的客户中心
    3. 点击左侧菜单中的我的域名 （其他域名购买商步骤类似，请找到你购买的域名的列表）
    4. 在右侧域名列表找到你需要解析的域名。点击后方的 管理域名 按钮
    5. 在弹出的页面内点击右侧的域名解析
    6. 点击 添加新纪录 按钮 （也可能是添加新解析/添加解析）
    7. 主机名写 @ ，记录类型选择 A ，地址写 76.76.21.21 ，点击右侧 添加
    8. 再次添加新纪录，记录值为： 主机名写 www ，记录类型选择 CNAME ，地址 cname.vercel-dns.com ，然后点击右侧添加
  6. 然后返回vercel的Domains页面。稍等片刻之后会显示域名解析状态，成功之后会显示可用。

然后访问你的地址，就可以看到你的博客啦！

其实到这里基本就结束了。我们使用的博客（网站）框架的HEXO。下面的文档我会马上补充。如果你有兴趣可以自己搜索HEXO相关的内容或者访问HEXO的官网学习： https://hexo.io （当你还看到这句话说明我还没有更新下面的内容……）

域名加速

选择喜欢的主题

发布

#github #hexo #server #share #vercel #website