当然可以在浏览器端用JavaScript直接获取GitHub Gist的文本内容，我给你分享两种实用的方案，刚好能解决你提到的两个痛点：

这是最靠谱的方式，GitHub官方提供的API会返回结构化的JSON数据，不仅能拿到文件内容，还能顺便获取用户名、原始文件链接等信息，完美解决你不知道用户名的问题。而且GitHub API支持CORS，浏览器端可以直接发起请求，不用后端中转。

举个实际的代码例子，你只需要替换成你的Gist哈希值就行：

// 替换成你的Gist哈希ID
const targetGistId = "abc123def456";

fetch(`https://api.github.com/gists/${targetGistId}`)
  .then(res => {
    if (!res.ok) throw new Error(`请求出错，状态码：${res.status}`);
    return res.json();
  })
  .then(gistInfo => {
    // Gist可能包含多个文件，这里我们取第一个文件的内容
    const firstFileKey = Object.keys(gistInfo.files)[0];
    const fileContent = gistInfo.files[firstFileKey].content;
    
    // 拿到内容后你可以随便处理，比如插入到页面的某个元素里
    document.getElementById("gist-content").textContent = fileContent;
    // 如果是代码，也可以用<pre><code>标签来格式化显示
    // document.getElementById("gist-code").innerHTML = `<pre><code>${fileContent}</code></pre>`;
    
    // 顺便提一句：如果需要原始文件链接，这里也能拿到
    const rawFileUrl = gistInfo.files[firstFileKey].raw_url;
    console.log("原始文件链接：", rawFileUrl);
  })
  .catch(err => console.error("获取Gist失败：", err));

需要注意的是，GitHub API对未认证的请求有速率限制（每小时60次），如果你的静态网页访问量不大，完全够用；如果是高访问量场景，可以考虑引导用户做简单的OAuth认证来提升限制。

如果你不想用API，也可以直接请求Gist的原始文本文件，但前提是得知道正确的原始链接。而这个链接里的用户名，其实你可以通过API先获取到（就是上面方法里的gistInfo.owner.login字段），然后拼接成这样的格式：
https://gist.githubusercontent.com/{用户名}/{gist_id}/raw/{文件名}

比如拿到用户名是bacon1989，Gist ID是abc123，文件名是note.txt，那链接就是https://gist.githubusercontent.com/bacon1989/abc123/raw/note.txt。不过这种方法不如API灵活，因为如果Gist里有多个文件，你还得知道具体文件名，而且API能直接拿到所有文件的信息，一步到位。

另外你提到的嵌入Gist后DOM难解析的问题，用上面两种方法获取纯文本内容就完全避开了——你可以自己控制内容的渲染方式，想做成什么DOM结构都可以，不用去解析GitHub嵌入的复杂结构。

内容的提问来源于stack exchange，提问作者bacon1989