如何搭建个人博客?

博客成品展示:

首页:

代码高亮

如何搭建个人博客?_第1张图片

文章分类

如何搭建个人博客?_第2张图片

首先需要准备一台云服务器和域名。

域名没有备案的话推荐雨云的美国,速度挺快的。

点我跳转服务器购买地址

如何搭建个人博客?_第3张图片

配置选入门版也够用了,一年大概200块钱不到,标准版更好咯,hhh。

购买之后选择如下系统:

如何搭建个人博客?_第4张图片

然后点开如下图标

如何搭建个人博客?_第5张图片

按照提示就可以进入到宝塔页面了,第一次进入需要绑定手机号。

然后点开网站。

如何搭建个人博客?_第6张图片

添加站点

如何搭建个人博客?_第7张图片

添加好之后去github上下载源码。

点我跳转到下载链接

下载好之后回到宝塔面板,点开文件

如何搭建个人博客?_第8张图片

点开刚刚创建的目录,然后上传文件夹解压。

如何搭建个人博客?_第9张图片

然后去解析域名,选择A记录,对应值就是服务器IP。

域名可以去阿里云,腾讯云购买,实名之后就可以解析了。

请添加图片描述

解析好了之后就直接访问 主机名+域名。

比如域名是baidu.com,主机名是test,那么就访问test.baidu.com

访问域名之后可以看到安装页面了,点击开始安装。

如何搭建个人博客?_第10张图片

如何搭建个人博客?_第11张图片

可以看到这里需要数据库的账号密码,我们回到宝塔面板,点击数据库。

如何搭建个人博客?_第12张图片

可以看到数据库名、用户名、密码

复制数据库名和密码到安装页面

如何搭建个人博客?_第13张图片

就可以设置后台登录的账号密码了。

后台地址是主机名+域名/admin

如何搭建个人博客?_第14张图片

然后开始配置模板

点我进入下载模板的地址

下载好之后回到宝塔面板,点开文件,然后点开**usr文件夹,再点开themes**文件夹

如何搭建个人博客?_第15张图片

点击上传,解压之后会出现如下一个文件夹

image-20230717200845810

然后回到网站后台更换模板

如何搭建个人博客?_第16张图片

如何搭建个人博客?_第17张图片

点击启用。

如果网站出现如下问题

如何搭建个人博客?_第18张图片

把php版本换成7.x即可

如何换php版本?

回到宝塔面板,点击网站,然后点击一下网站。

如何搭建个人博客?_第19张图片

如何搭建个人博客?_第20张图片

然后回到网站后台,点开外观,有一个设置外观

如何搭建个人博客?_第21张图片

这里自行根据爱好设置图片等。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-afNaHOJc-1689596527415)(https://pic.imgdb.cn/item/64b530a21ddac507cc221aaf.png)]

现在网站就是这样子啦。

然后给文章设置一个头图

如何搭建个人博客?_第22张图片

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-GclIWv6O-1689596527415)(https://pic.imgdb.cn/item/64b531271ddac507cc23d9b2.png)]

这样,这个博客基本就ok了,最后安装一个代码高亮的插件。

点我下载插件

下载好之后回到宝塔面板,点开文件,然后点开**usr文件夹,再点开plugin**文件夹

第一步:下载本插件,放在 usr/plugins/ 目录中;

第二步:文件夹名改为CodeStyle;

第二步:登录管理后台,激活插件;

如何搭建个人博客?_第23张图片

如何搭建个人博客?_第24张图片

如何搭建个人博客?_第25张图片

如何搭建个人博客?_第26张图片

你可能感兴趣的:(个人博客,typecho,php,css,JavaScript)