-
Notifications
You must be signed in to change notification settings - Fork 1
/
about.html
2 lines (2 loc) · 11.7 KB
/
about.html
1
2
<!DOCTYPE html> <meta charset=UTF-8 > <meta name=viewport content="width=device-width, initial-scale=1.0"> <meta name=referrer content=no-referrer /> <title>关于 - riteme.site</title> <link rel="shortcut icon" href="/favicon.png" type="image/png"> <link rel=stylesheet href="/styles/material-icons.css"> <link rel=stylesheet href="/styles/material.min.css" > <link rel=stylesheet href="/styles/gitment.css"> <link rel=stylesheet href="/math-renderer/katex/katex.min.css"> <link rel=stylesheet href="/styles/site.css"> <script src="/scripts/jquery.min.js"></script> <script src="/scripts/js-cookie.js"></script> <script src="/scripts/quicklink.umd.js"></script> <script defer src="/scripts/material.min.js"></script> <script src="/scripts/site.js"></script> <script src="/scripts/gitment.js"></script> <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header"> <header class=mdl-layout__header > <div class=mdl-layout__header-row > <span class=mdl-layout-title >关于</span> <div class=mdl-layout-spacer ></div> <div class="mdl-textfield mdl-js-textfield mdl-textfield--expandable mdl-textfield--floating-label mdl-textfield--align-right"> <label class="mdl-button mdl-js-button mdl-button--icon" for=fixed-header-drawer-exp ><i class=material-icons >search</i></label> <div class=mdl-textfield__expandable-holder > <form action="/search.html"><input type=text class=mdl-textfield__input placeholder="Search Here" name=q id=fixed-header-drawer-exp autocomplete=off required></form> </div> </div> </div> </header> <div class=mdl-layout__drawer > <span class="mdl-layout-title drawer-title"> <a href="/index.html" style="color: inherit; font-weight: inherit;text-decoration: none;"><img src="/favicon.png" width=32 height=32> riteme.site</a> </span> <nav class=mdl-navigation > <a class=mdl-navigation__link href="/index.html"><i class="material-icons drawer-icon">home</i> 首页</a> <a class=mdl-navigation__link href="/posts.html"><i class="material-icons drawer-icon">library_books</i> 所有文章</a> <a class=mdl-navigation__link href="/about.html"><i class="material-icons drawer-icon">info</i> 关于</a> <a class=mdl-navigation__link href="/links.html"><i class="material-icons drawer-icon">link</i> 友链</a> <a class=mdl-navigation__link href="/search.html"><i class="material-icons drawer-icon">search</i> 搜索</a> <a class=mdl-navigation__link href="https://github.com/riteme/riteme.github.io"><i class="material-icons drawer-icon">class</i> GitHub 项目</a> </nav> </div> <main class=mdl-layout__content > <div class=mdl-grid > <div class="mdl-cell main-cell"> <div class="article main-article" lang=en-US > <h2 id=_1 >关于</h2> <p><em>riteme</em> 来自 <span style="color:gray">CJP</span>→<span style="color:gray">GY</span>→<span style="color:gray">HNSDFZ</span>→<strong>FDU</strong>。</p> <h3 id=past-2020 >Past 2020</h3> <p><img src="/assets/nscscc.png" alt="NSCSCC 2020" /><center>NSCSCC 2020: team <a href="https://github.com/NSCSCC-2020-Fudan/FDU1.1-NSCSCC">FDU 1.1</a></center></p> <p><br><img src="/assets/cbox2-720p-10k-8.png" alt="Cornell Box" /><center><i>Cornell Box</i>. Powered by <a href="https://github.com/CMU-Graphics/Scotty3D">Scotty3D</a>.</center></p> <p><br><picture><source srcset="/assets/generals.apng" type="image/apng" /><img src="https://riteme.site/blogimg/generals.gif" /></picture><center><a href="http://generals.io/replays/Btj7sy8CD">http://generals.io/replays/Btj7sy8CD</a></center></p> <h3 id=sitegenpy ><code>sitegen.py</code></h3> <p>使用 <code>Python 3</code> 编写的不清真站点生成器。<br /> 参见左侧栏 <a href="https://github.com/riteme/riteme.github.io">“GitHub 项目”</a>。</p> <p>需要的依赖：</p> <ul> <li>Python 3 (>= 3.7) <li>Python Markdown (== 2.6.11) <li>Pygments (用于提供代码高亮) <li>css-html-js-minify (压缩 HTML 源码) <li>Beautiful Soup 4 <li>lxml </ul> <table class=codehilitetable ><tr><td class=linenos ><div class=linenodiv ><pre><span class=normal >1</span></pre></div><td class=code ><div class=codehilite ><pre><span></span><span class=n >pip</span> <span class=n >install</span> <span class=n >markdown</span><span class=o >==</span><span class=mf >2.6.11</span> <span class=n >pygments</span> <span class=n >css</span><span class=o >-</span><span class=n >html</span><span class=o >-</span><span class=n >js</span><span class=o >-</span><span class=n >minify</span> <span class=n >bs4</span> <span class=n >lxml</span>
</pre></div> </table> <p><code>sitegen.py</code> 基本结构</p> <ul> <li><code>utility</code>: 基础辅助设施 <li><code>navigater</code>: 辅助文件夹导航。 <li><code>parser</code>: Markdown 阶段预处理特殊语法。 <li><code>database</code>: 处理站点文章数据 <li><code>logging</code>: 日志输出 </ul> <p>可执行工具：</p> <ul> <li><code>pagegen.py</code>: 用于生成单个页面。 <li><code>sitegen.py</code>: 用于生成整个网站。 </ul> <p>工具的配置参见 <code>preferences.py</code></p> <h3 id=material-design >Material Design</h3> <p>使用的是功能比较简单的 <a href="http://getmdl.io/">Material Design Lite</a>，而且版本已经比较老了QAQ。</p> <p>主题风格都是我自己 xjb 调的，本着能不用 JavaScript 就不用的态度，所以除了目录跳转，其余动画都是直接 <code>transition</code> qwq<br /> 目前页面上还是有一些已知的小问题，有些是老版本 MDL 的锅，实在是没精力换框架了 TAT。</p> <h3 id=_2 >数学公式</h3> <p>使用 <a href="http://www.mathjax.org/">MathJax</a> 和 <a href="http://khan.github.io/KaTeX/">KaTeX</a>。</p> <p><del>以后计划抛弃笨重的 MathJax，换用清真的 KaTeX。</del><br /> 正在尝试 KaTeX......但现实很残酷，KaTeX 容错性实在不行，因此变成了浏览者可在 MathJax 和 KaTeX 之间二选一。<br /> <del>实际上 KaTeX 能够无错渲染的文章真的不多......</del> <strong>KaTeX 0.10.0 版本大赞！</strong></p> <h3 id=_3 >站内搜索</h3> <p>使用 <a href="http://www.tipue.com/search/">Tipuesearch</a>。</p> <p>Tipuesearch 有个缺点就是需要浏览器将搜索数据下载下来。而这个文件通常很大。以后可能会考虑换成其它的东西。</p> <h3 id=_4 >评论</h3> <p>使用 <a href="https://github.com/imsun/gitment">Gitment</a>。</p> <p>自行魔改了下 JS 文件给汉化了。不知道现在 Gitment 自己有没有提供多语言支持。</p> <p>评论系统的 GitHub OAuth 服务器换到了我自己的服务器上：<a href="https://gh-oauth.riteme.site">https://gh-oauth.riteme.site</a>，以防作者的服务器抽风 qwq</p> <h3 id=_5 >友链</h3> <p>欢迎互换友链 ~ ~ ~<br /> 想换友链的可以直接在评论里留言 ~ ~ ~</p> <h3 id=_6 >联系我</h3> <p>我的邮箱：<a href="mailto:riteme@qq.com">riteme@qq.com</a><br /> 我的 GitHub：<a href="https://github.com/riteme">https://github.com/riteme</a><br /> 我的知乎：<a href="https://www.zhihu.com/people/riteme">https://www.zhihu.com/people/riteme</a></p> <hr/> <div id=comments ></div> <script> window.addEventListener('load', () => { quicklink(); }); const gitment = new Gitment({id: '81d9f505441078e06980e0bd02616e94', owner: 'riteme', repo: 'riteme.github.io', oauth: { client_id: 'd4fcffa25858a7a58e1a', client_secret: 'e0c8e08beb95497871f8355416c69390634cec76' }, perPage: 10, }); gitment.render('comments'); </script> </div> </div> <div class="mdl-cell sidebar"> <div class=article > <div class="mdl-card mdl-shadow--2dp sidebar-card"> <div class="mdl-card__actions sidebar-title">页面信息</div> <div class=mdl-card__supporting-text > 标签: <a href="/search.html?q=About"><span class=label >About</span></a><br/> 创建时间: 2016.12.13<br/> 上次修改: 2022.02.12<br/> 字数统计: 1356 字 / 约 5 分钟 </div> </div> <br/> <div class="mdl-card mdl-shadow--2dp sidebar-card"> <div class="mdl-card__actions sidebar-title">目录</div> <div class=mdl-card__supporting-text > <div class=toc > <ul> <li><a href="#_1">关于</a><ul> <li><a href="#past-2020">Past 2020</a> <li><a href="#sitegenpy">sitegen.py</a> <li><a href="#material-design">Material Design</a> <li><a href="#_2">数学公式</a> <li><a href="#_3">站内搜索</a> <li><a href="#_4">评论</a> <li><a href="#_5">友链</a> <li><a href="#_6">联系我</a> </ul> </ul> <ul><li><a href="#comments">评论区</a></ul></div> </div> </div> <br/> <div class="mdl-card mdl-shadow--2dp sidebar-card"> <div class="mdl-card__actions sidebar-title">数学公式渲染</div> <div class=mdl-card__supporting-text > <form name=mathopt > <label class="mdl-radio mdl-js-radio" for=option-1 > <input type=radio id=option-1 class=mdl-radio__button name=sel value=mathjax > <span class=mdl-radio__label >MathJax</span> </label><br/> <label class="mdl-radio mdl-js-radio" for=option-2 > <input type=radio id=option-2 class=mdl-radio__button name=sel value=katex > <span class=mdl-radio__label >KaTeX</span> </label> <div id=tip-1 > <label class="mdl-radio mdl-js-radio" for=option-3 > <input type=radio id=option-3 class=mdl-radio__button name=sel value="katex&mathjax"> <span class=mdl-radio__label >Mixed</span> </label> </div> </form> <div id=tip-2 > <label class="mdl-checkbox mdl-js-checkbox" for=mathopt-align > <input type=checkbox id=mathopt-align class=mdl-checkbox__input > <span class=mdl-checkbox__label >居中显示</span> </label> </div> </div> </div> <div class=mdl-tooltip data-mdl-for=tip-1 >先使用 KaTeX 渲染，再使用 MathJax 渲染</div> <div class=mdl-tooltip data-mdl-for=tip-2 >该选项目前仅支持 KaTeX 渲染的公式<br/>点击公式可以切换单个公式的对齐方式</div> <br/> <div class="nano mdl-card mdl-shadow--2dp sidebar-card"> <div class=mdl-card__actions > <div class=nano-shell ><span class=shell-start >$</span> nano <a href="https://github.com/riteme/riteme.github.io/blob/master/blog/about.md" id=nano-link >about.md</a></div> </div> </div> <div class=mdl-tooltip data-mdl-for=nano-link >查看原始 Markdown 文档</div> </div> </div> </div> <footer class=mdl-mega-footer > <div class=mdl-mega-footer__middle-section > <div class=mdl-mega-footer__drop-down-section > <input class=mdl-mega-footer__heading-checkbox type=checkbox checked> <h2 class=mdl-mega-footer__heading >RITEME.SITE</h2><del>一个从不乱说话的博客</del> </div> <div class=mdl-mega-footer__drop-down-section > <input class=mdl-mega-footer__heading-checkbox type=checkbox checked> <h2 class=mdl-mega-footer__heading >POWERED BY</h2> <ul class=mdl-mega-footer__link-list > <li><a href="http://pythonhosted.org/Markdown/">Python Markdown</a> <li><a href="http://getmdl.io/">Material Design Lite</a> <li><a href="http://www.tipue.com/search/">Tipuesearch</a> <li><a href="http://www.mathjax.org/">MathJax</a> & <a href="http://khan.github.io/KaTeX/">KaTeX</a> <li><a href="https://github.com/imsun/gitment">Gitment</a> </ul> </div> <div class=mdl-mega-footer__drop-down-section > <input class=mdl-mega-footer__heading-checkbox type=checkbox checked> <h2 class=mdl-mega-footer__heading >友情链接</h2> <ul class=mdl-mega-footer__link-list > <li><a href="http://ruanx.pw/">ruanxingzhi</a> <li><a href="https://blog.xehoth.cc/">xehoth</a> <li><a href="http://hjwjbsr.is-programmer.com/">HJWJBSR</a> <li><a href="http://www.micdz.cn/">MicDZ</a> <li><a href="https://cmxrynp.github.io/">CMXRYNP</a> <li><a href="http://memset0.cn/">memset0</a> </ul> </div> </div> <div class=mdl-mega-footer__bottom-section >Theme based on <a href="https://getmdl.io/">MDL</a> | <a href="http://creativecommons.org/licenses/by-nc-sa/4.0/"><img alt="Creative Commons License" class=cc src="/assets/cc-by-nc-sa-4.png" /></a> CC BY-NC-SA 4.0 </div> </footer> </main> </div>