What & How & Why

您在这里: start » website » misc

差别

这里会显示出您选择的修订版和当前版本之间的差别。

到此差别页面的链接

两侧同时换到之前的修订记录前一修订版
后一修订版		前一修订版
website:misc [2017/08/17 01:25] – [InstantClick] haregywebsite:misc [2017/09/03 00:53] (当前版本) – 移除 haregy
行 1: 行 1:
-====运维问题收集==== +
-一些个人网站环境配置及常见问题记录 +
-===== ===== +
-\\ +
-====AMH==== +
-\\ +
-===MySQL无法自动启动=== +
-MYSQL 在重启服务器时不能启动，尝试以下方法： +
-\\ +
-\\ +
-删除 ''my.inf''。 +
-<code:lang-bash> +
-cd /etc/ +
-rm my.inf +
-</code> +
-\\ +
-====Typecho==== +
-\\ +
-===InstantClick=== +
-''instantclick.js'' 是一种ajax无刷新和预加载页面的技术，对于普通博客程序，有着明显的加速作用。''instantclick.js'' ≈ ''pjax'' 加上预加载页面，而且，使用方法也十分的简单。 +
-\\ +
-\\ +
-==安装InstantClick== +
-\\ +
-下载 [[http://instantclick.io/download|InstantClick]] +
-\\ +
-\\ +
-在 ''footer.php'' 的 ''</body>'' 标签之前插入以下代码： +
-<code:js linenums:1> +
-... +
-<script src="instantclick.min.js" data-no-instant></script> +
-<script data-no-instant>InstantClick.init();</script> +
-</body> +
-</html> +
-</code> +
-\\ +
-==点击时候的预加载== +
-\\ +
-默认情况下是在鼠标悬停到链接上方即开始加载，有时候这样会带来服务器的额外开销问题。将 ''init'' 函数的参数设置为 ''mousedown'' 则可以通过点击的一瞬间进行预加载： +
-<code:js linenums:1> +
-InstantClick.init('mousedown'); +
-</code> +
-\\ +
-==修改预加载条的颜色== +
-\\ +
-在样式表中加入如下代码即可： +
-<code:css linenums:1> +
-#instantclick-bar { +
-  background: gray; +
-} +
-</code> +
-\\ +
-==与 PrismJS兼容== +
-\\ +
-先对 ''Prismjs'' 中需要预加载的部分进行设置： +
-\\ +
-\\ +
-找到 ''58'' 行： +
-<code:js linenums:1> +
-<script>var pres = document.getElementsByTagName('pre'); +
-</code> +
-改为： +
-<code:js linenums:1> +
-<script data-no-instant>var pres = document.getElementsByTagName('pre'); +
-</code> +
-找到 ''64'' 行： +
-<code:js linenums:1> +
-<script src="' . $jsUrl . '"></script> +
-</code> +
-改为： +
-<code:js linenums:1> +
-<script src="' . $jsUrl . '" data-no-instant></script> +
-</code> +
-找到 ''66'' 行： +
-<code:js linenums:1> +
-<script defer="defer" src="' . Helper::options()->pluginUrl . '/Prismjs/line-number-wrap-fix.js' . '"></script> +
-</code> +
-改为： +
-<code:js linenums:1> +
-<script defer="defer" src="' . Helper::options()->pluginUrl . '/Prismjs/line-number-wrap-fix.js' . '" data-no-instant></script> +
-</code> +
-再修改位于 ''footer.php'' 中 ''instantclick'' 的白名单部分，添加属于 ''prismjs'' 的规则： +
-<code:js linenums:1> +
-if (typeof Prism !== 'undefined') {<?php  if (Helper::options()->plugin('Prismjs')->showln): ?> +
-var pres = document.getElementsByTagName('pre'); +
-    for (var i = 0; i < pres.length; i++){ +
-        if (pres[i].getElementsByTagName('code').length > 0) +
-            pres[i].className  = 'line-numbers';} <?php endif; ?> +
-Prism.highlightAll(true,null);} +
-</code> +
-PHP 部分 ''{<?php  if (Helper::options()->plugin('Prismjs')->showln): ?>'' 对判断插件是否使用了行号。如果没启用插件，会导致网站 505 错误。 +
-\\ +
-\\ +
-如果不使用行号，直接使用以下代码： +
-<code:js linenums:1> +
- if (typeof Prism !== 'undefined') { +
-Prism.highlightAll(true,null);} +
-</code> +
-\\ +
-===Mathjax=== +
-\\ +
-==Mathjax与InstantClick不兼容== +
-\\ +
-在 ''footer.php'' 中找到 ''InstantClick.on('change', function(isInitialLoad)'' 部分，加入以下规则： +
-<code:js linenums:1> +
-if (typeof MathJax !== 'undefined'){MathJax.Hub.Queue(["Typeset",MathJax.Hub]);} +
-</code> +
-==Mathjax的直接添加== +
-\\ +
-在 ''header.php'' 中的 ''<head>'' 之间加入如下代码： +
-<code:js linenums:1> +
-<script type="text/x-mathjax-config"> +
-  MathJax.Hub.Config({ +
-    extensions: ["tex2jax.js"], +
-    jax: ["input/TeX", "output/HTML-CSS"], +
-    tex2jax: { +
-      inlineMath: [ ['$','$'], ["\\(","\\)"] ], +
-      displayMath: [ ['$$','$$'], ["\\[","\\]"] ], +
-      processEscapes: true +
-    }, +
-    "HTML-CSS": { availableFonts: ["TeX"] } +
-  }); +
-</script> +
-<script type="text/javascript" +
-   src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"> +
-</script> +
-</code> +
-\\ +
-\\ +
-\\ +
-===== ===== +
-~~DISQUS~~+
  • 最后更改: 2018/09/24 15:30
  • ©2022 YGwiki.com