如何将Yoast WordPress插件添加到Laravel中

Question

如何将Yoast WordPress插件添加到Laravel中

25

我用 Laravel 开发了一个网站，现在我想添加 Yoast 插件到它的博客部分以改进网站博客。
从 Yoast 的 GitHub 上可以看到，有一个 JavaScript 版本可以添加到自定义站点中。
使用帮助不是很有用，如果有人能帮忙的话。

var SnippetPreview = require( "yoastseo" ).SnippetPreview;
var App = require( "yoastseo" ).App;

window.onload = function() {
var focusKeywordField = document.getElementById( "focusKeyword" );
var contentField = document.getElementById( "content" );

var snippetPreview = new SnippetPreview({
    targetElement: document.getElementById( "snippet" )
});

var app = new App({
    snippetPreview: snippetPreview,
    targets: {
        output: "output"
    },
    callbacks: {
        getData: function() {
            return {
                keyword: focusKeywordField.value,
                text: contentField.value
            };
        }
    }
});

app.refresh();

focusKeywordField.addEventListener( 'change', app.refresh.bind( app ) );
contentField.addEventListener( 'change', app.refresh.bind( app ) );
};

使用说明是基于node.js的，但我如何将它添加到php后端和html+js前端中呢？
谢谢。

- soha1410

1

我无法使用npm安装yoast.js。我正在使用这个命令“npm install https://github.com/Yoast/YoastSEO.js#develop”。 - Mohammad Tasneem Faizyab

从Git仓库下载它。 - soha1410

1

我已经从Git上下载了，现在该怎么做？你能指导我吗？ - Mohammad Tasneem Faizyab

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- soha1410 · Accepted Answer

经过几天的搜索，终于找到了答案。要将此或任何 Node.js 库转换为浏览器支持的 JavaScript，只需前往 browserify。首先通过以下方式安装它：

  npm install -g browserify

然后使用以下命令安装它所需的所有库：

   npm install <module_name>

在最后生成单个JS文件。

   browserify <main.js> -o  <destination.js>

现在您可以像这样向您的 HTML 中添加脚本：

   <script src="destination.js"></script>

对于YOAST库，在示例中有一个browserify目录。我在根目录的index.js文件中使用browserify，并将生成的文件添加到这个示例HTML文件中，一切都像魔法般地运行。