使你的网站支持简体繁体切换
最近在关注博客系统的时候见到了这篇好文,在此记录,以备不时之需。
原文标题:三步让你的网站支持简体繁体切换
- 灵感来源:hexo官网提供简体、繁体页面
- 目的:使页面支持简繁体转换
- 适用范围:全部页面(各种动态、静态博客均支持)
- 工具:JavaScript
实现步骤
- 下载简繁字体切换所需的
tw_cn.js
文件,上传到自己的网站空间。 - 修改模板,在你想要显示简繁转换按钮的地方加上下面一段代码,正常情况添加到
header.php
或者siderbar.php
就可以了。
<a id="translateLink" href="javascript:translatePage();">繁体</a>
- 最后,在
footer.php
添加下面代码,记得更改cookieDomain
这一项。
<script type="text/javascript" src="http://www.arao.me/js/tw_cn.js"></script>
<script type="text/javascript">
var defaultEncoding = 2; //网站编写字体是否繁体,1-繁体,2-简体
var translateDelay = 0; //延迟时间,若不在前, 要设定延迟翻译时间, 如100表示100ms,默认为0
var cookieDomain = "http://www.arao.me/"; //Cookie地址, 一定要设定, 通常为你的网址
var msgToTraditionalChinese = "繁体"; //此处可以更改为你想要显示的文字
var msgToSimplifiedChinese = "简体"; //同上,但两处均不建议更改
var translateButtonId = "translateLink"; //默认互换id
translateInitilization();
</script>
以上仅记录重要步骤,原文链接:http://www.arao.me/2015/hexo-support-jian-fan-language/