Nginx简易不建议教程

发表于2024-02-06

|总字数:23|阅读时长:1分钟|浏览量:

1、期望目标

2、计划思考

3、操作步骤

4、总结

5、异常记录

文章作者: Richardson

文章链接: https://blog.ittinker.com/posts/20240206-nginxjian-yi-jiao-cheng/

版权声明: 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 The IT Explorer！

相关推荐

深入解析Hexo插件开发10国语言首页隐藏

1、期望目标实现部分文件在首页隐藏，但是通过链接能访问实现多国语言首页 2、计划思考首先是通过搜索引擎去查找，看看有什么方案，目前看起来都比较难，没有现成的方案，官方文档很少。下面记录几个主要步骤 3、操作步骤 3.1、什么是静态博客简单来说，一般认为，数据存在数据库中，展示可以很丰富，这在企业领域，在各大系统中都是很常见的，为什么后来发展出静态博客，很有可能是因为传统的模式，需要数据库，需要服务器，需要各类信息。但是对于个人博客，数据量没有那么大，完全可以把 html 内容都生成好，到时候对服务器的依赖就小了很多，这也就是静态博客的由来，html 是生成后的，也就是静态的，访问的时候就直接访问了。显然它也有自己的局限性，各类服务都很难加了，类似计数，评论之类的，都有赖于其他的方式来处理。静态博客有很多实现思路，有很多技术栈，也就有了很多静态博客的解决方案，比如 jekyll，hexo，hugo 等等。这里介绍Hexo 3.2、Hexo 和 butterfly 什么关系 Hexo 是基于 Nodejs 的一个静态博客方案，提供了丰富的插件功能，是非常开放的平台，我...

评论

` const blob = new Blob([htmlSource], { type: 'text/html;charset=utf-8' }) const url = URL.createObjectURL(blob) window.open(url, '_blank', 'noopener') setTimeout(() => URL.revokeObjectURL(url), 5000) } const attachMermaidViewerButton = wrap => { let btn = wrap.querySelector('.mermaid-open-btn') if (!btn) { btn = document.createElement('button') btn.type = 'button' btn.className = 'mermaid-open-btn' wrap.appendChild(btn) } btn.innerHTML = '' if (!btn.__mermaidViewerBound) { btn.addEventListener('click', e => { e.preventDefault() e.stopPropagation() const svg = wrap.__mermaidOriginalSvg || wrap.querySelector('svg') if (!svg) return const initViewBox = wrap.__mermaidInitViewBox openSvgInNewTab({ source: svg, initViewBox }) }) btn.__mermaidViewerBound = true } } // Zoom around a point (px, py) in the SVG viewport (in viewBox coordinates) const zoomAtPoint = (vb, factor, px, py) => { const w = vb[2] * factor const h = vb[3] * factor const nx = px - (px - vb[0]) * factor const ny = py - (py - vb[1]) * factor return [nx, ny, w, h] } const initMermaidGestures = wrap => { // Clean up previous event listeners and pending frames if (wrap.__mermaidAbortController) { wrap.__mermaidAbortController.abort() if (wrap.__mermaidRafId) cancelAnimationFrame(wrap.__mermaidRafId) } const ac = new AbortController() wrap.__mermaidAbortController = ac const svg = wrap.querySelector('svg') if (!svg) return // Ensure viewBox exists so gestures always work const initVb = getSvgViewBox(svg) wrap.__mermaidInitViewBox = initVb wrap.__mermaidCurViewBox = initVb.slice() setSvgViewBox(svg, initVb) // Disable default gestures to prevent scroll chaining and pinch-zoom penetration in Chrome svg.style.touchAction = 'none' // Cache BoundingClientRect, throttled on scroll to reduce reflow let cachedRect = svg.getBoundingClientRect() let rectDirty = false const markRectDirty = () => { rectDirty = true } window.addEventListener('resize', markRectDirty, { signal: ac.signal }) window.addEventListener('scroll', markRectDirty, { signal: ac.signal, capture: true }) const getRect = () => { if (rectDirty) { cachedRect = svg.getBoundingClientRect() rectDirty = false } return cachedRect } // Precompute clamp bounds from initial viewBox const minW = initVb[2] * 0.1 const maxW = initVb[2] * 10 const minH = initVb[3] * 0.1 const maxH = initVb[3] * 10 const clampVb = vb => { const out = vb.slice() out[2] = clamp(out[2], minW, maxW) out[3] = clamp(out[3], minH, maxH) return out } // Throttle DOM updates using requestAnimationFrame let pendingVb = null let rafId = null const applyVb = () => { if (pendingVb) { wrap.__mermaidCurViewBox = pendingVb setSvgViewBox(svg, pendingVb) pendingVb = null } rafId = null wrap.__mermaidRafId = null } const setCurVb = vb => { pendingVb = clampVb(vb) if (!rafId) { rafId = requestAnimationFrame(applyVb) wrap.__mermaidRafId = rafId } } const state = { pointers: new Map(), startVb: null, startDist: 0, lastPointerX: 0, lastPointerY: 0 } const onPointerDown = e => { if (e.pointerType === 'mouse' && e.button !== 0) return svg.setPointerCapture(e.pointerId) const curVb = wrap.__mermaidCurViewBox state.pointers.set(e.pointerId, { x: e.clientX, y: e.clientY }) if (state.pointers.size === 1) { state.startVb = curVb.slice() state.lastPointerX = e.clientX state.lastPointerY = e.clientY } else if (state.pointers.size === 2) { const pts = [...state.pointers.values()] const dx = pts[0].x - pts[1].x const dy = pts[0].y - pts[1].y state.startDist = Math.hypot(dx, dy) state.startVb = curVb.slice() } } const onPointerMove = e => { if (!state.pointers.has(e.pointerId)) return state.pointers.set(e.pointerId, { x: e.clientX, y: e.clientY }) const curVb = wrap.__mermaidCurViewBox const rect = getRect() if (state.pointers.size === 1 && state.startVb) { const p = state.pointers.values().next().value const dxClient = p.x - state.lastPointerX const dyClient = p.y - state.lastPointerY state.lastPointerX = p.x state.lastPointerY = p.y const dx = dxClient * (curVb[2] / rect.width) const dy = dyClient * (curVb[3] / rect.height) setCurVb([curVb[0] - dx, curVb[1] - dy, curVb[2], curVb[3]]) return } if (state.pointers.size === 2 && state.startVb && state.startDist > 0) { const pts = [...state.pointers.values()] const dx = pts[0].x - pts[1].x const dy = pts[0].y - pts[1].y const dist = Math.hypot(dx, dy) if (!dist) return const factor = state.startDist / dist const cx = (pts[0].x + pts[1].x) / 2 const cy = (pts[0].y + pts[1].y) / 2 const px = curVb[0] + (cx - rect.left) * (curVb[2] / rect.width) const py = curVb[1] + (cy - rect.top) * (curVb[3] / rect.height) setCurVb(zoomAtPoint(state.startVb, factor, px, py)) } } const onPointerUpOrCancel = e => { // Release PointerCapture to avoid event capture anomalies if (svg.hasPointerCapture && svg.hasPointerCapture(e.pointerId)) { svg.releasePointerCapture(e.pointerId) } state.pointers.delete(e.pointerId) if (state.pointers.size === 0) { state.startVb = null state.startDist = 0 } else if (state.pointers.size === 1) { const p = state.pointers.values().next().value state.lastPointerX = p.x state.lastPointerY = p.y } } const onWheel = e => { // Prevent event bubbling from triggering external scroll e.preventDefault() e.stopPropagation() // Normalize deltaY across deltaMode (Chrome uses pixels, Safari uses lines) let delta = e.deltaY if (e.deltaMode === 1) delta *= 16 else if (e.deltaMode === 2) delta *= 400 // Continuous zoom factor: smoother than fixed 1.1/0.9 steps const zoomFactor = Math.pow(1.001, delta) const curVb = wrap.__mermaidCurViewBox const rect = getRect() const px = curVb[0] + (e.clientX - rect.left) * (curVb[2] / rect.width) const py = curVb[1] + (e.clientY - rect.top) * (curVb[3] / rect.height) setCurVb(zoomAtPoint(curVb, zoomFactor, px, py)) } const onDblClick = () => { const init = wrap.__mermaidInitViewBox if (init) setCurVb(init) } svg.addEventListener('pointerdown', onPointerDown, { signal: ac.signal }) svg.addEventListener('pointermove', onPointerMove, { signal: ac.signal }) svg.addEventListener('pointerup', onPointerUpOrCancel, { signal: ac.signal }) svg.addEventListener('pointercancel', onPointerUpOrCancel, { signal: ac.signal }) svg.addEventListener('wheel', onWheel, { passive: false, signal: ac.signal }) svg.addEventListener('dblclick', onDblClick, { signal: ac.signal }) } const runMermaid = ele => { window.loadMermaid = true const theme = document.documentElement.getAttribute('data-theme') === 'dark' ? 'dark' : 'default' ele.forEach((item, index) => { const mermaidSrc = item.firstElementChild // Clean up event listeners before removing old SVG if (item.__mermaidAbortController) { item.__mermaidAbortController.abort() } const oldSvg = item.querySelector('svg') if (oldSvg) oldSvg.remove() let config = {} try { config = mermaidSrc.dataset.config ? JSON.parse(mermaidSrc.dataset.config) : {} } catch (e) { console.warn('[mermaid] failed to parse dataset.config:', e) } if (!config.theme) { config.theme = theme } const mermaidThemeConfig = `%%{init: ${JSON.stringify(config)}}%%\n` const mermaidID = `mermaid-${index}` const mermaidDefinition = mermaidThemeConfig + mermaidSrc.textContent const renderMermaid = svg => { mermaidSrc.insertAdjacentHTML('afterend', svg) if (true) initMermaidGestures(item) item.__mermaidOriginalSvg = svg if (true) attachMermaidViewerButton(item) } const handleError = err => { console.error(`[mermaid] render failed for block #${index}:`, err) const errorEl = document.createElement('div') errorEl.className = 'mermaid-error' errorEl.textContent = `Mermaid render error: ${err.message || err}` mermaidSrc.insertAdjacentElement('afterend', errorEl) } try { const renderFn = mermaid.render(mermaidID, mermaidDefinition) // mermaid v9 and v10 compatibility if (typeof renderFn === 'string') { renderMermaid(renderFn) } else { renderFn.then(({ svg }) => renderMermaid(svg)).catch(handleError) } } catch (err) { handleError(err) } }) } const codeToMermaid = $article => { const codeMermaidEle = $article.querySelectorAll('pre > code.mermaid') if (codeMermaidEle.length === 0) return codeMermaidEle.forEach(ele => { const preEle = document.createElement('pre') preEle.className = 'mermaid-src' preEle.hidden = true preEle.textContent = ele.textContent const newEle = document.createElement('div') newEle.className = 'mermaid-wrap' newEle.appendChild(preEle) ele.parentNode.replaceWith(newEle) }) } const loadMermaid = () => { const $article = document.getElementById('article-container') if (!$article) return if (false) codeToMermaid($article) const $mermaid = $article.querySelectorAll('.mermaid-wrap') if ($mermaid.length === 0) return const runMermaidFn = () => runMermaid($mermaid) btf.addGlobalFn('themeChange', runMermaidFn, 'mermaid') window.loadMermaid ? runMermaidFn() : btf.getScript('https://cdn.jsdelivr.net/npm/[email protected]/dist/mermaid.min.js').then(runMermaidFn) } btf.addGlobalFn('encrypt', loadMermaid, 'mermaid') window.pjax ? loadMermaid() : document.addEventListener('DOMContentLoaded', loadMermaid) })()