如何给Typecho添加一个文字简繁体互换功能

如今很多博客都喜欢弄一些比较花哨的功能来吸引更多的读者,比如这个简繁体互换功能!可能很多强大的主题都自带了此功能了,但是有些简洁的主题还是需要这个,所以分享给需要的朋友!

首先下载js文件放在博客的根目录或者主题目录下面。

JS文件下载地址:文末下载按钮下载

然后就是如下修改JS文件内容:

var defaultEncoding = 2; // 网站默认语言,1: 繁体中文, 2: 简体中文
var translateDelay = 0; //延迟时间,若不在前, 要设定延迟翻译时间, 如100表示100ms,默认为0
var cookieDomain = "https://laolion.com"; //更改为你的博客网址
var msgToTraditionalChinese = "繁体"; //此处可以更改为你想要显示的文字
var msgToSimplifiedChinese = "简体"; //同上,但两处均不建议更改
var translateButtonId = "translateLink"; //默认互换id

接下来在页脚footer.php添加如下代码:

<!--- 简繁转换开始 --->
<script type="text/javascript" src="<?php $this->options->themeUrl(); ?>js/cn_tw.js"></script> // 此处地址改为你的js文件地址
<script type="text/javascript">
var defaultEncoding = 0; //默认是否繁体,0-简体,1-繁体
var translateDelay = 0; //延迟时间,若不在</body>前, 要设定延迟翻译时间, 如100表示100ms,默认为0
var cookieDomain = "https://laolion.com/";    //Cookie地址, 一定要设定, 通常为你的网址
var msgToTraditionalChinese = "繁体"; //默认切换为繁体时显示的中文字符
var msgToSimplifiedChinese = "简体"; //默认切换为简体时显示的中文字符
var translateButtonId = "translateLink"; //默认互换id
translateInitilization();
</script>
<!--- 简繁转换结束 --->

最后在文章页面任意适合的位置(一般为正文标题下方)放入以下代码即可:

<a id="translateLink" href="javascript:translatePage();">繁体</a>
本站提供的所有资源、信息,都来自网络,版权争议与本站无关,所有内容仅限用于学习和研究目的。不得将上述内容用于商业或者非法用途,否则一切后果请用户自负,我们不保证内容的长久性,且通过使用本站内容随之而来的风险与本站无关!
THE END
分享
二维码
< <上一篇
下一篇>>