web-1

线上步骤

1
2
3
4
5
6
7
8
9
10
11
启动虚拟环境
cd /data/env/djangoenv/bin
sourece activate

启动xml
cd /home/django/..../myserver
uwsgi -x myserver.xml

重启动ngnix
cd /usr/local/nginx/sbin/
./nginx -s reload

https://101.201.31.80/polls/login

web入门:

从最初的网页开始

简单的html

1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我的测试页面</title>
</head>
<body>
<img src="image/interlude_01.png" alt="我的测试页面">
</body>

</html>

alt
代码纯属复制粘贴,里面啥也不懂

HTML详解

  1. 段落
    alt

    这个元素的主要部分有:
    a.开始标签(Opening tag):包含元素的名称(本例为 p),被大于号、小于号所包围。表示元素从这里开始或者开始起作用 —— 在本例中即段落由此开始。
    b.结束标签(Closing tag):与开始标签相似,只是其在元素名之前包含了一个斜杠。这表示着元素的结尾 —— 在本例中即段落在此结束。初学者常常会犯忘记包含结束标签的错误,这可能会产生一些奇怪的结果。
    c.内容(Content):元素的内容,本例中就是所输入的文本本身。
    d.元素(Element):开始标签、结束标签与内容相结合,便是一个完整的元素。

  2. 属性
    1
    <p class="editor-note">steins的首次尝试</p>
    class是属性名称,editor-note是属性的值。
    class 属性可为元素提供一个标识名称,以便进一步为元素指定样式或进行其他操作时使用。
    属性应该包含:

    a.在属性与元素名称(或上一个属性,如果有超过一个属性的话)之间的空格符。
    b.属性的名称,并接上一个等号。
    c.由引号所包围的属性值。

  3. html详解

\<!DOCTYPE html> — 文档类型。混沌初分,HTML 尚在襁褓(大约是 1991/92 年)之时,DOCTYPE 用来链接一些 HTML 编写守则,比如自动查错之类。DOCTYPE 在当今作用有限,仅用于保证文档正常读取。现在知道这些就足够了。
\\ — \ 元素。该元素包含整个页面的内容,也称作根元素。
\\ — \ 元素。该元素的内容对用户不可见,其中包含例如面向搜索引擎的搜索关键字(keywords)、页面描述、CSS 样式表和字符编码声明等。
\ — 该元素指定文档使用 UTF-8 字符编码 ,UTF-8 包括绝大多数人类已知语言的字符。基本上 UTF-8 可以处理任何文本内容,还可以避免以后出现某些问题,没有理由再选用其他编码。
\\ — \ 元素。该元素设置页面的标题,显示在浏览器标签页上,也作为收藏网页的描述文字。<br>\<body>\<script src="/live2dw/lib/L2Dwidget.min.js?094cbace49a39548bed64abff5988b05"></script><script>L2Dwidget.init({"pluginRootPath":"live2dw/","pluginJsPath":"lib/","pluginModelPath":"assets/","tagMode":false,"debug":false,"model":{"jsonPath":"/live2dw/assets/tororo.model.json"},"log":false});</script></body> — \<body> 元素。该元素包含期望让用户在访问页面时看到的内容,包括文本、图像、视频、游戏、可播放的音轨或其他内容。 </p> <ol> <li>图像<figure class="highlight html"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line"><span class="tag"><<span class="name">img</span> <span class="attr">src</span>=<span class="string">"image/interlude_01.png"</span> <span class="attr">alt</span>=<span class="string">"我的测试页面"</span>></span></span><br></pre></td></tr></table></figure> 该元素通过包含图像文件路径的地址属性 <strong>src</strong>,可在所在位置嵌入图像。<br>该元素还包括一个替换文字属性 <strong>alt</strong>,是图像的描述内容,用于当图像不能被用户看见时显示,不可见的原因可能是:<br>用户有视觉障碍。视障用户可以使用屏幕阅读器来朗读 alt 属性的内容。<br>有些错误使图像无法显示。可以试着故意将 src 属性里的路径改错。保存并刷新页面就可以在图像位置看到: <blockquote> <blockquote> <p>我的测试页面</p> </blockquote> </blockquote> </li> </ol> <ol> <li>标题<br>标题元素可用于指定内容的标题和子标题。就像一本书的书名、每章的大标题、小标题,等。HTML 文档也是一样。HTML 包括六个级别的标题, \<h1>–\<h6> ,一般最多用到 3-4 级标题。 <figure class="highlight html"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line"><span class="tag"><<span class="name">h1</span>></span>主标题<span class="tag"></<span class="name">h1</span>></span></span><br><span class="line"><span class="tag"><<span class="name">h2</span>></span>顶层标题<span class="tag"></<span class="name">h2</span>></span></span><br><span class="line"><span class="tag"><<span class="name">h3</span>></span>子标题<span class="tag"></<span class="name">h3</span>></span></span><br><span class="line"><span class="tag"><<span class="name">h4</span>></span>次子标题<span class="tag"></<span class="name">h4</span>></span></span><br></pre></td></tr></table></figure></li> <li>段落 <figure class="highlight html"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line"><span class="tag"><<span class="name">p</span>></span>steins是一个摸鱼晚期患者-1<span class="tag"></<span class="name">p</span>></span></span><br><span class="line"><span class="tag"><<span class="name">p</span>></span>steins是一个摸鱼晚期患者<span class="tag"><<span class="name">-2</span>/<span class="attr">p</span>></span></span><br></pre></td></tr></table></figure></li> <li><p>列表 </p> <blockquote> <p>无序列表(Unordered List)中项目的顺序并不重要,就像购物列表。用一个\<ul> 元素包围。<br>有序列表(Ordered List)中项目的顺序很重要,就像烹调指南。用一个\<ol> 元素包围。 </p> </blockquote> </li> <li><p>链接 </p> <figure class="highlight html"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line"><span class="tag"><<span class="name">a</span>></span>my blog<span class="tag"></<span class="name">a</span>></span> //<span class="tag"><<span class="name">a</span>></span> — a 是 "anchor" (锚)的缩写 </span><br><span class="line"><span class="tag"><<span class="name">a</span> <span class="attr">href</span>=<span class="string">""</span>></span>my blog<span class="tag"></<span class="name">a</span>></span> //为此 <span class="tag"><<span class="name">a</span>></span> 元素添加一个 href 属性</span><br><span class="line"><span class="tag"><<span class="name">a</span> <span class="attr">href</span>=<span class="string">"https://steins0.github.io/"</span>></span>my blog<span class="tag"></<span class="name">a</span>></span> //把属性的值设置为所需网址</span><br></pre></td></tr></table></figure> <blockquote> <p>href 这个名字可能开始看起来有点令人费解,代表超文本引用( hypertext reference)。 </p> </blockquote> </li> </ol> <p><img src="/images/web/web-3.png" alt="alt"> </p> <h4 id="CSS"><a href="#CSS" class="headerlink" title="CSS"></a>CSS</h4><ol> <li>详解:<br><img src="/images/web/web-4.png" alt="alt"><br>整个结构称为 <strong>规则集(通常简称“规则”)</strong>,各部分释义如下:<br><strong>选择器(Selector)</strong><br> HTML 元素的名称位于规则集开始。它选择了一个或多个需要添加样式的元素(在这个例子中就是 p 元素)。要给不同元素添加样式只需要更改选择器就行了。<br><strong>声明(Declaration)</strong><br> 一个单独的规则,如 color: red; 用来指定添加样式元素的属性。<br><strong>属性(Properties)</strong><br> 改变 HTML 元素样式的途径。(本例中 color 就是 \<p> 元素的属性。)CSS 中,由编写人员决定修改哪个属性以改变规则。<br><strong>属性的值(Property value)</strong><br> 在属性的右边,冒号后面即属性的值,它从指定属性的众多外观中选择一个值(我们除了 red 之外还有很多属性值可以用于 color )。 </li> </ol> <p>注意其他重要的语法:</p> <blockquote> <ul> <li>每个规则集(除了选择器的部分)都应该包含在成对的大括号里({})。</li> <li>在每个声明里要用冒号(:)将属性与属性值分隔开。</li> <li>在每个规则集里要用分号(;)将各个声明分隔开。</li> </ul> </blockquote> <ol> <li>多元素选择<figure class="highlight css"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line"><span class="selector-tag">p</span>, <span class="selector-tag">li</span> {</span><br><span class="line"> <span class="attribute">color</span>: red;</span><br><span class="line">}</span><br></pre></td></tr></table></figure></li> <li>不同类型的选择 </li> </ol> <div class="table-container"> <table> <thead> <tr> <th style="text-align:center">选择器名称</th> <th style="text-align:left">选择的内容</th> <th style="text-align:left">示例</th> </tr> </thead> <tbody> <tr> <td style="text-align:center">元素选择器(也称作标签或类型选择器)</td> <td style="text-align:left">所有指定(该)类型的 HTML 元素</td> <td style="text-align:left">p<br> 选择 \<p></td> </tr> <tr> <td style="text-align:center">ID 选择器</td> <td style="text-align:left">具有特定 ID 的元素(单一 HTML 页面中,每个 ID 只对应一个元素,一个元素只对应一个 ID)</td> <td style="text-align:left">#my-id<br>选择 \<p id="my-id"> 或 \<a id="my-id"></td> </tr> <tr> <td style="text-align:center">类选择器</td> <td style="text-align:left">具有特定类的元素(单一页面中,一个类可以有多个实例)</td> <td style="text-align:left">.my-class<br>选择 \<p class="my-class"> 和 \<a class="my-class"></td> </tr> <tr> <td style="text-align:center">属性选择器</td> <td style="text-align:left">拥有特定属性的元素</td> <td style="text-align:left">img[src]<br>选择 \<img src="myimage.png"> 而不是 \<img></td> </tr> <tr> <td style="text-align:center">伪(Pseudo)类选择器</td> <td style="text-align:left">特定状态下的特定元素(比如鼠标指针悬停)</td> <td style="text-align:left">a:hover<br>仅在鼠标指针悬停在链接上时选择 \<a>。</td> </tr> </tbody> </table> </div> <p>ps:ID第一次实现失败</p> <h4 id="JavaScript"><a href="#JavaScript" class="headerlink" title="JavaScript"></a>JavaScript</h4><ol> <li>变量 <figure class="highlight javascript"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br></pre></td><td class="code"><pre><span class="line"><span class="keyword">let</span> MyVariable = <span class="string">'steins'</span>;</span><br><span class="line"><span class="string">``</span><span class="string">` </span></span><br><span class="line"><span class="string">| 变量 | 解释 | 实例 | </span></span><br><span class="line"><span class="string">|:----:|:----:|:----:| </span></span><br><span class="line"><span class="string">|String|字符串(一串文本):字符串的值必须用引号(单双均可,必须成对)扩起来。|let myVariable = '李雷';| </span></span><br><span class="line"><span class="string">|Number|数字:无需引号。|let myVariable = 10;| </span></span><br><span class="line"><span class="string">|Boolean|布尔值(真 / 假): true/false 是 JS 里的特殊关键字,无需引号。|let myVariable = true;| </span></span><br><span class="line"><span class="string">|Array| 数组:用于在单一引用中存储多个值的结构|let myVariable = [1, 'steins', 'gate', 10];<br>元素引用方法:myVariable[0], myVariable[1] ……| </span></span><br><span class="line"><span class="string">|Object|对象:JavaScript 里一切皆对象,一切皆可储存在变量里。|let myVariable = document.querySelector('h1');以及上面所有示例都是对象。|</span></span><br><span class="line"><span class="string">2. 运算符 </span></span><br><span class="line"><span class="string">+、-、*、/、===、!==、!</span></span><br><span class="line"><span class="string">3. 条件语句</span></span><br></pre></td></tr></table></figure> if…else<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br></pre></td><td class="code"><pre><span class="line">4. 函数</span><br><span class="line">5. 事件</span><br><span class="line"></span><br><span class="line"></span><br><span class="line">css: </span><br><span class="line">**定义和用法** </span><br><span class="line">padding 简写属性在一个声明中设置所有内边距属性。 </span><br><span class="line"></span><br><span class="line">**说明** </span><br><span class="line">这个简写属性设置元素所有内边距的宽度,或者设置各边上内边距的宽度。行内非替换元素上设置的内边距不会影响行高计算;因此,如果一个元素既有内边距又有背景,从视觉上看可能会延伸到其他行,有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。不允许指定负边距值。</span><br><span class="line"> </span><br><span class="line">注释:不允许使用负值。 </span><br><span class="line">**例子 1**</span><br><span class="line">```css</span><br><span class="line">padding:10px 5px 15px 20px;</span><br></pre></td></tr></table></figure></li> </ol> <ul> <li>上内边距是 10px</li> <li>右内边距是 5px</li> <li>下内边距是 15px</li> <li>左内边距是 20px</li> </ul> <h2 id="django"><a href="#django" class="headerlink" title="django"></a>django</h2><h3 id="线上部署"><a href="#线上部署" class="headerlink" title="线上部署"></a>线上部署</h3><p><a href="https://cloud.tencent.com/developer/article/1594413" target="_blank" rel="noopener">https://cloud.tencent.com/developer/article/1594413</a></p> <h4 id="升级sqlite版本"><a href="#升级sqlite版本" class="headerlink" title="升级sqlite版本"></a>升级sqlite版本</h4><figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br></pre></td><td class="code"><pre><span class="line"># 下载源码(或者https://www.sqlite.org/2019/sqlite-autoconf-3290000.tar.gz)</span><br><span class="line">wget https://www.sqlite.org/2019/sqlite-autoconf-3270200.tar.gz</span><br><span class="line"># 编译</span><br><span class="line">tar zxvf sqlite-autoconf-3270200.tar.gz </span><br><span class="line">cd sqlite-autoconf-3270200/</span><br><span class="line">./configure --prefix=/usr/local</span><br><span class="line">make && make install</span><br><span class="line"></span><br><span class="line"># 替换系统低版本 sqlite3</span><br><span class="line">mv /usr/bin/sqlite3 /usr/bin/sqlite3_old</span><br><span class="line">ln -s /usr/local/bin/sqlite3 /usr/bin/sqlite3</span><br><span class="line">echo "/usr/local/lib" > /etc/ld.so.conf.d/sqlite3.conf</span><br><span class="line">ldconfig</span><br><span class="line">sqlite3 -version</span><br></pre></td></tr></table></figure> </div> <footer class="post-footer"> <div class="post-tags"> <a href="/tags/web/" rel="tag"># web</a> <a href="/tags/%E6%95%B0%E5%AD%97%E5%AA%92%E4%BD%93%E6%96%B9%E5%90%91%E8%AE%BE%E8%AE%A1/" rel="tag"># 数字媒体方向设计</a> </div> <div class="post-nav"> <div class="post-nav-next post-nav-item"> <a href="/2020/08/31/leetcoded/" rel="next" title="每日leetcode"> <i class="fa fa-chevron-left"></i> 每日leetcode </a> </div> <span class="post-nav-divider"></span> <div class="post-nav-prev post-nav-item"> <a href="/2020/10/27/camera/" rel="prev" title="方向设计"> 方向设计 <i class="fa fa-chevron-right"></i> </a> </div> </div> </footer> </div> </article> <div class="post-spread"> </div> </div> </div> </div> <div class="sidebar-toggle"> <div class="sidebar-toggle-line-wrap"> <span class="sidebar-toggle-line sidebar-toggle-line-first"></span> <span class="sidebar-toggle-line sidebar-toggle-line-middle"></span> <span class="sidebar-toggle-line sidebar-toggle-line-last"></span> </div> </div> <aside id="sidebar" class="sidebar"> <div class="sidebar-inner"> <ul class="sidebar-nav motion-element"> <li class="sidebar-nav-toc sidebar-nav-active" data-target="post-toc-wrap"> 文章目录 </li> <li class="sidebar-nav-overview" data-target="site-overview-wrap"> 站点概览 </li> </ul> <section class="site-overview-wrap sidebar-panel"> <div class="site-overview"> <div class="site-author motion-element" itemprop="author" itemscope itemtype="http://schema.org/Person"> <img class="site-author-image" itemprop="image" src="/images/own/avatar.jpg" alt="Steins.lei" /> <p class="site-author-name" itemprop="name">Steins.lei</p> <p class="site-description motion-element" itemprop="description"></p> </div> <nav class="site-state motion-element"> <div class="site-state-item site-state-posts"> <a href="/archives/"> <span class="site-state-item-count">17</span> <span class="site-state-item-name">日志</span> </a> </div> <div class="site-state-item site-state-categories"> <a href="/categories/index.html"> <span class="site-state-item-count">3</span> <span class="site-state-item-name">分类</span> </a> </div> <div class="site-state-item site-state-tags"> <a href="/tags/index.html"> <span class="site-state-item-count">7</span> <span class="site-state-item-name">标签</span> </a> </div> </nav> </div> </section> <!--noindex--> <section class="post-toc-wrap motion-element sidebar-panel sidebar-panel-active"> <div class="post-toc"> <div class="post-toc-content"><ol class="nav"><li class="nav-item nav-level-1"><a class="nav-link" href="#"><span class="nav-number">1.</span> <span class="nav-text"> </span></a><ol class="nav-child"><li class="nav-item nav-level-2"><a class="nav-link" href="#线上步骤"><span class="nav-number">1.1.</span> <span class="nav-text">线上步骤</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#web入门:"><span class="nav-number">1.2.</span> <span class="nav-text">web入门:</span></a><ol class="nav-child"><li class="nav-item nav-level-3"><a class="nav-link" href="#从最初的网页开始"><span class="nav-number">1.2.1.</span> <span class="nav-text">从最初的网页开始</span></a><ol class="nav-child"><li class="nav-item nav-level-4"><a class="nav-link" href="#简单的html"><span class="nav-number">1.2.1.1.</span> <span class="nav-text">简单的html</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#HTML详解"><span class="nav-number">1.2.1.2.</span> <span class="nav-text">HTML详解</span></a></li></ol></li></ol></li></ol></li><li class="nav-item nav-level-1"><a class="nav-link" href="#"><span class="nav-number">2.</span> <span class="nav-text">–\ ,一般最多用到 3-4 级标题。 1 2 3 4 <h1>主标题</h1> <h2>顶层标题</h2> <h3>子标题</h3> <h4>次子标题</h4> </span></a><ol class="nav-child"><li class="nav-item nav-level-6"><a class="nav-link" href="#"><span class="nav-number">2.0.0.0.0.1.</span> <span class="nav-text"> ,一般最多用到 3-4 级标题。 1 2 3 4 <h1>主标题</h1> <h2>顶层标题</h2> <h3>子标题</h3> <h4>次子标题</h4> </span></a></li></ol></li></ol></li><li class="nav-item nav-level-4"><a class="nav-link" href="#CSS"><span class="nav-number">2.0.0.1.</span> <span class="nav-text">CSS</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#JavaScript"><span class="nav-number">2.0.0.2.</span> <span class="nav-text">JavaScript</span></a></li></ol></li></ol></li><li class="nav-item nav-level-2"><a class="nav-link" href="#django"><span class="nav-number">2.1.</span> <span class="nav-text">django</span></a><ol class="nav-child"><li class="nav-item nav-level-3"><a class="nav-link" href="#线上部署"><span class="nav-number">2.1.1.</span> <span class="nav-text">线上部署</span></a><ol class="nav-child"><li class="nav-item nav-level-4"><a class="nav-link" href="#升级sqlite版本"><span class="nav-number">2.1.1.1.</span> <span class="nav-text">升级sqlite版本</span></a></li></ol></li></ol></li></ol></li></ol></div> </div> </section> <!--/noindex--> </div> </aside> </div> </main> <footer id="footer" class="footer"> <div class="footer-inner"> <div class="copyright">© <span itemprop="copyrightYear">2022</span> <span class="with-love"> <i class="fa fa-user"></i> </span> <span class="author" itemprop="copyrightHolder">Steins.lei</span> </div> <div class="powered-by">由 <a class="theme-link" target="_blank" href="https://hexo.io">Hexo</a> 强力驱动</div> <span class="post-meta-divider">|</span> <div class="theme-info">主题 — <a class="theme-link" target="_blank" href="https://github.com/iissnan/hexo-theme-next">NexT.Gemini</a> v5.1.4</div> </div> </footer> <div class="back-to-top"> <i class="fa fa-arrow-up"></i> </div> </div> <script type="text/javascript"> if (Object.prototype.toString.call(window.Promise) !== '[object Function]') { window.Promise = null; } </script> <script type="text/javascript" src="/lib/jquery/index.js?v=2.1.3"></script> <script type="text/javascript" src="/lib/fastclick/lib/fastclick.min.js?v=1.0.6"></script> <script type="text/javascript" src="/lib/jquery_lazyload/jquery.lazyload.js?v=1.9.7"></script> <script type="text/javascript" src="/lib/velocity/velocity.min.js?v=1.2.1"></script> <script type="text/javascript" src="/lib/velocity/velocity.ui.min.js?v=1.2.1"></script> <script type="text/javascript" src="/lib/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script> <script type="text/javascript" src="/js/src/utils.js?v=5.1.4"></script> <script type="text/javascript" src="/js/src/motion.js?v=5.1.4"></script> <script type="text/javascript" src="/js/src/affix.js?v=5.1.4"></script> <script type="text/javascript" src="/js/src/schemes/pisces.js?v=5.1.4"></script> <script type="text/javascript" src="/js/src/scrollspy.js?v=5.1.4"></script> <script type="text/javascript" src="/js/src/post-details.js?v=5.1.4"></script> <script type="text/javascript" src="/js/src/bootstrap.js?v=5.1.4"></script> <script type="text/x-mathjax-config"> MathJax.Hub.Config({ tex2jax: { inlineMath: [ ['$','$'], ["\\(","\\)"] ], processEscapes: true, skipTags: ['script', 'noscript', 'style', 'textarea', 'pre', 'code'] } }); </script> <script type="text/x-mathjax-config"> MathJax.Hub.Queue(function() { var all = MathJax.Hub.getAllJax(), i; for (i=0; i < all.length; i += 1) { all[i].SourceElement().parentNode.className += ' has-jax'; } }); </script> <script type="text/javascript" src="//cdn.bootcss.com/mathjax/2.7.1/latest.js?config=TeX-AMS-MML_HTMLorMML"></script> <script src="/live2dw/lib/L2Dwidget.min.js?094cbace49a39548bed64abff5988b05"></script><script>L2Dwidget.init({"pluginRootPath":"live2dw/","pluginJsPath":"lib/","pluginModelPath":"assets/","tagMode":false,"debug":false,"model":{"jsonPath":"/live2dw/assets/tororo.model.json"},"log":false});</script></body> </html>