初尝Typecho

昨天笔记本重装10.13不小心把博客的源代码删了,虽然我有保存有多个副本,但是最近的一次副本保存在机械硬盘里面的,而这机械硬盘我放在宿舍没拿回家,所以我就暂时没有去碰服务器和Coding上面的HTML源码,但是我也不能闲着啊,毕竟有两个月的时间在家,除了平时的笔记push到Github仓库之外,我还会把一些东西记录下来,也是一个偶然的机会发现了 Typecho,原本是在应用商店里面看Rime输入法,无意中点进去一个博客,发现底部的博客框架是Typecho,点进去就来到了Typecho官网,反正我也闲来无事,就搭一个耍耍,顺便记录下来,可能会帮到搭建遇到问题的人。

初识Typecho

  • Typecho究竟是什么博客框架?
    这个博客框架和WordPress一样属于动态博客框架,之前有看过我写的hexo+github/coding搭建个人博客就知道这二者的区别。

其实二者最本质的区别就是对[编辑语法]的支持以及[环境的依赖]。如果你跟喜欢Word文档或者Powerpoint式的写作,那么我并不推荐你使用静态博客,也就是HTML语法的网页,PHP语法更适合你。所以二者环境的区别就是是否需要安装PhpMysql数据库,这里不深入展开讨论,回归正题,Typecho有哪些优点呢?官网首页这样写到:

  • 轻量高效 仅仅 7 张数据表,加上不足 400KB 的代码,就实现了完整的插件与模板机制。超低的 CPU 和内存使用率,足以发挥主机的最高性能。

  • 先进稳定 原生支持 Markdown 排版语法,易读更易写。支持 BAE/GAE/SAE 等各类云主机,即使面对突如其来的高访问量,也能轻松应对。

  • 简洁友好 精心打磨过的操作界面,依然是你熟悉的面孔,更多了一份成熟与贴心。每一个像素的剪裁,都只为离完美更进一步。

我补充几点:

  • 丰富的主题及插件 你可以上Github上面搜索 Typecho,你就会发现很多精美的开源主题和异常丰富的插件,此外原生支持评论,这类动态博客都可以这web端随时随地管理,同样缺点也很明显,文章不利于保存,还得拥有一台有公网IP的主机。

  • 用户量还算比较多 据说有500,000 用户。

建议还算适当的掌握 MarkDown语法 和一些简单的 HTML语法,虽然此框架不要求。

搭建环境

昨天我在Vultr上面的服务器上面搭建好了,今天我就以树莓派上面的CentOS为例,下面👇🏻贴出我的详细配置:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
Last login: Fri Jul 20 15:40:12 2018 from 192.168.1.174
Nice To Meet You!
.. root@localhost.localdomain
.PLTJ. --------------------------
<><><><> OS: CentOS Linux 7 (Core) armv7l
KKSSV' 4KKK LJ KKKL.'VSSKK Host: Raspberry Pi 3 Model B
KKV' 4KKKKK LJ KKKKAL 'VKK Kernel: 4.14.52-201.el7.armv7hl
V' ' 'VKKKK LJ KKKKV' ' 'V Uptime: 12 hours, 22 mins
.4MA.' 'VKK LJ KKV' '.4Mb. Packages: 468 (rpm)
. KKKKKA.' 'V LJ V' '.4KKKKK . Shell: zsh 5.0.2
.4D KKKKKKKA.'' LJ ''.4KKKKKKK FA. Terminal: /dev/pts/0
<QDD ++++++++++++ ++++++++++++ GFD> CPU: Generic DT based system (4)
'VD KKKKKKKK'.. LJ ..'KKKKKKKK FV Memory: 173MiB / 974MiB
' VKKKKK'. .4 LJ K. .'KKKKKV '
'VK'. .4KK LJ KKA. .'KV'
A. . .4KKKK LJ KKKKA. . .4
KKA. 'KKKKK LJ KKKKK' .4KK
KKSSA. VKKK LJ KKKV .4SSKK
<><><><>
'MKKM'
''

首先安装lnmp环境,由于安装lnmp并不是本文的重点,你可以去官网下载源码编译安装,也可以在仓库安装,为了节约时间,这里使用一键安装脚本。
一键安装脚本官网,这里提供version=1.5的在线安装脚本下载链接

ssh接入服务器,键入如下命令:

1
2
3
4
5
6
wget http://soft.vpser.net/lnmp/lnmp1.5.tar.gz
tar -xvf lnmp1.5.tar.gz #解压压缩文件,会生成一个名为lnmp1.5的目录,可以通过ls查看
cd lnmp1.5 #进入解压后的文件夹
yum install -y screen #安装screen,让脚本后台安装
screen -S Install_lnmp #创建一个名为Install_lnmp的session。
./install.sh #执行安装脚本

执行安装脚本后它会提示你安装哪个版本,你可以直接回车,当然🙄️也可以按照自己的喜好安装,不过安装Mysql时会让你创建数据库root用户的密码,记住此密码待会有用到。此时你只需要等待它安装完毕即可。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
PHP: OK
PHP-FPM: OK
Clean src directory...
+------------------------------------------------------------------------+
| LNMP V1.5 for CentOS Linux Server, Written by Licess |
+------------------------------------------------------------------------+
| For more information please visit https://lnmp.org |
+------------------------------------------------------------------------+
| lnmp status manage: lnmp {start|stop|reload|restart|kill|status} |
+------------------------------------------------------------------------+
| phpMyAdmin: http://IP/phpmyadmin/ |
| phpinfo: http://IP/phpinfo.php |
| Prober: http://IP/p.php |
+------------------------------------------------------------------------+
| Add VirtualHost: lnmp vhost add |
+------------------------------------------------------------------------+
| Default directory: /home/wwwroot/default |
+------------------------------------------------------------------------+
| MySQL/MariaDB root password: 2320813747 |
+------------------------------------------------------------------------+
+-------------------------------------------+
| Manager for LNMP, Written by Licess |
+-------------------------------------------+
| https://lnmp.org |
+-------------------------------------------+
nginx (pid 24643 24642 24641 24640 24639) is running...
php-fpm is runing!
SUCCESS! MySQL running (25190)
Active Internet connections (only servers)
Proto Recv-Q Send-Q Local Address Foreign Address State
tcp 0 0 127.0.0.1:25 0.0.0.0:* LISTEN
tcp 0 0 0.0.0.0:3306 0.0.0.0:* LISTEN
tcp 0 0 0.0.0.0:80 0.0.0.0:* LISTEN
tcp 0 0 0.0.0.0:22 0.0.0.0:* LISTEN
tcp6 0 0 :::22 :::* LISTEN
Install lnmp takes 162 minutes.
Install lnmp V1.5 completed! enjoy it.​

显示此信息就说明安装完毕,其中上面的0.0.0.0:3306中的 3306 是Mysql默认监听的端口,0 0.0.0.0:80中的80Nginx占用的端口。如后续使用Caddy就可以停用Nginx

网站根目录

这里安装的lnmp是默认把/home/wwwroot作为主机的目录。以后添加目录以后都会在这里相应的创建文件夹方便管理。

  • 添加虚拟主机

使用命令lnmp vhost add添加虚拟主机目录,其中:

Q A
Please enter domain(example: www.lnmp.org): 填写你的域名,同时dns解析到服务器ip
Enter more domain name(example: lnmp.org .lnmp.org): 保存默认,回车即可
Default directory: /home/wwwroot/share.ourfor.top: 回车
Allow Rewrite rule? (y/n) y
Enable PHP Pathinfo? (y/n) y
Allow access logs (y/n) y
Add SSL Certificate (y/n) y
1.: Use your own SSL Certificate and Key 2.: Use Let’s Encrypt to create SSL Certificate and Key 建议使用2,自动添加https证书

接下来它会自动开始配置,当提示此信息我们就可以进行下一步了。

1
2
3
4
5
6
7
8
9
10
11
================================================
Virtualhost infomation:
Your domain: share.ourfor.top
Home Directory: /home/wwwroot/share.ourfor.top
Rewrite: other
Enable log: yes
Create database: no
Create ftp account: no
Enable SSL: yes
=>Let's Encrypt
================================================

如果你使用的是VPS,这里忽略

其中由于现在我用的是树莓派,没有做内网穿透,没有公网ip,所以我得修改nginx的配置才能在局域网中访问树莓派。
使用 find命令搜索🔍️配置文件find / -name nginx.conf,搜索结果显示我的配置文件在:/usr/local/nginx/conf/nginx.conf,使用vi编辑vi /usr/local/nginx/conf/nginx.conf将其中的:

1
2
3
4
5
listen 80 default_server;
#listen [::]:80 default_server ipv6only=on;
server_name _;
index index.html index.htm index.php;
root /home/wwwroot/default;

改为:

1
2
3
4
5
listen 80 default_server;
#listen [::]:80 default_server ipv6only=on;
server_name _;
index index.html index.htm index.php;
root /home/wwwroot/share.ourfor.top;

其中/home/wwwroot/share.ourfor.top就是上文我们添加的网站目录,按照你添加的修改,使用lnmp restart重启Nginx使配置生效,那么接下来我们就可以去官网下载源码了。


开始安装

  • 下载源码

    1
    wget http://typecho.org/downloads/1.1-17.10.30-release.tar.gz&&tar -xvf 1.1-17.10.30-release.tar.gz
  • 移动到网站根目录

    1
    mv build/* /home/wwwroot/share.ourfor.top/ #也就是上文的网站根目录,按照实际情况修改
  • 创建一个名为typecho的数据库

    1
    2
    3
    4
    mysql -u root -p   #回车,接下来输入之前创建root用户所设置的密码
    #password
    create DATABASE typecho; #创建名为typecho的数据库
    exit #退出,保存。

接下来就可以打开域名或者局域网ip(树莓派)了,这时候如果打开Dashboard(控制面板)出现没有权限或者Not Found的话,就需要修改php.ini,同样使用find命令搜索find / -name php.ini,使用vi编辑,键入/cgi.fix_pathinfo,查找字符,将cgi.fix_pathinfo=0改为cgi.fix_pathinfo=1,随后重启php,lnmp restart


  • 未监听9000端口
    在php配置文件(一般应该是叫php-fpm.conf)中添加:
    1
    2
    listen = /tmp/php-cgi.sock  #一般有,这一段不用添加,只是定位
    listen = 127.0.0.1:9000

使用Caddy代替Nginx作为 Http 服务器(推荐),相比之前的步骤,使用Caddy则相对比较简单,首先去官网下载Caddy

  • Caddy优势:
    • 自动签发 HTTPS
    • 目录浏览界面美观强大
    • 容易上手,插件众多,官方文档介绍详细

这里我选择了几个实用的插件:

  1. http.cache
  2. http.filemanager
  3. http.filter
  4. http.git
  5. http.jekyll
  6. http.locale
  7. http.login
  8. http.upload
  9. http.webdav
  10. tls.dns.vultr

按照自己的需要选择,这里将caddy下载解压后的文件放到/home/wwwroot下,方便管理网站,并在该目录下创建一个名为Caddyfile的文件

1
2
3
4
5
6
7
blog.ourfor.top:443 {
root /home/wwwroot/blog.ourfor.top/
timeouts 10m
gzip
fastcgi / 127.0.0.1:9000 php
tls 2320813747@qq.com
}

说明

  • blog.ourfor.top:443域名以及端口,其中http为80https为443
  • root /home/wwwroot/blog.ourfor.top/网站根目录路径

主题推荐:

插件推荐:

相关文档

这个是Coding发给我的电子邮件里面附上的,很少用Cloud Studio,不过看了它的教程似乎还行,当然仅作参考

这个可以在最快的 Hexo 博客搭建方法里面找到

😥️这个是我写的