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博客搭建属于自己的 ...
随机推荐
- IDEA-实时显示当前所在类及方
有时候用GIT对比文件修改过大,没法同步修改的时候,这个操作方式就变得极为有用.接下来就是是实操. 1 view 2 Active Editor 3 勾上show Breadcrumbs 4 看IDE ...
- python分布式事务方案(一)tcc
python分布式事务方案(一)tcc 随着单体应用的拆分以及服务化的流行,现在分布式事务已经比较常见,分布式事务理论ACID.CAP.BASE等我就不说了,现在就直接说一下一种常见的解决方案-tcc ...
- 【CMake系列】07-export与find
为了将我们的库文件更方便地提供给他人使用,cmake 提供了一种方式,通过查找 .cmake 文件,将库导入项目中. 本节学习的内容,就是将我们的库导出一个 xxx.cmake 文件,以及 在项目中导 ...
- WPF:MVVM的由来与属性绑定的过程
WPF:MVVM的由来与属性绑定的过程 1.MVVM (1)MVVM是什么? MVVM(Model-View-ViewModel)是一种软件架构设计模式MVVM模式.有助于分离应用程序的业务逻辑和 ...
- 关于Arrays.asList返回List无法新增和删除?
关于Arrays.asList返回的List无法新增和删除? 这个是在写项目的时候发现的,然后就分析了一下源码,得其内部原理 复现代码示例: public class ArraysAsList { p ...
- LeetCode300.最长递增子序列
LeetCode300.最长递增子序列 力扣题目链接(opens new window) 给你一个整数数组 nums ,找到其中最长严格递增子序列的长度. 子序列是由数组派生而来的序列,删除(或不删除 ...
- c# RSA加密解密,与java代码互通问题
RSA加密解密原本是公开算法,但是和一个java的小伙伴对接却出现了点问题,现在记录一下 首先,RSA的公钥私钥,有2种: 1.pem格式. 2.xml格式. 文章底部有pem格式和对应的xml样本数 ...
- 合合信息参编“生成式人工智能个人信息保护技术要求系列标准”,助力AI行业可信发展
生成式人工智能作为新一轮的技术革命成果,在赋能千行百业,给经济社会发展带来新机遇的同时,也产生了个人信息泄露.数据安全风险等问题.在此背景下,中国信息通信研究院(简称"中国信通院" ...
- CSS – 冷知识 (新手)
<img> extra 4px at the bottom 参考: Extra 4px at the bottom of html <img> The mysterious 4 ...
- Asp.net core 学习笔记 Image processing (ImageSharp)
请移步修订版 : ASP.NET Core Library – ImageSharp .net 的生态烂是真的, 很多硬需求都没有人做, 开源的做着做着就闭源了的也很多. 今天说说 image pro ...