H5W3
当前位置:H5W3 > 其他技术问题 > 正文

【博客搭建】Typecho个人博客搭建,快速安装,超小白(很简单的)

使用Typecho框架一个月又十二天了,就目前感觉来说,整体还不错,很多方面都支持个性化,二次开发,但是目前MD编辑器有一丢丢问题,不能同步滚动条滚动,就是编辑器区域滚动,预览区域没有动静,需要两边都操作,不知道这个问题是主题的还是官方的,而且还有一个图片多了会出现抖动。。。

其他的还好吧,插件也是蛮多的,那么开始吧,此教程使用本地虚拟机创建的CentOs7服务器。

跟阿里云,腾讯云等等CentOs服务器是一样的,只是在本地演示一下,如果没有服务器的安装一个本地虚拟机服务器爽爽也ok啊,本地虚拟机服务器安装我也有写(点击跳转到本地虚拟机安装CentOs7服务器)。

下载Typecho安装包

  • Typecho官网:typecho.org/

点击立即下载

1.png

点击下载1.1正式版

2.png

下载完成后会得到一个.gz后缀的文件(Linux和macOS下的压缩格式),windows下解压(我这里用的解压软件是7z:www.7-zip.org/)两次就可以得到build文件夹。

3.png

进入build文件夹里面,将所有文件压缩,这是为了方便上传到宝塔。

4.png

宝塔面板配置

宝塔面板创建网站

5.png

本地hosts文件(C:WindowsSystem32driversetc)配置一下访问域名。

6.png

访问域名:blog.langting.io,出现下图内容就说明创建网站成功了。

7.png

然后回到宝塔面板,文件->blog.langting.io文件夹里,删除所有文件(删除后如果还有.user.ini文件,继续删除他)。

8.png

上传之前已打包的压缩包build.zip

9.png

解压build.zip

10.png

解压到当前了,删掉build.zip,你要留着也行。

11.png

别忘了文件权限问题,在Xshell里或者宝塔面板也有一个终端,进入cd /www/wwwroot,好像在宝塔面板也可以改文件权限,自己研究一下。
chown -R www.www 文件名
chmod -R 750 文件名

再次打开域名:blog.langting.io,Typecho框架完整无缺(可以打开F12看看有没有报错,我的没有)。

12.png

安装Typecho

点击我准备好了, 开始下一步 »

13.png

配置Typecho信息。

14.png
15.png

数据库信息。

17.png

看到下图就说明安装成功了,恭喜恭喜。

16.png

打开域名:blog.langting.io,展示前台(用户/游客看到的界面)。

18.png

打开域名:blog.langting.io/admin,展示后台(自己看到的界面,记得密码别泄露)。

19.png
20.png

静态化配置:

配置静态化,先设置网站伪静态。

21.png

配置静态化,再设置网站链接模式(如果提示报错,就按照提示操作,这里我忘记截图了)。

22.png

插件

所有的主题和插件管理都在这里

23.png

本站用到的插件如下(安装就不说了,每一个插件都有教程的):

  • 主题:aria-doc.eriri.ink/#/
  • 炫彩鼠标:www.hoehub.com/PHP/typecho…
  • 疯狂打字机:www.hoehub.com/PHP/typecho…
  • 访问统计:kotori.love/archives/ty…
  • 播放在线音乐:github.com/MoePlayer/A…
  • 在底部显示系统的运行时长:github.com/zhusaidong/…
  • 网站地图:github.com/bayunjiang/…

正式上线的博客搭好后,别忘了加我一条友链哦!

名称:zohnの梦
地址:blog.langting.top/
头像:blog.langting.top/usr/uploads…
描述:I tell you

一起加油吧。

本文地址:H5W3 » 【博客搭建】Typecho个人博客搭建,快速安装,超小白(很简单的)

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址