搭建 Typecho 个人博客

前言

最近在学习中,感觉有个自己的博客,用来记录学习总结,写写生活点滴是件不错的事.

在网上看到 Typecho 博客和 WordPress博客,顿时被 Typecho 的简洁所吸引。

两者都是动态博客,却是一繁一简,风格截然不同。WordPress 功能丰富,相对的体系也比较庞大;而 Typecho 却是极为精简,同时必要的功能一个不缺,倒也令人眼前一亮。

本文就介绍下自己搭建 Typecho 博客的过程。从域名和服务器的购买以及网站的备案到最后完成博客搭建发布文章.

Typecho 是国内开发者开发的一款开源免费的动态博客程序,可以运行在基于 PHP 环境的各种平台上。

相比于同为动态博客并且广为人知的 WordPress 来说,Typecho 的一大特点就是 “精简”。全部文件不足 500KB,但却也实现了完整的主题和插件支持。博客程序很轻量,资源占用也很低,原生支持 Markdown 语法。属于省心并且简洁的博客类型。

注册域名


域名推荐在 Namesilo 购买,价格便宜,同时赠送永久免费的隐私保护。

官网:Namesilo

首先 注册账户。注册信息建议如实填写,国家选择中国,并勾选 “Keep my information private” 默认使用隐私保护。

然后 搜索想要注册的域名,进行购买。

设置域名续费规则、注册时长等。在 “Have a Coupon……” 处输入优惠码 okoff 或者 go2think ,点击 “Submit” 应用,优惠一美元。

完成后点击 “CONTINUE” 付款,支持支付宝和 Paypal。

购买 VPS


VPS 我使用的 Vultr,全 SSD 硬盘,按时间计费,后台管理也很方便。打开网站使用邮箱注册账户,并进入 “Billing” 页面充值,支持支付宝和 Paypal。

官网:Vultr

然后点击右上脚的蓝色 “+” 创建 VPS。节点选择东京、洛杉矶、纽约等都可以;系统 CentOS 7x64;套餐按需要选择,最低 $5/mo;其它默认即可。“Deploy Now” 开始创建。

域名解析


进入 Namesilo,“Manage My Domains”,编辑 DNS。

一般设置两条记录就够了,即将 hello.comwww.hello.com 指向 VPS 的 IP 地址。

连接 VPS


点击 “Manage” 查看连接信息:IP 地址,用户名,密码。

使用 SSH 工具连接我们的 VPS,Windows 推荐 xshell,Mac 可使用自带的终端。还有 Putty 也可以。

Windows

安装 xshell,打开软件。

点击 “文件” —> “新建” —> “连接”,输入 “名称” 和 “主机” (即VPS ip)。

点击 “用户身份验证”,输入用户名(默认root)和密码。确认。

连接 VPS,接受并保存密匙。

出现 root@vultr:~# 即连接成功,可以输入代码了进行操作了。

Mac

打开终端,输入以下代码登录 VPS,其中 root 即用户名,将 ip 更改为 VPS 的 IP 地址,回车。

ssh root@ip

输入 yes 确认,粘贴密码,回车。需要提醒的是,密码输入时并不会显示出来,直接复制粘贴,回车即可。出现 root@vultr:~# 即连接成功。

Typecho 搭建


环境安装

安装宝塔 Linux 面板,复制安装代码到 Xshell 回车运行。选一条进行安装即可。

1、老版安装命令(5.9 稳定版,本教程使用的这个):

yum install -y wget && wget -O install.sh http://download.bt.cn/install/install.sh && sh install.sh

2、最新版安装命令(7.1.0 版,操作是类似的):

yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh

中间需要进行 “确认”,输入 Y 回车即可。安装完成会显示登录信息,包括面板地址、用户名和密码。

打开浏览器进入面板,会提示安装 LNMP。PHP 版本改为 7.1,点击 “一键安装”,等待网站环境安装完成。

创建网站

添加网站,并同时新建数据库。记录下数据库的用户名 和密码。

网站创建后,进入数据库,查看并记录 root 密码 备用。

安装 Typecho

进入 Typecho 官网,下载安装包。建议下载正式版。

打开网站管理页面,进入网站目录,把该目录中的现有文件全部删除。然后把 Typecho 文件压缩包上传到网站目录中并解压,解压后出现 build 文件夹。

把 build 文件夹中的文件全部复制到 http://hello.com 文件夹中,然后删除 build 文件夹 和 Typecho 压缩包。

浏览器访问 hello.com/install.php,按提示完成 Typecho 配置。

Typecho 博客搭建完成!

使用


进入网站后台,控制台、撰写、管理、设置,四个大选项简单明了。

发布文章

点击 “撰写文章”,即可使用 Markdown 语法撰写、发布博文。

预览选项,可以查看渲染后的文章效果。图片可以通过 “附件” 上传,并在文章中引用,或者使用图床。

站点管理

站点的管理选项集中在 “管理” 和 “设置”,可以自由的添加、删除标签、分类、文件等,修改站点名称、描述,设置评论规则等。大家一看就知道了,这里不再逐个说明。

主题 & 插件

Typecho 博客本身不带主题/插件商店,因此主题和插件需要自己到论坛、网上去找,下载后上传到网站目录的相应文件夹中,再到网站后台启用即可。

  • 插件位置:网站目录/usr/plugins
  • 主题位置:网站目录/usr/themes
  • 附件位置:网站目录/usr/uploads

结语

Typecho 博客十分简洁清爽,相比于 WordPress 干练了不少,程序只有 500KB 不到,但是必要的功能也一个不缺;而比起 Hexo 等纯静态博客又方便了很多,只要有网络,随时随地都可以发文。

如果喜欢简洁的风格,或者用惯了其它博客程序想要换个口味,不妨试试 Typecho。

搭建 Typecho 个人博客的更多相关文章

  1. WordPress 建站教程:新手搭建 WordPress个人博客图文教程(完全版)

    前言 WordPress 作为动态博客的代表,至今已经有十几年历史,而且一直在更新发展中,功能强大,插件和主题丰富,WordPress搭建使用也很方便.作为个人站长和博主,很多都是从 WordPres ...

  2. 一步步搭建自己的博客 .NET版(2、评论功能)

    前言 这次开发的博客主要功能或特点:    第一:可以兼容各终端,特别是手机端.    第二:到时会用到大量html5,炫啊.    第三:导入博客园的精华文章,并做分类.(不要封我)    第四:做 ...

  3. 使用WordPress搭建自己的博客

    突然间发现自己在阿里上有一个免费的虚拟云空间,好像是什么时候阿里云搞活动赠送的.看了看还有不少时间,就决定自己搭建一个博客系统.说到搭建自己的博客,第一时间就想到WordPress,这个用起来应该是最 ...

  4. 基于hexo+github搭建一个独立博客

    一直听说用hexo搭建一个拥有自己域名的博客是很酷炫的事情~,在这十一花上半个小时整个hexo博客岂不美哉. 使用Hexo吸引我的是,其简单优雅, 而且风格多变, 适合程序员搭建个人博客,而且支持多平 ...

  5. 2015年12月12 Node.js实战(一)使用Express+MongoDB搭建多人博客

    序,Node是基于V8引擎的服务器端脚本语言. 基础准备 Node.js: Express:本文用的是3.21.2版本,目前最新版本为4.13.3,Express4和Express3还是有较大区别,可 ...

  6. 第1章 Express MongoDB 搭建多人博客

    学习环境 Node.js : 0.10.22 + Express : 3.4.4 + MongoDB : 2.4.8 + 快速开始 安装 Express express 是 Node.js 上最流行的 ...

  7. Hexo搭建Github静态博客

    1. 环境环境 1.1 安装Git 请参考[1] 1.2 安装node.js 下载:http://nodejs.org/download/ 可以下载 node-v0.10.33-x64.msi 安装时 ...

  8. 如何搭建一个独立博客——简明Github Pages与Hexo教程

    摘要:这是一篇很详尽的独立博客搭建教程,里面介绍了域名注册.DNS设置.github和Hexo设置等过程,这是我写得最长的一篇教程.我想将我搭建独立博客的过程在一篇文章中尽可能详细地写出来,希望能给后 ...

  9. 学做酷炫有爱的免费网页,学习 Github Page 教你分分钟搭建自己的博客

    Github Page 网页搭建教程,教你分分钟搭建自己的博客 很多其它美丽的网页搭建教程教程.请看这里:http://www.duobei.com/course/8506331668 waterma ...

随机推荐

  1. 第15.37节 PyQt(Python+Qt)入门学习:containers容器类部件QMdiArea多文档界面部件详解及编程开发案例

    专栏:Python基础教程目录 专栏:使用PyQt开发图形界面Python应用 专栏:PyQt入门学习 老猿Python博文目录 一.引言 老猿在前期学习PyQt相关知识时,对每个组件的属性及方法都研 ...

  2. PyQt(Python+Qt)学习随笔:Model/View中的枚举类 Qt.MatchFlag的取值及含义

    老猿Python博文目录 专栏:使用PyQt开发图形界面Python应用 老猿Python博客地址 枚举类 Qt.MatchFlag描述在模型中搜索项时可以使用的匹配类型,它可以在QStandardI ...

  3. 关于C++的异常抛出

    在接触 throw 之前,我们只知道可以通过函数的返回值来获取和定位错误,比如通过 return 来层层返回是一种方法,但如果牵扯到多层函数调用,那么通过 return 来返回错误显得过于拖沓,这时就 ...

  4. github拉去代码慢的处理方式(最简单)

    https://github.com/xxx/xxxx 替换成 https://github.com.cnpmjs.org/xxx/xxxx 再去拉取,速度快很多,亲测可用

  5. 编译opencv4.5.0

    1. 环境vs2017或其它版本cmake-3.18设置环境变量OPENCV_TEST_DATA_PATH 值设置为 D:\sdk\vs2017\opencv-4.5.0\opencv_extra-4 ...

  6. Greenplum 性能优化之路 --(三)ANALYZE

    一.为什么需要 ANALYZE 首先介绍下 RBO 和 CBO,这是数据库引擎在执行 SQL 语句时的2种不同的优化策略. RBO(Rule-Based Optimizer) 基于规则的优化器,就是优 ...

  7. 06-flask-文件上传案例

    前端代码 Demo.html <!DOCTYPE html> <html lang="en"> <head> <meta charset= ...

  8. html 08-HTML5详解(二)

    08-HTML5详解(二) #本文主要内容 拖拽 历史 地理位置 全屏 #拖拽 如上图所示,我们可以拖拽博客园网站里的图片和超链接. 在HTML5的规范中,我们可以通过为元素增加 draggable= ...

  9. [打基础]一些C++自带的库(持续更新)

    iomanip manip是manipulator(嗯,操作器?)的缩写,对应头文件就是 #include<iomanip> 在算法竞赛里用得到的应该是两个接口:进制转换(8,10,16) ...

  10. webshell学习

    参考文章: https://www.bilibili.com/video/BV1T4411t7BW?p=14 https://blog.csdn.net/mmmsss987/article/detai ...