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
Typecho框架个人博客搭建方法学习的更多相关文章
- Node.js博客搭建
Node.js 博客搭建 一. 学习需求 Node 的安装运行 会安装node,搭建node环境 会运行node. 基础模块的使用 Buffer:二进制数据处理模块 Event:事件模块 fs:文件系 ...
- [原创]HEXO博客搭建日记
博客系统折腾了好久,使用过Wordpress,Ghost,Typecho,其中Typecho是我使用起来最舒心的一种,Markdown编辑+轻量化设计,功能不多不少刚好,着实让我这种强迫症患者舒服了好 ...
- nodejs环境 + 入门 + 博客搭建
NodeJS:NodeJS是一个使用了Google高性能V8 引擎 的服务器端JavaScript实现.它提供了一个(几乎)完全非阻塞I/O栈,与JavaScript提供的闭包和匿名函数相结合,使之成 ...
- 基于Github&Hexo的个人博客搭建过程
大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅 博客园:ht ...
- LNMP环境搭建之php安装,wordpress博客搭建
LNMP环境搭建之php安装,wordpress博客搭建 一.介绍: 1.什么是CGI CGI全称是"通用网关接口"(Common Gateway Interface),HTTP服 ...
- WordPress博客搭建与问题总结
一.WordPress博客搭建 1.安装Apache web服务器 yum install -y httpd systemctl restart httpd systemctl enable ht ...
- Hexo博客搭建以及Next主题美化的经验之谈
这并不是一篇博客搭建教程.内容主要包含个人对于Hexo博客搭建的心得,Next6.0主题美化的部分建议,以及摘录一些各种用于博客搭建的link. 在博客园3年6个月,确实也学到了很多,博客园也是目前为 ...
- GITHUB个人博客搭建-Pelican 在Windows环境下的安装及配置
GITHUB个人博客搭建-Pelican 在Windows环境下的安装及配置 前言 此篇博客主要为Pelican在Windows平台下的配置安装所写,在此过程中主要参考资料烟雨林博客.poem_of_ ...
- U盘便携式hexo&博客搭建&极速纯净低bug主题推荐&部署到coding&SEO优化搜索
指南:U盘便携式hexo&博客搭建&极速纯净低bug主题推荐&部署到coding&SEO优化搜索 U盘便携式hexo随处写博客 简述:在任意一台联网的电脑上续写he ...
- w10环境下Hexo博客搭建
w10使用hexo+github手把手搭建自己的第一个博客 对一个程序员来说,博客的重要性不言而喻,不但可以积累知识,还可以更好的给别人分享自己的心得.今天就以时下比较流行的hexo博客搭建属于自己的 ...
随机推荐
- BST二叉查找树的接口设计
/*************************************************************************************************** ...
- 高级工程师面试大全- java基础篇
1.什么是java虚拟机 JVM是Java Virtual Machine(Java虚拟机)的缩写,JVM是一种用于计算设备的规范,它是一个虚构出来的计算机,是通过在实际的计算机上仿真模拟各种计算机功 ...
- SMU Spring 2023 Contest Round 6
E. Expenditure Reduction 从左右往右找到包含B字符的最近位置,然后从这个位置有从右到左找回去找到包含完所有B字符的位置,这个区间就是答案 #include <bits/s ...
- SMU Spring 2023 Contest Round 2(待补
M. Different Billing #include <map> #include <set> #include <cmath> #include <q ...
- 用MySQL的GROUP_CONCAT函数轻松解决多表联查的聚合问题
大家好呀,我是summo,最近遇到了一个功能需求,虽然也是CURD,但属于那种比较复杂一点的CURD,话不多说,我们先看一下需求. 需求如下: 有三张表,学生表.课程表.学生课程关联表,关联关系如下图 ...
- 根据Uri,Cursor没有获取到对应的属性
Android: 背景:调用摄像头,拍摄视频,指定保存的地址,但是返回的Cursor文件,只有名称和大小的属性,没有其他诸如时长,连ID属性都没有 使用 cursor.getInt(cursor.ge ...
- failed to copy: httpReadSeeker: failed open: unexpected status code xxx 403
ack上pull镜像的时候,报的错 非运行脚本的问题,由负责ack相关设定的人员调整即可
- 淘宝打单发货接口,淘宝打单发货API
许多做系统功能的小伙伴经常面对的一个功能是对接淘宝开放平台,在自己系统中进行打单发货. 但是,目前淘宝开放平台,已经关闭了相关的相关的权限申请,具体可查看相关公告.有需要这个权限的,可以站内信联系我, ...
- babel-preset-env与stage-x的使用指南
babel介绍 babel总共分为3个阶段: 解析.转换和生成 babel本身不具有任何转换功能, 如果没有plugin,那么经过babel的代码和输入的是相同的. babel插件分为两种 语法插件: ...
- EF Core – Many to Many
前言 Many to many 是 EF Core 5.0 才开始有的, 以前都用 2 个 1-n 来实现的. 由于它比 1-n 复杂, 所以有必要写一遍来记入一下. 参考: Relationship ...