git clone https://github.com/RavelloH/RTheme
cd RTheme
npm install
npx http-server -c-1

cd program
npm install
node search.js
node feed.js
node fileList.js

${siteName} RavelloH's Blog
${authorName} RavelloH
${siteURL} https://ravelloh.top
${siteDomain} ravelloh.top
${siteShareImage} https://ravelloh.top/assets/images/android-chrome-512x512.png
${nav1} images
${navName1} IMAGES
${navIcon1} ri:image-fill
${nav2} games
${navName2} GAMES
${navIcon2} ri:gamepad-fill
${nav3} unset
${navName3} unset
${navIcon3} unset
${sentence} Welcome here and fell free to check it out ...
${githubUserName} RavelloH
${authorMail} ravelloh@outlook.com
${copyrightStart} 2019
${siteStartTime} 2/03/2019 20:52:00

<a href="https://ravelloh.top/" type="link-box">RavelloH's Blog</a>

<pre>
        <code class="language-js">
            function getSearchData() {
            if (typeof searchData == "undefined") {
            return new Promise((resolve, reject) => {
            fetch(dataFilePath, {})
            .then((response) => response.json())
            .then((data) => {
            searchData = data;
            resolve(data);
            });
            }).catch((err) => {
            throw err;
            });
            } else {
            return Promise.resolve(searchData);
            }
            }
            function search(keyword) {
            let start = new Date().getTime();
            if (keyword == "" || keyword == ".") {
            return false;
            }
            searchWord = HTMLDecode(keyword);
            getSearchData().then((data) => {
            if (typeof searchWorker == "undefined") {
            searchWorker = new Worker(workerPath);
            }
            searchWorker.onmessage = (result) => {
            let end = new Date().getTime();
            let data = result.data;
            console.log(`查询操作用时${end - start}MS`);
            if (data.length == 0) {
            console.log("未找到有关选项");
            return false;
            }
            let resultHTML = "";
            data.forEach((e, index) => {
            resultHTML += structureSearchResult(e);
            });
            console.log(resultHTML); // 结果输出
            };
            searchWorker.postMessage([data, searchWord]);
            });
            }
        </code>
    </pre>

cd program
    npm install
    node search.js
    node feed.js
    node fileList.js

git pull
    git status
    git add .
    git commit -m "添加新文章"
    git push

trustDomain = [
        'ravelloh.top',
        'ravelloh.gitee.io',
        'ravelloh.github.io',
        'ravelloh.vercel.app',
        'ravelloh.js.org',
    ];

<p>这是一个普通段落。</p>
<p>这是第二个段落。</p>
<p class="center">这是个居中的段落。</p>

<h2>这是一个h2标题</h2>
<h3>这是一个h3标题</h3>

<a href="/articles/">这是一个指向/articles/的内部超链接</a
>，它的颜色跟其他的字体有区别，但是没有图标和下划线。
<a href="https://ravelloh.top/" class="noline"
  >这是一个指向https://ravelloh.top/的外部超链接</a
>，它有一个名为<code>noline</code>的类名，所以跟内部链接表现相同。

<a href="/articles/" class="link">这是一个指向/articles/的内部超链接</a
>，但是它有一个名为<code>link</code>的类名，所以它表现的与外部链接相同。
<a href="https://ravelloh.top/">这是一个指向https://ravelloh.top/的外部超链接</a
>，它具有下划线和图标来表示它指向站外。

<a href="/articles/" class="button">Articles</a>
<a href="/works/" class="button">Works</a>
<a href="/about/" class="button">About</a>

<a
  href="http://music.163.com/song/media/outer/url?id=1477655546.mp3"
  type="music-box"
  info="<span class='music-search-author'> <span class='i_small ri:account-box-line'></span> West & Zander - <span class='i_small ri:mv-line'></span> Deep Breathing</span>"
  src="http://p1.music.126.net/FDE2goZS7DJ3HhIBFsQEMQ==/109951165303988707.jpg"
  >Autumn Haze</a
>

<a
  href="https://drive.ravelloh.top/api/raw/?path=/video/%E9%AC%BC%E6%B3%A35.mp4"
  type="download-box"
  >鬼泣5测试视频.mp4</a
>

<div class="info">    这是个普通信息栏。</div>
<div class="info-success">    这个信息栏可以用来表示成功的消息。</div>
<div class="info-warning">    这个信息栏可以用来表示警告的消息。</div>
<div class="info-alert">    这个信息栏可以用来表示失败的消息。</div>
<div class="info-alert center">
      <span class="i_small ri:spam-line"></span
  > 这是个居中的信息栏，并且带有小图标。
</div>

<div class="codeline">
  
  <pre>
            <span><details> </span>
            <span>  <summary>Show</summary></span>
            <span>  <!-- readme-tree start --></span>
            <span>  <!-- readme-tree end --></span>
            <span></details></span>
        </pre
  >
</div>

<details>
  
  <summary>Show</summary>
    <!-- readme-tree start -->
    <!-- readme-tree end -->
</details>

function getSearchData() {     if (typeof searchData == "undefined") {     return new Promise((resolve, reject) => {     fetch(dataFilePath, {})     .then((response) => response.json())     .then((data) => {     searchData = data;     resolve(data);     });     }).catch((err) => {     throw err;     });     } else {     return Promise.resolve(searchData);     }     }     function search(keyword) {     let start = new Date().getTime();     if (keyword == "" || keyword == ".") {     return false;     }     searchWord = HTMLDecode(keyword);     getSearchData().then((data) => {     if (typeof searchWorker == "undefined") {     searchWorker = new Worker(workerPath);     }     searchWorker.onmessage = (result) => {     let end = new Date().getTime();     let data = result.data;     console.log(`查询操作用时${end - start}MS`);     if (data.length == 0) {     console.log("未找到有关选项");     return false;     }     let resultHTML = "";     data.forEach((e, index) => {     resultHTML += structureSearchResult(e);     });     console.log(resultHTML); // 结果输出     };     searchWorker.postMessage([data, searchWord]);     });     }

<blockquote>
        曾经有人说过，....
    </blockquote>

<h4>粗体</h4>
    你可以<b>加粗</b>一段文字。
    <h4>强调</h4>
    你可以<strong>强调</strong>一段文字。
    <h4>斜体</h4>
    你可以<em>斜体显示</em>一段文字。
    <h4>下划线</h4>
    你可以为一段文字添加<u>下划线</u>。
    <h4>删除线</h4>
    你可以<del>删除</del>一段文字。
    <h4>添加线</h4>
    你可以<ins>添加</ins>一段文字。
    <h4>键盘文本</h4>
    你可以用<kdb>TAB</kdb>和<kdb>SHITF</kdb>+<kdb>TAB</kdb>来在网页中移动。
    <h4>行内引用</h4>
    《国语·周语下》是<q>众口铄金，积毁销骨</q>的出处。
    <h4>引用来源</h4>
    这篇文章来源于<cite><a href="https://ravelloh.top/articles/20230815/">RavelloH的博客</a></cite>。
    <h4>突出显示</h4>
    <mark>这段文字</mark>是高亮突出显示的。
    <h4>注音</h4>
    <ruby>汉 <rp>(</rp><rt>han</rt><rp>)</rp> 字 <rp>(</rp><rt>zi</rt><rp>)</rp></ruby>
    <h4>下标</h4>
    这段文本包含 <sub>下标</sub>
    <h4>上标</h4>
    这段文本包含 <sup>上标</sup>

<img src="https://drive.ravelloh.top/api/raw/?path=/img/Sekiro%E2%84%A2_%20Shadows%20Die%20Twice_20220827210734.jpg" alt="游戏《只狼-影逝二度》中的成就截图">

<video src="https://drive.ravelloh.top/api/raw/?path=/video/鬼泣5_片段.mp4" controls="controls"></video>

<time>2023-08-14 10:46:53</time>

<textarea name="test" id="test" rows="4" cols="40" placeholder="这是一个文本框"></textarea>

<table>
        <thead>
            <tr>
                <th>功能名</th>
                <th>描述</th>
                <th>可选值</th>
                <th>默认值</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>showall</td>
                <td>是否展示所有文件及目录</td>
                <td>yes/no</td>
                <td>yes</td>
            </tr>
            <tr>
                <td>showdirectoryname</td>
                <td>仅展示文件夹名</td>
                <td>yes/no</td>
                <td>no</td>
            </tr>
            <tr>
                <td>showchangetime</td>
                <td>显示更改时间(废弃参数，不可用)</td>
                <td>-</td>
                <td>no</td>
            </tr>
            <tr>
                <td>showsize</td>
                <td>以字节为单位，显示文件大小</td>
                <td>yes/no</td>
                <td>no</td>
            </tr>
            <tr>
                <td>showallname</td>
                <td>显示相对路径</td>
                <td>yes/no</td>
                <td>no</td>
            </tr>
            <tr>
                <td>ignoregit</td>
                <td>隐藏.git文件</td>
                <td>yes/no</td>
                <td>yes</td>
            </tr>
        </tbody>
    </table>

<ul>
      <li>Coffee</li>
      <li>Tea
        <ul>
          <li>Black tea</li>
          <li>Green tea
            <ol>
              <li>China</li>
              <li>Africa</li>
            </ol>
          </li>
        </ul>
      </li>
      <li>Milk</li>
    </ul>

<span class="i_small ri:thumb-up-fill"></span><br>
    <span class="i_mini ri:thumb-up-fill"></span><br>
    <span class="i ri:thumb-up-fill"></span><br>
    <span class="i_big ri:thumb-up-fill"></span><br>
    <span class="i_large ri:thumb-up-fill"></span><br>

<div class="loading listprogram">
        <article>
            <span class="article-name">
                <h4><a href="/articles/${articlesPath}/">${articlesName}</a></h4>
            </span>
            <p class="articles-info">
                <time>${articlesTime}</time> • <span class="i_small ri:archive-line"></span>
                <span class="class">
                    <a>${articlesClass}</a>/
                    <a>${articlesClass}</a>/
                    <a>${articlesClass}</a>
                </span>
            </p>
            <p class="articles-tags">
                <a>${articlesTag}</a>
                <a>${articlesTag}</a>
                <a>${articlesTag}</a>
            </p>
        </article>
        <hr>
    </div>

const siteDomain = 'https://ravelloh.top'; // 你的站点域名
    const authorINFO = {  // 你的个人信息
        name: 'RavelloH',
        email: 'ravelloh@outlook.com',
        link: 'https://ravelloh.top/',
    };

const feed = new Feed({
        title: "RavelloH's Blog / RavelloH的博客",  // 标题
        description: 'RSS - 博客文章订阅更新',        // 描述
        id: 'http://ravelloh.top/',                // id
        link: 'http://ravelloh.top/',              // 链接
        language: 'zh',                            // 语言
        image: 'https://ravelloh.top/assets/images/avatar.jpg',  // 封面
        favicon: 'https://ravelloh.top/favicon.ico',             // 站点图标
        copyright: `Copyright © 2019 - ${new Date().getFullYear()} RavelloH. All rights reserved.`,  // 版权信息
        generator: 'https://github.com/RavelloH/local-feed-generation',  // 生成器信息
        feedLinks: {  // 订阅链接
            json: 'https://ravelloh.top/feed/feed.json',
            atom: 'https://ravelloh.top/feed/atom.xml',
            rss: 'https://ravelloh.top/feed/rss.xml',
        },
        author: authorINFO,
    });

function valueSettingItems() {
        return [
            ['启用PJAX加载模式', '允许进行非刷新式页面请求，启用单页应用程序模式', 'EnablePjaxLoad'],
            ['启用PJAX Debug模式', '允许输出更多调试信息', 'EnablePjaxDebug', ''],
            ['启用instant.page预加载', '启动被动式预加载，提高响应速率', 'EnableInstantPage'],
            ['启用API预检查', '允许预先请求API地址，以预先选择响应速度更快的API', 'EnableApiPrecheck'],
            /*
            [
                '启用BaiduStatistics分析器',
                '允许将部分访问情况提交至统计服务器，以帮助分析页面',
                'EnableBaiduTongji',
                '',
            ],
            */
            /*
            [
                '启用Umami Analytics分析器',
                '允许与自建Umami服务通信，以统计页面访问情况',
                'EnableUmamiAnalytics',
            ],
            ['启用Umami 数据缓存', '允许使用会话存储以优化部分性能', 'EnableUmamiCache', ''],
            [
                '启用Umami 事件统计',
                '允许提交部分UI交互情况统计。会造成额外的网络请求',
                'EnableUmamiEvents',
            ],
            ['启用Umami API', '允许从Umami服务获取实时访客量等信息', 'EnableUmamiAPI'],
            */
            /*
            ['启用Twikoo评论', '允许与评论服务器通信，以实现评论操作', 'EnableComment'],
            */
            [
                '接管下载事件',
                '允许使用主题框架下载管理器替代浏览器下载，显示更多信息',
                'EnableDownloadFunction',
            ],
            [
                '使用Fetch下载模式',
                '使用fetch代替XMLHttpRequest下载，将无法显示进度',
                'UseFetchDownload',
                '',
            ],
            [
                '启用音乐状态保存',
                '允许将当前音乐播放列表保存至Cookie中，在页面重载后载入',
                'EnableMusicStateStorage',
            ],
            ['启用自动登录', '允许在访问时自动以登录身份重新刷新令牌', 'EnableAutoLogin'],
            /*
            ['启用站点状态显示', '允许访问Uptime服务以显示站点服务状态', 'EnableUptime'],
            */
            ['启用目录高亮', '在显示目录时自动高亮正在阅读的位置', 'EnableMenuHighlight'],
            ['启用高级超链接', '允许渲染部分高级形式超链接', 'EnableAdvanceLink'],
            ['启用标题重组', '在页面加载时自动重组标题，以提供高级锚点功能', 'EnableUpdateMenu'],
            ['启用图片预加载', '允许在页面加载时自动触发后文图片预加载', 'EnableImgPrefetch'],
            ['启用图片重组', '在页面加载时自动重组图片，以提供描述功能', 'EnableImgReset'],
            ['启用生成页面模型', '允许生成页面模型，以进行文章筛选、排序等功能', 'EnablePageModel'],
            ['启用锚点识别', '在锚点改变时运行调用相关事件，以进行索引筛选', 'EnableHashCheck'],
            ['启用导航栏高亮', '允许在页面路径变化时高亮导航栏', 'EnableNavHighlight'],
            ['启用图片放大', '允许在单击图片时放大图片', 'EnableImgZoom'],
            ['启用消息队列', '启用右下方消息队列以显示更多信息', 'EnableMessage'],
            ['启用索引数据拉取', '允许使用索引数据以进行搜索', 'EnableSearchDataGet'],
            ['跳过模型验证', '跳过本地与云端数据模型匹配', 'EnableSkipModelTest', ''],
            ['启用文章旁路推荐', '允许在文章结尾链接至上一篇/下一篇文章', 'EnableArticlesRecommand'],
        ];
    }

if (docCookies.getItem('settingEnableUmamiAnalytics') == 'false') {
    return false;
}