其实吧,用什么插件都不好使,要直接用sgf库。
wgo官网:http://wgo.waltheri.net/player
<!DOCTYPE HTML> <html> <head> <title>My page</title> <script type="text/javascript" src="wgo/wgo.min.js"></script> <script type="text/javascript" src="wgo/wgo.player.min.js"></script> <link type="text/css" href="wgo/wgo.player.css" rel="stylesheet" /> </head> <body> <div data-wgo="game.sgf" style="width: 700px"> Sorry, your browser doesn't support WGo.js. Download SGF <a href="game.sgf">directly</a>. </div> </body> </html>
如果你上不了外网,无法下载,留下邮箱我发给你。
WordPress使用方法:
1、上传wgo文件夹
2、测试一下,你可以不用上传,直接引用我的js和css,如下:
<script type="text/javascript" src="https://www.mitutong.com/go/wgo/wgo.min.js"></script> <script type="text/javascript" src="https://www.mitutong.com/go/wgo/wgo.player.min.js"></script> <link rel="stylesheet" type="text/css" href="https://www.mitutong.com/go/wgo/wgo.player.css" /> <div data-wgo="(;SZ[19];B[pc];W[pe]C[You have many choices - for example: R13];B[qg]C[Click on a letter to select a variation](;W[of]C[Old joseki];B[mc];W[qc];B[qb];W[qd];B[qj];W[ob];B[pb];W[oc];B[od];W[pd];B[oa];W[nd];B[nb];W[oe];B[jc];W[])(;W[qc];B[qb];W[qd];B[mc](;W[og];B[pg];W[oh];B[pi];W[ob];B[pb];W[oc];B[pd];W[od];B[qe];W[re];B[qf];W[rb];B[oe];W[ne];B[pf];W[md]TR[rb][qc][qd][re]C[Marked stones are not dead yet.])(;W[pg];B[ph];W[ob];B[pb];W[oc];B[od];W[pd];B[nc];W[nd]MA[og]C[White can play at X as well.];B[oe];W[nf];B[oa];W[of];B[nb];W[qh];B[qf];W[pi];B[oh];W[ri];B[rh];W[qi];B[pf];W[nh];B[re];W[oc];B[ob];W[ne];B[oc];W[rg];B[rf];W[sh];B[rc]C[Interesting joseki])))" style="width: 60%; margin: 0"> Your browser doesn't support WGo Player. Use some modern browser like IE9, Google Chrome or Mozilla Firefox. </div>
直接复制上面的代码,放在html
效果如下:
Your browser doesn’t support WGo Player. Use some modern browser like IE9, Google Chrome or Mozilla Firefox.
或者在<head>标签里添加引用:
Discuz使用方法:
其实和上面的方法一样,只不过我对discuz不太熟悉,我不知道在哪里添加js和css引用。
所以,我干脆把js和css引用放在统计代码那里。
然后在论坛发贴的时候,开启HTML
把上面的代码复制上去。
<div data-wgo="(;SZ[19];B[pc];W[pe]C[You have many choices - for example: R13];B[qg]C[Click on a letter to select a variation](;W[of]C[Old joseki];B[mc];W[qc];B[qb];W[qd];B[qj];W[ob];B[pb];W[oc];B[od];W[pd];B[oa];W[nd];B[nb];W[oe];B[jc];W[])(;W[qc];B[qb];W[qd];B[mc](;W[og];B[pg];W[oh];B[pi];W[ob];B[pb];W[oc];B[pd];W[od];B[qe];W[re];B[qf];W[rb];B[oe];W[ne];B[pf];W[md]TR[rb][qc][qd][re]C[Marked stones are not dead yet.])(;W[pg];B[ph];W[ob];B[pb];W[oc];B[od];W[pd];B[nc];W[nd]MA[og]C[White can play at X as well.];B[oe];W[nf];B[oa];W[of];B[nb];W[qh];B[qf];W[pi];B[oh];W[ri];B[rh];W[qi];B[pf];W[nh];B[re];W[oc];B[ob];W[ne];B[oc];W[rg];B[rf];W[sh];B[rc]C[Interesting joseki])))" style="margin: 0"> Your browser doesn't support WGo Player. Use some modern browser like IE9, Google Chrome or Mozilla Firefox. </div>
论坛帖子里引用js和css没用。
<script type="text/javascript" src="https://www.mitutong.com/go/wgo/wgo.min.js"></script> <script type="text/javascript" src="https://www.mitutong.com/go/wgo/wgo.player.min.js"></script> <link rel="stylesheet" type="text/css" href="https://www.mitutong.com/go/wgo/wgo.player.css">
这三行,不要放在论坛帖子里,应该放在统计代码处。
Discuz效果如下:
https://bbs.mitutong.com/thread-3-1-1.html
ps:
WordPress显示不太正常,暂时还没有想到办法。
Discuz显示正常。
其实我之前早就搞定了。
https://www.tianqiweiqi.com/
只不过那是3年前搞的,现在又忘了。
两个问题:
1、discuz在哪里引用js和css
2、wordpress显示不正常要解决,可能是模板的原因。