使你的网站支持简体繁体切换

最近在关注博客系统的时候见到了这篇好文,在此记录,以备不时之需。
原文标题:三步让你的网站支持简体繁体切换

  • 灵感来源:hexo官网提供简体、繁体页面
  • 目的:使页面支持简繁体转换
  • 适用范围:全部页面(各种动态、静态博客均支持)
  • 工具:JavaScript

实现步骤

  1. 下载简繁字体切换所需的tw_cn.js文件,上传到自己的网站空间。

  2. 修改模板,在你想要显示简繁转换按钮的地方加上下面一段代码,正常情况添加到header.php或者siderbar.php就可以了。

    <a id="translateLink" href="javascript:translatePage();">繁体</a>
    
  3. 最后,在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/

标签: js, 博客, 繁体, 简体, 转换, javascript

若看不到评论框请刷新。