【博客搭建】Typecho个人博客搭建,快速安装,超小白(很简单的)
使用Typecho框架一个月又十二天了,就目前感觉来说,整体还不错,很多方面都支持个性化,二次开发,但是目前MD编辑器有一丢丢问题,不能同步滚动条滚动,就是编辑器区域滚动,预览区域没有动静,需要两边都操作,不知道这个问题是主题的还是官方的,而且还有一个图片多了会出现抖动。。。
其他的还好吧,插件也是蛮多的,那么开始吧,此教程使用本地虚拟机创建的CentOs7服务器。
跟阿里云,腾讯云等等CentOs服务器是一样的,只是在本地演示一下,如果没有服务器的安装一个本地虚拟机服务器爽爽也ok啊,本地虚拟机服务器安装我也有写(点击跳转到本地虚拟机安装CentOs7服务器)。
下载Typecho安装包
- Typecho官网:http://typecho.org/
点击立即下载。

点击下载1.1正式版。

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

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

宝塔面板配置
宝塔面板创建网站。

本地hosts文件(C:\Windows\System32\drivers\etc)配置一下访问域名。

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

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

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

解压build.zip。

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

别忘了文件权限问题,在Xshell里或者宝塔面板也有一个终端,进入cd /www/wwwroot,好像在宝塔面板也可以改文件权限,自己研究一下。
chown -R www.www 文件名
chmod -R 750 文件名
再次打开域名:blog.langting.io,Typecho框架完整无缺(可以打开F12看看有没有报错,我的没有)。

安装Typecho
点击我准备好了, 开始下一步 »。

配置Typecho信息。


数据库信息。

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

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

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


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

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

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

本站用到的插件如下(安装就不说了,每一个插件都有教程的):
- 主题:https://aria-doc.eriri.ink/#/
- 炫彩鼠标:https://www.hoehub.com/PHP/typecho-HoerMouse.html
- 疯狂打字机:https://www.hoehub.com/PHP/typecho-ActivatePowerMode.html
- 访问统计:https://kotori.love/archives/typecho-plugin-access.html
- 播放在线音乐:https://github.com/MoePlayer/APlayer-Typecho
- 在底部显示系统的运行时长:https://github.com/zhusaidong/SiteRunningTime
- 网站地图:https://github.com/bayunjiang/typecho-sitemap
正式上线的博客搭好后,别忘了加我一条友链哦!
名称:zohnの梦
地址:https://blog.langting.top/
头像:https://blog.langting.top/usr/uploads/img/bfQIpm3aOYnh2ZzSVh2b5L5RwQJGAVVO.jpg
描述:I tell you
一起加油吧。
【博客搭建】Typecho个人博客搭建,快速安装,超小白(很简单的)的更多相关文章
- 搭建 Typecho 个人博客
搭建 Typecho 个人博客 前言 最近在学习中,感觉有个自己的博客,用来记录学习总结,写写生活点滴是件不错的事. 在网上看到 Typecho 博客和 WordPress博客,顿时被 Typecho ...
- WordPress 建站教程:新手搭建 WordPress个人博客图文教程(完全版)
前言 WordPress 作为动态博客的代表,至今已经有十几年历史,而且一直在更新发展中,功能强大,插件和主题丰富,WordPress搭建使用也很方便.作为个人站长和博主,很多都是从 WordPres ...
- s905l3a系列刷armbian 教你从0搭建自己的博客
最近服务器又更换了,原来的有一点点小意外(一个电阻给我焊接时搞掉了). 哎~~今天,我淘到了一个好东西----CM311-3a,配置很诱人,价格也不贵,60绰绰有余 比较 CM311-3a N1(炒到 ...
- 一步步搭建自己的博客 .NET版(2、评论功能)
前言 这次开发的博客主要功能或特点: 第一:可以兼容各终端,特别是手机端. 第二:到时会用到大量html5,炫啊. 第三:导入博客园的精华文章,并做分类.(不要封我) 第四:做 ...
- 使用WordPress搭建自己的博客
突然间发现自己在阿里上有一个免费的虚拟云空间,好像是什么时候阿里云搞活动赠送的.看了看还有不少时间,就决定自己搭建一个博客系统.说到搭建自己的博客,第一时间就想到WordPress,这个用起来应该是最 ...
- 基于hexo+github搭建一个独立博客
一直听说用hexo搭建一个拥有自己域名的博客是很酷炫的事情~,在这十一花上半个小时整个hexo博客岂不美哉. 使用Hexo吸引我的是,其简单优雅, 而且风格多变, 适合程序员搭建个人博客,而且支持多平 ...
- 在Github上搭建自己的博客(Windows平台)
折腾了好久,终于在Github上搭建了自己的博客.这里面总结一下过程希望对大家能有所帮助. Github建博优缺点 和 csdn,新浪,网易相比,在Github上可以自己实现功能 和阿里云,VPS相比 ...
- 使用hexo搭建github.io博客(一)
使用github.io可以搭建一个自己的博客,把静态文件项目托管到github上,可以写博客,可以使用markdown语法,也可以展示作品.灵活性高.但是有较大的难度. node,git版本变化日新月 ...
- 2015年12月12 Node.js实战(一)使用Express+MongoDB搭建多人博客
序,Node是基于V8引擎的服务器端脚本语言. 基础准备 Node.js: Express:本文用的是3.21.2版本,目前最新版本为4.13.3,Express4和Express3还是有较大区别,可 ...
- 第1章 Express MongoDB 搭建多人博客
学习环境 Node.js : 0.10.22 + Express : 3.4.4 + MongoDB : 2.4.8 + 快速开始 安装 Express express 是 Node.js 上最流行的 ...
随机推荐
- 倍增法求LCA代码加详细注释
#include <iostream> #include <vector> #include <algorithm> #define MAXN 100 //2^MA ...
- ThinkPHP6.0 + Vue + ElementUI + axios 的环境安装到实现 CURD 操作!
官方文档地址: ThinkPHP6.0: https://www.kancloud.cn/manual/thinkphp6_0/1037479 ElemetUI: https://elemen ...
- 03-Python基础2
本节内容 1. 函数基本语法及特性 2. 参数与局部变量 3. 返回值 嵌套函数 4.递归 5.匿名函数 6.函数式编程介绍 7.高阶函数 8.内置函数 温故知新 1. 集合 主要作用: 去重 关系测 ...
- Spring-AOP之工作实践(一)
案例一.角色校验 项目中,对某些方法需要用户具备指定角色权限才能执行. /** * 角色校验注解 */ @Retention(RetentionPolicy.RUNTIME) @Target(Elem ...
- [CF696D]Legen...
题目 点这里看题目. 分析 首先对于模式串建立 AC 自动机,并且计算出每个状态\(p\)的贡献总和\(con(p)\). 考虑一个朴素的 DP : \(f(i,p)\):当前串长度为 ...
- Jupyter notebook中的Cell and Line Magics
参考资料: https://www.jianshu.com/p/81ada9234788 https://my.oschina.net/u/2306127/blog/832510 首先,Cell an ...
- Linux下,如何监控某个进程到底向哪个地址发起了网络调用
Linux下,如何监控某个进程到底向哪个地址发起了网络调用 有时候,有些应用,比如idea,你发起某个操作时,其底层会去请求网络,获取一些数据. 但是不知道,请求了什么地址.举个例子,在idea中,m ...
- 科学计算:Python 分析数据找问题,并图形化
对于记录的数据,如何用 Python 进行分析.或图形化呢? 本文将介绍 numpy, matplotlib, pandas, scipy 几个包,进行数据分析.与图形化. 准备环境 Python 环 ...
- VS Code WebApi系列——3、发布
上两篇已经实现了WebApi及基于jwt的Token设置,那么功能做完了,该发布WebApi了.为什么要对发布进行一下说明呢,因为是基于vscode和.netcore的发布,所以可能会遇到莫名奇妙的问 ...
- CSS中 隐藏元素的常用方法
在CSS中,使某个元素在页面中消失的方法有很多,今天为大家介绍几种我常用的方式 . 一.display:none; 让元素直接从页面消失,不占用尺寸,会改变页面布局. 代码演示: 页面演示:在页面 ...