还是Typecho舒服,润了润了
由于Replit的后台根本打不开,就直接使用Blogger了
下面是我用Blogger的主要原因:
- Blogger主题的编辑自由度很高,访问速度也比某维基农场快了不少(要知道那个维基农场到现在都卡的要死)
- 免费使用,免备案,无审查
- 网站托管成本低
- 自定义第三方域名后,可实现国内访问
缺点有这些:
- 需要手动修改版式才能在国内获得良好的访问体验
- 不支持 Markdown
- 无法在国内访问,除非绑定了域名
如果你能接受这些缺点,请看下面的教程:
从Typecho迁移到Blogger
需要的工具:
- ByeTyp:https://github.com/sunxiyuan/ByeTyp
- TasteWP:https://tastewp.com/
由于Typecho无法直接导出Blogger的XML文件,这里需要使用ByeTyp导出WordPress格式的文件,然后用“Expert to Blogger”导出。
首先,安装ByeTyp插件并导出WXR文件,之后在TasteWP创建网站,打开侧边栏的“工具”,选择从WordPress导入,把刚刚从Typecho导出的文件导入,之后在插件商店搜索“Expert to Blogger”,选择全部分类,把文章和页面全部导出,并在Blogger后台—设置—导入将Blogger格式的文件导入。
如果需要导出评论,请参考各个静态博客评论系统转换方法,将评论导出,并修改文件之后再导入。
对国内网络适配主题
背景图片
点击编辑HTML,你会看到里面有一段这样的代码:
<Variable name="body.background" description="Background"
color="$(body.background.color)"
type="background"
default="$(color) none repeat scroll top left" value="$(color) url(https://themes.googleusercontent.com/image?id=L1lcAxxz0CLgsDzixEprHJ2F38TyEjCyE3RSAjynQDks0lT1BDc1OxXKaTEdLc89HPvdB11X9FDw) no-repeat scroll top center /* Credit: Michael Elkan (http://www.offset.com/photos/394244) */;"/>
把之这里的图片地址改成自己的背景,如果想用默认背景,请自己上传到一些图床上。
去除自带JS脚本
将后面的</body>
改为:
<!--</body>--> </body>
注意:在前面添加b:js='false'
虽然可行,但布局设置会无限加载无法操作
替换主题自带脚本
打开主题编辑器,把后面一行的以下内容删掉:
<b:template-script async='true' name='indie' version='1.0.0'/>
改为:
<script async="async" src="https://fastly.jsdelivr.net/gh/yu22c0w0/some-script@main/indie_compiled.js" type="text/javascript"></script>
更好的方法是把这段代码上传到其他的空间里,然后替换掉链接。
替换评论为第三方评论
Blogger自带的评论已经被墙了,如果不需要建议关闭,如果需要,可以试试接入第三方评论系统,例如Twikoo、Gitalk、Giscus。
这里以Twikoo为例,找到以下代码:
<b:includable id='comments' var='post'>
...
</b:includable>
改为:
<b:includable id='comments' var='post'>
<div id="tcomment">
</b:includable>
在<!--</body>--> </body>
后面加上:
<script src="https://cdn.staticfile.org/twikoo/1.6.16/twikoo.all.min.js"></script>
<script>
twikoo.init({
envId: '您的环境id', // 腾讯云环境填
envId;Vercel 环境填地址(https://xxx.vercel.app)
el: '#tcomment', // 容器元素
// region: 'ap-guangzhou', // 环境地域,默认为 ap-shanghai,腾讯云环境填 ap-shanghai 或 ap-guangzhou;Vercel 环境不填
// path: location.pathname, // 用于区分不同文章的自定义 js 路径,如果您的文章路径不是 location.pathname,需传此参数
// lang: 'zh-CN', // 用于手动设定评论区语言,支持的语言列表 https://github.com/imaegoo/twikoo/blob/main/src/client/utils/i18n/index.js
})
</script>
这样就能完成更换评论系统,让博客能发评论了!