https://yangyangli.top/categories/writing/Recent content in Writing on Bytes of LifeHugo -- gohugo.ioen2026 <a class='hover:underline hover:decoration-primary-400 hover:text-primary-500' href=https://yangyangli.top target=_blank rel='noopener noreferrer'>Yangyang Li</a>Thu, 07 May 2026 00:00:00 +0000https://yangyangli.top/posts/027-deepchopper/Thu, 07 May 2026 00:00:00 +0000https://yangyangli.top/posts/027-deepchopper/<h2 class="relative group">The chimera mystery <div id="the-chimera-mystery" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100 select-none"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#the-chimera-mystery" aria-label="Anchor">#</a> </span> </h2> <p>Direct RNA sequencing (dRNA-seq) on Oxford Nanopore looks, on paper, like a transcriptomics dream. You sequence native RNA molecules end to end, you keep the modifications, and you skip every reverse-transcription and PCR step that has been quietly polluting short-read data for years. For a while, that was the story we were telling ourselves.</p>https://yangyangli.top/latex/002-autonamte-latex-build/Fri, 01 Sep 2023 00:00:00 +0000https://yangyangli.top/latex/002-autonamte-latex-build/<h2 class="relative group">Latex <div id="latex" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100 select-none"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#latex" aria-label="Anchor">#</a> </span> </h2> <p>LaTeX functions as an intricate tool for the meticulous creation of scientific documents, enriched by a comprehensive ecosystem and an extensive assortment of templates. I habitually utilize LaTeX for a plethora of activities, including the annotation of notes, the authoring of scholarly articles, and the formulation of thesis. GitHub serves as an indispensable medium for version management and collaborative endeavors. As such, automating the assembly procedure of LaTeX documents through GitHub would confer significant benefits.</p>https://yangyangli.top/latex/020-tikz-learn-jouney/Fri, 02 Jun 2023 00:00:00 +0000https://yangyangli.top/latex/020-tikz-learn-jouney/<h2 class="relative group">Overview <div id="overview" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100 select-none"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#overview" aria-label="Anchor">#</a> </span> </h2> <script type="text/javascript" src= '/js/pdf-js/build/pdf.js'></script> <style> #embed-pdf-container { position: relative; width: 100%; height: auto; min-height: 20vh; } .pdf-canvas { border: 1px solid black; direction: ltr; width: 100%; height: auto; display: none; } #the-canvas { border: 1px solid black; direction: ltr; width: 100%; height: auto; display: none; } .pdf-loadingWrapper { display: none; justify-content: center; align-items: center; width: 100%; height: 350px; } .pdf-loading { display: inline-block; width: 50px; height: 50px; border: 3px solid #d2d0d0;; border-radius: 50%; border-top-color: #383838; animation: spin 1s ease-in-out infinite; -webkit-animation: spin 1s ease-in-out infinite; } #overlayText { word-wrap: break-word; display: grid; justify-content: end; } #overlayText a { position: relative; top: 10px; right: 4px; color: #000; margin: auto; background-color: #eeeeee; padding: 0.3em 1em; border: solid 2px; border-radius: 12px; border-color: #00000030; text-decoration: none; } #overlayText svg { height: clamp(1em, 2vw, 1.4em); width: clamp(1em, 2vw, 1.4em); } @keyframes spin { to { -webkit-transform: rotate(360deg); } } @-webkit-keyframes spin { to { -webkit-transform: rotate(360deg); } } </style><div class="embed-pdf-container" id="embed-pdf-container-20111f94"> <div class="pdf-loadingWrapper" id="pdf-loadingWrapper-20111f94"> <div class="pdf-loading" id="pdf-loading-20111f94"></div> </div> <div id="overlayText"> <a href="./gallery/tikz.pdf" aria-label="Download" download> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"> <path d="M9 13c.3 0 .5-.1.7-.3L15.4 7 14 5.6l-4 4V1H8v8.6l-4-4L2.6 7l5.7 5.7c.2.2.4.3.7.3zm-7 2h14v2H2z" /> </svg> </a> </div> <canvas class="pdf-canvas" id="pdf-canvas-20111f94"></canvas> </div> <div class="pdf-paginator" id="pdf-paginator-20111f94"> <button id="pdf-prev-20111f94">Previous</button> <button id="pdf-next-20111f94">Next</button> &nbsp; &nbsp; <span> <span class="pdf-pagenum" id="pdf-pagenum-20111f94"></span> / <span class="pdf-pagecount" id="pdf-pagecount-20111f94"></span> </span> <a class="pdf-source" id="pdf-source-20111f94" href="./gallery/tikz.pdf">[pdf]</a> </div> <noscript> View the PDF file <a class="pdf-source" id="pdf-source-noscript-20111f94" href="./gallery/tikz.pdf">here</a>. </noscript> <script type="text/javascript"> (function(){ var url = '.\/gallery\/tikz.pdf'; var hidePaginator = "true" === "true"; var hideLoader = "" === "true"; var selectedPageNum = parseInt("3") || 1; var pdfjsLib = window['pdfjs-dist/build/pdf']; if (pdfjsLib.GlobalWorkerOptions.workerSrc == '') pdfjsLib.GlobalWorkerOptions.workerSrc = "https:\/\/yangyangli.top\/" + 'js/pdf-js/build/pdf.worker.js'; var pdfDoc = null, pageNum = selectedPageNum, pageRendering = false, pageNumPending = null, scale = 3, canvas = document.getElementById('pdf-canvas-20111f94'), ctx = canvas.getContext('2d'), paginator = document.getElementById("pdf-paginator-20111f94"), loadingWrapper = document.getElementById('pdf-loadingWrapper-20111f94'); showPaginator(); showLoader(); function renderPage(num) { pageRendering = true; pdfDoc.getPage(num).then(function(page) { var viewport = page.getViewport({scale: scale}); canvas.height = viewport.height; canvas.width = viewport.width; var renderContext = { canvasContext: ctx, viewport: viewport }; var renderTask = page.render(renderContext); renderTask.promise.then(function() { pageRendering = false; showContent(); if (pageNumPending !== null) { renderPage(pageNumPending); pageNumPending = null; } }); }); document.getElementById('pdf-pagenum-20111f94').textContent = num; } function showContent() { loadingWrapper.style.display = 'none'; canvas.style.display = 'block'; } function showLoader() { if(hideLoader) return loadingWrapper.style.display = 'flex'; canvas.style.display = 'none'; } function showPaginator() { if(hidePaginator) return paginator.style.display = 'block'; } function queueRenderPage(num) { if (pageRendering) { pageNumPending = num; } else { renderPage(num); } } function onPrevPage() { if (pageNum <= 1) { return; } pageNum--; queueRenderPage(pageNum); } document.getElementById('pdf-prev-20111f94').addEventListener('click', onPrevPage); function onNextPage() { if (pageNum >= pdfDoc.numPages) { return; } pageNum++; queueRenderPage(pageNum); } document.getElementById('pdf-next-20111f94').addEventListener('click', onNextPage); pdfjsLib.getDocument(url).promise.then(function(pdfDoc_) { pdfDoc = pdfDoc_; var numPages = pdfDoc.numPages; document.getElementById('pdf-pagecount-20111f94').textContent = numPages; if(pageNum > numPages) { pageNum = numPages } renderPage(pageNum); }); })(); </script> <h2 class="relative group">Why <div id="why" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100 select-none"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#why" aria-label="Anchor">#</a> </span> </h2> <p>Welcome to &lsquo;My TikZ-Learning Journey&rsquo;, a space where I document my exploration with the wonderful TikZ library in LaTeX. LaTeX is a typesetting system used widely in academia and industries for the production of scientific and technical documents. Of its many features, the one I&rsquo;ve recently been fascinated with is the TikZ library - a versatile package for crafting detailed and professional-grade diagrams.</p>