<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>个人博客 on 有点稳</title><link>https://blog.nicelylit.net/tags/%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2/</link><description>Recent content in 个人博客 on 有点稳</description><generator>Hugo -- gohugo.io</generator><language>zh-cn</language><lastBuildDate>Thu, 26 Jan 2023 00:00:00 +0000</lastBuildDate><atom:link href="https://blog.nicelylit.net/tags/%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2/index.xml" rel="self" type="application/rss+xml"/><item><title>博客标志故事</title><link>https://blog.nicelylit.net/posts/%E5%8D%9A%E5%AE%A2%E6%A0%87%E5%BF%97%E6%95%85%E4%BA%8B/</link><pubDate>Thu, 26 Jan 2023 00:00:00 +0000</pubDate><guid>https://blog.nicelylit.net/posts/%E5%8D%9A%E5%AE%A2%E6%A0%87%E5%BF%97%E6%95%85%E4%BA%8B/</guid><description>&lt;div class="floatblock floatblock-right brand-block" style="--floatblock-w: 360px;"&gt;
 
&lt;div style="text-align:center;"&gt;
 &lt;img src="https://blog.nicelylit.net/wp-content/uploads/2023/01/logo-story-300x150.png" alt="logo" style="max-width:320px; margin: 0 auto 12px;"&gt;
&lt;/div&gt;

&lt;/div&gt;
&lt;p&gt;Jeremy&amp;rsquo;s World翻译成中文是吉里米的世界，取自《苏菲的世界》，博客搭建那段时间我刚好在读这本小书，格外喜欢，便用作了站点的标题。&lt;/p&gt;
&lt;p&gt;Jeremy是新东方一位外教送我的名字，与我的中文名字佳明发音相近。World在Merriam-Webster中&lt;a class="link" href="https://www.merriam-webster.com/dictionary/world" target="_blank" rel="noopener"
 &gt;名词共14义&lt;/a&gt;，取其第6义“the system of created things”，直译作被造物的系统，意译作整个宇宙。&amp;lsquo;s所有格表达了属于Jeremy的World，通俗说也就是我眼中的世界。其实“眼中”也有两说，一说是眼睛这个器官，另一说是心灵，我更多想说后一个，但直接说“我心中的世界”又显得太过主观，只好这样啰嗦地解释一番。&lt;/p&gt;
&lt;p&gt;与世界相关的形象事物是地球，但若用了地球，就像是在讲天文地理，偏离了我的本意，于是我想到一句话“一花一世界，一叶一菩提”。这句话的出处网上讹传为《华严经》，但我在《华严经》的三个文本中作了搜索并未找到，想来这是现代人的附会。不论出处何在，话中所讲的道理能引发人的遐想或思考：世间万物都彼此联系，没有独存无依之物，透过一朵花能够看到整个世界，通过一片叶可以观想到整棵菩提树。&lt;/p&gt;
&lt;p&gt;以一朵花作为博客标志是切题的，但考虑到母亲名字中有花，而花又具有太多的文化含义，于是选择用菩提叶作标志。&lt;/p&gt;
&lt;p&gt;菩提在梵语中是觉悟的意思，英文音译Bodhi，意译作awakened。佛在毕钵罗树下证悟，而后毕钵罗树被称作菩提树。玄奘法师曾到树下瞻仰，想到佛住世时，自己不知飘零何方，不禁悲泪盈目，令人动容。取菩提叶作为站点标志，也想表达自己对正等正觉的向往之心。&lt;/p&gt;</description></item><item><title>博客维护大纲</title><link>https://blog.nicelylit.net/posts/%E5%8D%9A%E5%AE%A2%E7%BB%B4%E6%8A%A4%E5%A4%A7%E7%BA%B2/</link><pubDate>Wed, 25 Jan 2023 00:00:00 +0000</pubDate><guid>https://blog.nicelylit.net/posts/%E5%8D%9A%E5%AE%A2%E7%BB%B4%E6%8A%A4%E5%A4%A7%E7%BA%B2/</guid><description>&lt;p&gt;从2014年12月搭建博客以来，对站点做过三次大的维护，分别是2016年7月、2020年6月、2023年1月，具体维护的内容记录在了&lt;a class="link" href="https://mjm1990.com/article/%e5%8d%9a%e5%ae%a2%e7%bb%b4%e6%8a%a4%e6%97%a5%e5%bf%97" target="_blank" rel="noopener"
 &gt;维护日志&lt;/a&gt;中，而这篇是为了规范化维护的各个方面，用以节省维护的时间成本，同时也给其他的博客人做个参考。&lt;/p&gt;
&lt;h1 id="托管服务"&gt;托管服务
&lt;/h1&gt;&lt;p&gt;站点的数据库、网页服务器、域名、数字证书都需要托管服务，定制主题源代码也需要，此外也为垃圾评论过滤购买了服务。Google Fonts、MathJax等资源外链需要注意防火墙和内容分发网的效率。&lt;/p&gt;
&lt;h1 id="服务费用"&gt;服务费用
&lt;/h1&gt;&lt;p&gt;在服务质量有保障的提前下，拣便宜免费的用。目前数据库和网页服务器用的&lt;a class="link" href="https://www.aliyun.com/product/ecs/hosting?spm=5176.19720258.J_3207526240.36.19d176f4Z6BGZK" target="_blank" rel="noopener"
 &gt;阿里云的独享虚拟主机基础版&lt;/a&gt;，域名和解析服务用的&lt;a class="link" href="https://wanwang.aliyun.com/domain/dns?spm=5176.23524904.J_3207526240.67.671125b3q9mWQr" target="_blank" rel="noopener"
 &gt;阿里云云解析DNS&lt;/a&gt;，数字证书用的&lt;a class="link" href="https://www.aliyun.com/product/cas" target="_blank" rel="noopener"
 &gt;DigitCert免费版&lt;/a&gt;，垃圾评论过滤用的&lt;a class="link" href="https://cleantalk.org/price-anti-spam" target="_blank" rel="noopener"
 &gt;CleanTalk单站点无限制版&lt;/a&gt;。&lt;/p&gt;
&lt;h1 id="站点功能"&gt;站点功能
&lt;/h1&gt;&lt;p&gt;站点功能涉及角色包括读者、作者、机器人、管理员、测试员和开发者。一项功能通常只涉及一个角色，但一项功能的发布可能涉及多项功能的添加。例如若要为读者提供更好的字体阅读体验，同时需要为作者提供更丰富的字体选择，还可能需要为管理员提供字体的开启和禁用功能，也需要为开发者提供字体的调试和预览环境。个人博客功能开发与维护，一人身兼六种角色，考虑成本，需要有所取舍。&lt;/p&gt;
&lt;h1 id="开发环境"&gt;开发环境
&lt;/h1&gt;&lt;p&gt;主题定制是搭建博客的众多理由之一，WordPress通过主题机制和插件机制能满足大部分的需求。但如果市场中没有合适的选择，就需要自己动手开发主题或者插件，这种情况下自动化程度高的开发、测试和部署环境能够节省时间。这次维护对主题做了升级的同时，还提升了开发环境的自动化程度。&lt;/p&gt;
&lt;h1 id="数据备份"&gt;数据备份
&lt;/h1&gt;&lt;p&gt;数据库服务版本升级、数据库服务更换、测试环境数据导入都需要做好数据备份。&lt;/p&gt;
&lt;h1 id="方法技术"&gt;方法技术
&lt;/h1&gt;&lt;p&gt;添加一项站点功能或者修复一个漏洞需要一定的方法和技术，优先查看市场上的插件以及插件使用手册、评测结果并亲自体验，其次查找野路子并评估短期方案风险与长期方案进行对比，按情况择定。&lt;/p&gt;
&lt;h1 id="维护日志"&gt;维护日志
&lt;/h1&gt;&lt;p&gt;站点的维护历史。虽然叫做日志，但维护往往比较集中并且时间仓促，实则以月为单位，记录简短概括。&lt;a class="link" href="https://blog.nicelylit.net/posts/%E5%8D%9A%E5%AE%A2%E7%BB%B4%E6%8A%A4%E6%97%A5%E5%BF%97/" &gt;查看详情→&lt;/a&gt;&lt;/p&gt;</description></item><item><title>博客维护日志</title><link>https://blog.nicelylit.net/posts/%E5%8D%9A%E5%AE%A2%E7%BB%B4%E6%8A%A4%E6%97%A5%E5%BF%97/</link><pubDate>Wed, 25 Jan 2023 00:00:00 +0000</pubDate><guid>https://blog.nicelylit.net/posts/%E5%8D%9A%E5%AE%A2%E7%BB%B4%E6%8A%A4%E6%97%A5%E5%BF%97/</guid><description>&lt;h3 id="2023年1月"&gt;2023年1月
&lt;/h3&gt;&lt;ol&gt;
&lt;li&gt;升级WordPress版本至6.1.1、MySQL至5.7.25-log、PHP至5.6。&lt;/li&gt;
&lt;li&gt;为mjm1990.com域名开启SSL数字证书。关于为何要开启SSL，查看&lt;a class="link" href="https://jaeger.itscoder.com/web/2017/08/30/github-page-https" target="_blank" rel="noopener"
 &gt;这篇&lt;/a&gt;。&lt;/li&gt;
&lt;li&gt;清除两万两千多条垃圾评论。&lt;/li&gt;
&lt;li&gt;启用并购买CleanTalk垃圾评论过滤服务。&lt;/li&gt;
&lt;li&gt;通过Docker Compose提升主题开发的自动化程度，并用Github&lt;a class="link" href="https://github.com/jiamingm1990/JeremysWorld" target="_blank" rel="noopener"
 &gt;托管源代码&lt;/a&gt;。&lt;/li&gt;
&lt;li&gt;更换定制主题jeremysworld，包括改善移动端用户体验、添加导航菜单、开启并引入Google字体、升级MathJax版本、支持管理员修改备案号。&lt;/li&gt;
&lt;li&gt;发布&lt;a class="link" href="https://mjm1990.com/%e5%bd%92%e6%a1%a3" target="_blank" rel="noopener"
 &gt;归档&lt;/a&gt;、&lt;a class="link" href="https://mjm1990.com/%e5%85%b3%e4%ba%8e%e6%88%91" target="_blank" rel="noopener"
 &gt;关于我&lt;/a&gt;页面。&lt;/li&gt;
&lt;li&gt;添加站点favicon和logo，并发布&lt;a class="link" href="https://mjm1990.com/article/%e5%8d%9a%e5%ae%a2%e6%a0%87%e5%bf%97%e6%95%85%e4%ba%8b" target="_blank" rel="noopener"
 &gt;博客标志故事&lt;/a&gt;。&lt;/li&gt;
&lt;li&gt;替换用户头像服务为Cravatar。&lt;/li&gt;
&lt;/ol&gt;
&lt;h3 id="2020年6月"&gt;2020年6月
&lt;/h3&gt;&lt;p&gt;万网关停X享主机-X3，切换到独享虚拟主机基础版。&lt;/p&gt;
&lt;h3 id="2018年1月"&gt;2018年1月
&lt;/h3&gt;&lt;p&gt;显示文章浏览次数。&lt;/p&gt;
&lt;h3 id="2016年7月"&gt;2016年7月
&lt;/h3&gt;&lt;ol&gt;
&lt;li&gt;根据不同页面类型，启动永久链接。&lt;/li&gt;
&lt;li&gt;更换定制主题BlogJ。&lt;/li&gt;
&lt;/ol&gt;
&lt;h3 id="2014年12月"&gt;2014年12月
&lt;/h3&gt;&lt;ol&gt;
&lt;li&gt;博客上线。&lt;/li&gt;
&lt;li&gt;更新备案号。&lt;/li&gt;
&lt;/ol&gt;</description></item><item><title>让博客支持数学公式</title><link>https://blog.nicelylit.net/posts/%E8%AE%A9%E5%8D%9A%E5%AE%A2%E6%94%AF%E6%8C%81%E6%95%B0%E5%AD%A6%E5%85%AC%E5%BC%8F/</link><pubDate>Thu, 05 Feb 2015 00:00:00 +0000</pubDate><guid>https://blog.nicelylit.net/posts/%E8%AE%A9%E5%8D%9A%E5%AE%A2%E6%94%AF%E6%8C%81%E6%95%B0%E5%AD%A6%E5%85%AC%E5%BC%8F/</guid><description>&lt;p&gt;之前的解决方案通过JavaScript脚本将公式转换为图片，即使用&lt;a class="link" href="https://blog.nicelylit.net/wp-content/uploads/2015/02/ASCIIMathTeXImg.js" &gt;ASCIIMathTeXImg.js&lt;/a&gt;，在&lt;code&gt;&amp;lt;head&amp;gt;&amp;lt;/head&amp;gt;&lt;/code&gt;中引用如下的代码。&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-html" data-lang="html"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nt"&gt;script&lt;/span&gt; &lt;span class="na"&gt;type&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;text/javascript&amp;#34;&lt;/span&gt; &lt;span class="na"&gt;src&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;&amp;lt;?php bloginfo(&amp;#39;template_url&amp;#39;); ?&amp;gt;/js/ASCIIMathTeXImg.js&amp;#34;&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="p"&gt;&amp;lt;/&lt;/span&gt;&lt;span class="nt"&gt;script&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;后面Google时发现了MathJax，提供了更加强大的公式服务。直接引用下面的代码即可支持。&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-html" data-lang="html"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nt"&gt;script&lt;/span&gt; &lt;span class="na"&gt;type&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;text/javascript&amp;#34;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="na"&gt;src&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML&amp;#34;&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="p"&gt;&amp;lt;/&lt;/span&gt;&lt;span class="nt"&gt;script&lt;/span&gt;&lt;span class="p"&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;相比于第一种方式，第二种方式优势至少有两点：其一，加载的JavaScript脚本都是引用别人的链接，不会耗费自己托管服务器的流量；其二，功能更多，支持用户自定义，可以选择LaTex、MathML或者AsciiMath，解析结果也不再是图片，而是HTML、SVG或MathML。&lt;/p&gt;
&lt;p&gt;直接用&lt;a class="link" href="http://www.mathjax.org/" target="_blank" rel="noopener"
 &gt;MathJax&lt;/a&gt;服务唯一的担心是，如果被墙将无法访问，像Google的字体服务一样。实际上，MathJax也支持将脚本&lt;a class="link" href="http://docs.mathjax.org/en/latest/start.html" target="_blank" rel="noopener"
 &gt;安装到自己的博客服务器&lt;/a&gt;上，源代码托管在&lt;a class="link" href="https://github.com/mathjax/MathJax" target="_blank" rel="noopener"
 &gt;GitHub&lt;/a&gt;上，但整个程序脚本较多，占空间，也会耗流量，所以还是推荐在没有被墙的情况下，直接使用服务为好。&lt;/p&gt;
&lt;p&gt;下面这个公式用第二种方式生成。&lt;/p&gt;
&lt;p&gt;$$e^{i\pi}+1=0$$&lt;/p&gt;</description></item><item><title>WordPress站点加载慢的分析</title><link>https://blog.nicelylit.net/posts/wordpress%E7%AB%99%E7%82%B9%E5%8A%A0%E8%BD%BD%E6%85%A2%E7%9A%84%E5%88%86%E6%9E%90/</link><pubDate>Thu, 08 Jan 2015 00:00:00 +0000</pubDate><guid>https://blog.nicelylit.net/posts/wordpress%E7%AB%99%E7%82%B9%E5%8A%A0%E8%BD%BD%E6%85%A2%E7%9A%84%E5%88%86%E6%9E%90/</guid><description>&lt;p&gt;Chrome浏览器或者火狐浏览器按Ctrl+Shift+I，打开开发者工具，选择Network，可以用来分析加载网页时到底哪些链接拖慢了加载速度。以火狐浏览器为例，可以看到以下的分析结果：&lt;/p&gt;
&lt;p&gt;&lt;a class="link" href="https://blog.nicelylit.net/wp-content/uploads/2015/01/slow_analysis_1.png" &gt;&lt;img alt="slow\\_analysis\\_1" loading="lazy" sizes="(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px" src="https://blog.nicelylit.net/wp-content/uploads/2015/01/slow_analysis_1-610x255.png"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;拖慢整个节奏的是来自域名fonts.googleapis.com的请求，无法解析的原因不言自明。找到原因后去相应的文件中修改代码即可解决问题。我站点使用模板的问题出现在style.css中，不同的模板会有不一样的变化，有了开发者工具，可以灵活应对。网上多有记录一般引起站点加载慢除了站点模板中有用google服务外，还有avatar也是一大类，这个可以通过安装Simple Local Avatar插件解决。修改后，加载时间立刻从40s减到了3.84s。&lt;/p&gt;
&lt;p&gt;&lt;a class="link" href="https://blog.nicelylit.net/wp-content/uploads/2015/01/slow_analysis_2.png" &gt;&lt;img alt="slow\\_analysis\\_2" loading="lazy" sizes="(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px" src="https://blog.nicelylit.net/wp-content/uploads/2015/01/slow_analysis_2-610x255.png"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;由于模板来自网上，加之自己对前端也不太熟，看这个分析报告，可优化的代码还有很多，以后慢慢改吧。另外，以下的这张图显示Chrome加载速度略快。&lt;/p&gt;
&lt;p&gt;&lt;a class="link" href="https://blog.nicelylit.net/wp-content/uploads/2015/01/slow_analysis_3.png" &gt;&lt;img alt="slow\\_analysis\\_3" loading="lazy" sizes="(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px" src="https://blog.nicelylit.net/wp-content/uploads/2015/01/slow_analysis_3-610x255.png"&gt;&lt;/a&gt;&lt;/p&gt;</description></item></channel></rss>