Wordpress或Discus怎样显示围棋sgf文件? – 迷途通

WordPress或Discus怎样显示围棋sgf文件?

10月 31, 2022                      👁️ 78

其实吧,用什么插件都不好使,要直接用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显示不正常要解决,可能是模板的原因。

发表回复

您的电子邮箱地址不会被公开。