使用Halo搭建个人博客网站
一、准备工作
Halo是一个简单易用的开源
建站工具,部署后可以通过主题插件,快速构建一个你想要搭建的网站类型。本次将使用腾讯云服务器+1Panel面板快速构建我自己的个人网站。
相关资料:
二、使用1Panel面板部署Halo
1 安装Mysql
2 安装Halo
3 初始化Halo并选择相应的主题
3.1 服务器安全组开放端口
初始化Halo需要通过外部端口访问,因此我们需要去服务器安全组开放对应的端口访问权限,以腾讯云为例:
3.2 初始化Halo
浏览器访问安装Halo时的外部访问地址http://123.123.123.8090,初始化Halo。
3.3 安装合适的主题
Halo后台->主题->主题管理
安装主题并启用。我这里搭建的是个人博客网站,所以选择的是Joe 3.0,这里可以根据自己的个人需要选择。后续的主题配置这里就不叙述了,因为每个主题的配置选项都不一样。
3.4 安装文章导入导出插件
3.5 导入文章
个人网站展示
首页
分类页
自定义页
文章详情
三、Typora图片问题处理
由于我是使用Markdown编写的博客,图片都在本地存储。自己本地查看当然没问题,但是分享给别人的时候直接发md文件过去就会没有图片,这时候就需要导出为PDF图片才能够正常显示。同样的,在网站上显示的md文件,由于Markdown中引用的图片是存储在本地电脑的,同样无法正常显示
。这时候就需要Markdown引用的图片指向互联网上的服务器来处理这个问题。
我采用的解决方式是在服务器上搭建一个自己的图床,然后在Typora中,将Markdown所引用的图片上传至图床并引用
。
注:我是用的Markdown软件是Typora,使用其他网站的朋友可以搜索下其他软件怎么设置,但是都需要将md文件中的图片地址改为网络地址,才能在网上正常查看。
1 服务器安装EasyImages2.0图床
EasyImages2.0是一个使用php开发的开源图床软件,简单易用,适用于单一场景和个人使用,不适合多用户复杂场景。
2 Windows本地安装PicGo
【Picgo指南】图床神器之Picgo工具的安装与快速上手详细教程
2.1 安装easyimage 1.0.0简单图床插件
2.2 访问EasyImage图床,获取API调用地址和Token
2.3 配置EasyImage图床
配置完成后,在上传区上传一张图片,然后去EasyImage验证图片是否上传成功即可。
2.4 Typora配置图片上传
点击验证图片上传选项
,出现如下结果即为成功。
2.5 Markdown文件上传前处理
上传md文件到博客网站上之前,我们需要先将md文件中的图片指向图床中的图片地址,因此需要上传图片
到图床,并修改图片地址。
- 上传图片:
该操作会将当前md文件中的图片上传到图床,并修改图片引用地址为图床地址
。 - 复制/移动图片到…:
该操作会将md文件中的图片保存到本地,并修改图片引用地址为本地地址
。
四、绑定域名
完成上面的操作之后,我们已经可以正常访问我们的博客网站了。但是IP地址和端口实在是难记,所以我们需要购买一个域名,将其和网站进行绑定。
1 购买域名
国内支持域名注册的云服务商有很多,下面列举了本人使用过的三个域名注册服务商。
2 ICP备案
因为法律规定,托管于中国内地服务器的网站需要进行ICP备案,所以注册域名之后,我们还需要进行ICP备案才能够使用DNS服务器进行DNS解析,这时候通过域名访问网站才能够正常显示。如果直接进行DNS解析,通过域名访问到的将是DNS服务器提示域名备案的页面。
3 配置DNS解析
域名完成ICP备案之后,可以进行DNS解析了,DNS解析的目的是将我们的域名和我们的网站IP地址和端口绑定到一起,实现访问域名的时候,DNS服务器上能够通过域名获取对应的IP和端口,这样浏览器就可以通过域名访问到我们的网站了。
五、总结
完成上面五步,我们就完成了网站搭建、博客文章上传、Markdown图片问题处理、域名绑定这几个建站的整体流程了,网站也可以正常访问了。
下面总结一下这个过程中本人遇到的一些问题。
Gitee防盗链
一开始没打算搭建个人图床的,百度之后选择的是Gitee仓库作为图床,搭配PicGo完成Markdown图片问题的处理的,但是后来发现Gitee设置了防盗链,图片没法正常引用
。
而本人又没有把Halo源代码下载下来自定义修改,无法解决防盗链的问题,所以才不得不自己搭建图床。
使用Gitee作为图床的话,需要考虑防盗链的问题,如果是自己源代码部署,可以解决防盗链的问题的话可以使用,不然不建议。
图床产品也可以使用腾讯云COS、阿里云OSS、七牛云、GitHub等等,只要是PicGo原生支持的或者有对应插件的都可以使用。
Typora图片过大上传失败
EasyImage上面可以配置单文件最大上传大小,默认好像是3MB,如果图片过大就会上传失败,可以根据自己的需要,设置合适的大小。
评论区