网站搭建

前言

  1. 为了节约时间成本这里采用一种热门的搭建方法
  2. 分为两大类
    • 通过网站托管(大部分无后端)(hexo的后端可用Qexo来实现)
    • 用云服务器搭建(有后端)
  3. 准备

通过 GitHub 托管

GitHub上面的操作

  • 托管网站有很多,如 GitHubVercelcloudflare pagecloudflare workers + KV(自带后端) 等等。虽然种类繁多,但是原理都是差不多的。
  • 在 GitHub 上面注册一个账号
  • 创建一个新仓库

  • xxx”是填你的网站名,然后点击“create repository”(如果要绑定域名的话 .github.io 可以不填,如果想要创建私有仓库部署hexo的话部署完后看这篇

点击“设置

点击“页面

选择一个主题

圈着的网址就是新搭建的网站了(记住这个网址,下面仓库链接要填这个)

电脑上面的操作

  • 下载并安装 nodejs(长期维护版)Git

    安装过程直接点下一步就行,不过nodejs要改一个地方,如图,点击 “Add to PATH”再点 “Next

  • 新创建一个文件夹(用来装你博客的文件)
  • 在路径中输入“cmd”然后回车

在“cmd”里输入以下内容并回车

1
npm install hexo-cli -g

等上面的完成后再输入以下内容并回车

1
hexo init

如果执行hexo init失败就执行下面指令

1
npm i

如果上面两个都不行,把文件夹里面的package.json删掉再执行上面的一个指令,如果也不行再删除执行另一个指令

安装部署插件

1
npm install --save hexo-deployer-git

下面是没安装部署插件的情况

已经部署好环境了,下面修改一些内容

  • 下载 Notepad(用于编辑*.yml等类型文件)、Typora(用于写*.md的博客文章)
  • 在装有你的博客的文件夹里找到_config.yml,右键用Notepad++打开,改动以下内容

第5行是你网站的名字(非必要)

第8行是描述网站的内容(非必要)

第10行是你自己(非必要)

第11行是语言(非必要)

第16行填你的网址(必要

第65行跟第88行的10改成12(非必要)

第100行是你的主题名字(在你的博客文件夹/theme 里)(可以在GitHub里找你想要的主题 链接 ,下载后放在theme这个文件夹里,并把第100行的名字改成你主题的名字(必要

修改第104至107行,其中第106行的是你的仓库链接(必要

下面复制的就是你的仓库链接了

用来装文章的文件夹_posts(在写文章的时候也可以直接在这里创建新的*.md文件来写)

部署到GitHub上

输入以下指令

1
npm install hexo-deployer-git --save

完成后再上传

1
hexo g -d

如果失败,则输入以下指令,再输入上面的指令:

1
git config --global credential.helper wincred

创建新文章

1
hexo n 你文章的名字

清除缓存的指令(只是发表文章不用)(如果出现了什么错误可以clean以下试试)

1
hexo clean

生成静态网页文件的指令

1
hexo g

访问本地博客(Ctrl + c 关闭)

1
hexo s

部署到GitHub上(必须先生成静态网页)

1
hexo d

用云服务器搭建

买云服务器

:国内的云服务器搭建网站要备案,一般要二十多天才能通过,也就是说在未通过的时间里你的域名是无法在国内的云服务器上使用的

国内有名的云服务器提供商有腾讯云阿里云 等,国外的有Vultr搬瓦工Google Cloud 等。国内的提供商一般会在双11这种日子抛售云服务器(不妨到淘宝或者其他地方找找可能会有更便宜的)如果只是用来自己访问的(一年都没有超过三位数的访问量)可以选择较低配置的云服务器(阿里云新用户送一台国内的服务器30天)

更换安全组

这里以阿里云ECS服务器为例,先到实例里面添加安全组

添加打勾的那三个,授权对象填自己的IP地址(到百度搜IP即可看见自己的IP地址)

更换系统——安装宝塔面板

首先要停止实例并勾上实例,点击“更多

搜索宝塔面板,使用第一个就是了

远程连接

登录要密码,如果忘记密码可以重置密码

输入bt default

把URL的链接复制到浏览器里面,输入里面的usernamepassword就行了

进入宝塔面板后如果有跳出来这个东西的话点击左边的一键安装,如果没有的话到左边的软件商店一个个下载安装就可以了,等待安装完成

PS:左边的只支持静态网页,右边的静态和动态都支持,但是左边的做静态网页更专业

安装完成后到软件商店里点击wordpress后面的一键部署

域名填实例的公有IP(如果有域名的话填域名,国内服务器域名要备案才能成功)

提交后点击访问站点输入数据库名、用户和密码就行了(记住在语言那里选择中文)

后面的自己看文字就会搞了

可以说到这里已经是搭建好了

域名

一般服务器提供商那里都可以买域名,不过这里推荐namesilo,原因可参考这篇文章:知乎

namesilo续费可用优惠码:namesilo2022~2026

若不想买域名还可以白嫖别人的二级域名,这里提供两个网上找来的二级域名申请:eu.org(推荐)、starxn(这个不知道什么时候跑路),需要其他二级域名的自己可以到网上找,或者参考:yideng

服务器和GitHub的域名解析

这里以namesilo为例

进入我的账户里面

点击右边的域名管理domain manager

勾上你的域名,点击右边的蓝色小球,进入以后把原来的东西都删掉

服务器:一般点A就行然后HOSTNAME@,IPV4地址填你服务器公网IP,TTL填3600,保存,再点击一次AHOSTNAMEwww其余的跟前面的一样

  • 服务器的教程到这里已经结束了 ^_^

GitHub:点击AHOSTNAME@IPV4地址185.199.108.153保存,重复前面的继续填185.199.109.153185.199.110.153,完成后再点击CNAMEHOSTNAMEwwwTarget Hostname填你创建网站的网址,如xxx.github.io

进入你的GitHub页面,在圈着的框里输入你的域名保存就ok了

在你本地的博客source目录里新建一个没后缀的CNAME文件,里面填你的网站,比如本站jeam.org 作用:为了不用每次上传博客文章或其他文件而导致域名要重新设置(就是要重复上面的那张图的步骤)

到这里可以说结束了

附加

可能域名提供商提供的解析器太慢,所以这里推荐用cloudflare进行解析

这里以GitHub page为例

在cloudflare上面的操作

首先得注册一个cloudflare账号,在主页点击添加站点

添加成功后点击左侧栏的DNS,点击添加记录,名称填@,内容填185.199.108.153保存,重复前面的继续填185.199.109.153185.199.110.153,完成后再添加记录,在类型中选择CNAME,名称填www,内容填你创建网站的网址,如xxx.github.io

代不代理都行

在域名提供商上面的操作

这里用namesilo为例,进入管理我的域界面,勾选你的域名,点击图中第二个按钮(两个箭头的那个)

将NameSever里面的全删了,加入emely.ns.cloudflare.commaxim.ns.cloudflare.com,点击保存就行了

完成

  • 由于个人能力有限,如有错误,还请广大网友不吝指正
  • 此文章有被侵权记录:被侵权记录
作者

Jeam

发布于

2021-12-01

更新于

2022-09-14

许可协议

评论