搭建 Typecho

搭建配置及自定义一个 Typecho 站点

–> 安言的个人博客 <–
来玩呀(编者不是我哦)

Kora! 我一个搭了那么久的 blog 还没搭了几天的 blog 热闹

我的 blog 运行在 PaaS,这次搭建的 Typecho 运行在 IaaS
VPS 来自我的 GCP(2020.4)

免费域名申请

Freenom

搭建 Typecho

先是直接装一套 LNMP,安装替代产品也行

开始安装 - Typecho 文档站点

下载 Typecho 放网站目录,访问即可配置

数据库可以提前创建

自定义 Typecho

伪静态

Nginx 配置文件:

1
2
3

if (!-e $request_filename) {
    rewrite ^(.*)$ /index.php$1 last;
}

然后在 Typecho 后台-设置-永久链接
启用地址重写功能

使用一言 API

在页脚显示一句话

使用示例 - 一言开发者中心
Hexo 用户可以看看: 为您的 Hexo 博客添加 Hitokoto 一言功能

复制粘贴不就好?

在header.php中加入

1
2
3
4
5
6
7
8
9

<script>
  fetch("https://v1.hitokoto.cn")
    .then((response) => response.json())
    .then((data) => {
      const hitokoto = document.getElementById("hitokoto");
      hitokoto.innerText = data.hitokoto;
    })
    .catch(console.error);
</script>

在页脚加入

1

<p id="hitokoto">:D 获取中...</p>

为了防止跨域访问出错,在 Nginx 配置中加入

1
2
3
4
5
6
7

location / {
add_header Access-Control-Allow-Origin *;
add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';
add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization';
if ($request_method = 'OPTIONS') {
    return 204;
}

这个问题也能使用反向代理的方法来解决

写在后面

至此目前的修改就基本都在这了
以后的更改再回来更新