Git Product home page Git Product logo

mirror's Introduction

mirror's People

Contributors

genkio avatar loeify avatar mii9000 avatar notdp avatar yipf42 avatar zhangyu921 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

mirror's Issues

重新设置token报错, 401

api.github.com/graphql:1 Failed to load resource: the server responded with a status of 401 (Unauthorized)
这有没有可能是生成hash时的错误, 生成hash时是用token + xxx.github.io一直报401

文章页下方会显示issue列表

在存在较多issue情况下,通过点击more posts加载了较长的文章列表之后,如果打开其中一篇篇幅较短的文章,页面下部add comments和页脚之间会显示一个不完整的文章列表,希望能够修复一下(用的是gh-pages上的版本)。情况如下图:
default

timeline 实现难度

谢谢分享


想问下: mirror + life 有没有搞头?

从 issue 中读取内容, 每个 issue 生成一个 timeline

Wrong ordering in terms of date displayed

The order of the posts in terms of date seems a bit odd at first glance : http://ibrahim-islam.github.io
Because updated_at is displayed but the order of results returned and shown on the view is ordered by created_at. Either created_at needs to be displayed or results need to be sorted according to updated_at. @LoeiFy Let me know which one you decide and I can do a PR.

How to add comment for blog?

How to add comment for blog? I try to fitment and Disqus but not used! so I want to your blog how to add comment? thank you very much!

为何嵌入的html code无法得到渲染?

你好。
根据你的repo,我搭建了一个博客:http://mr.bright.biz.st/ ,不过某个嵌入了html code的帖子http://mr.bright.biz.st/#4 ,为何嵌入的html code无法得到渲染?
如何解决?

看到基于mirror的另一个项目https://github.com/JimmehCai/Journey,我根据它,也搭建了一个博客:
http://jn.bright.biz.st/ ,而该博客里的嵌入了html code的帖子:http://jn.bright.biz.st/#4 ,其嵌入的html code却得到了渲染,为何它的行,你的却不行呢?

Unable to parse

mirror build的时候报错Error: Unable to parse.怎么处理呢?

build.xxxx.js 404

您好, 我从npm安装最新的mirror, 生成的index.html中访问build.xxx.js的路径是 /build.xxx.js
我的项目名是blog, 访问https://zonzely.github.io/blog时, 会报build.xxx.js404, 我把index.html中的路径改成/blog/build.xxx.js就可以访问正常了。
另外, 新版本的mirror, 好像不能右键新标签打开文章了.
谢谢

不能保持token

不知道为什么 我的账号自己生成一个token 之后 ,填入index.html 访问后就报401 然后去setting 里看 token 就消失了。提示要应用授权,不知道如何是好。

Feature: 添加显示label

自己简单扩展了下,感觉代码扩展好麻烦
点击按钮可以显示所有的label,点击label显示对应的issue

Mirror

根据github issue创建博文的博客工具,简洁高效,无需折腾。

About loading animation

I think loading bar on top like Github is better.
image

I have read the source, I think we can left current loading as a alone animation that only used in first load, and make #loading be the new top loading bar that like Github.

PS: My English is bad, can I use Chinese directly here?

说下遇到的问题

windows系统下运行npm run build报错

20200403182231

然后尝试手动输入命令,并未生成打包目录和文件

20200403182409

关于 Mirror 的一些疑问

按照 http://mirror.am0200.com/#/posts/11 的描述配置完后,发现出现如下错误:

image

估计是 token 有问题?我申请的 token 如下:

ef3bb921d1efccxxxxxx535ad0319d889c66d197 ,按照描述 用 # 分割,

token: #ef3bb921d1efccxxxxxx535ad0319d889c66d197

但不清楚为什么例子给出的内容:

5#c31bffc137f44faf7efc4a84da827g7ca2cfeaa

#号前多了个5 ,不清楚是什么意思?不知道是否是因为这个问题导致?

关于 favicon 不显示的问题

请问,按照教程搭好了博客,只是 favicon 不显示,是空白的,这个要怎么解决呢,更换文件夹内的favicon.ico文件,重新 push 上来吗?

ie11报错

报错如下: Unhandled promise rejection ReferenceError: “Promise”未定义

Would it be better to add some Chinese fonts?

Hi LoeiFy,

I find this blog theme can not well support Chinese characters. In Windows rather than Mac OS, all Chinese characters will be shown in sans-serif which is not very beautiful.

To optimize the display of Chinese characters both in Windows and Mac OS, I just add PingFang SC and Microsoft YaHei into the font-family both in article list page (frontpage) and content page of my blog as follows:

font-family: apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, PingFang SC, Microsoft YaHei, sans-serif

Hope the further version of Mirror can support Chinese characters better. Thanks!

Best,
Donglei

按照教程报错,是我使用方式有问题吗?

作者你好,我在自己账户域名下(daotin.github.io),放入那三个文件,index.html代码如下:

<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<title> 前端队长Daotin </title>
</head>
<body>
<div id="root"></div>
<script src="./index.0fbaafc4.js"></script>
<script>
    window.config = {
      organization: false, // 默认是 false,如果你的项目是属于 GitHub 组织 的,请设置为 true
      order: 'CREATED_AT', // 文章排序,以 创建时间 或者 更新时间,可选值 'UPDATED_AT','CREATED_AT'
      title: 'Daotin', // 博客标题
      user: 'Daotin', // GitHub 用户名,必须
      repository: 'fe-blog', // GitHub 项目名,指定文章内容来源 issues,必须
      authors: 'Daotin', // 博客作者,以 ',' 分割,GitHub 用户名默认包含在内
      ignores: '', // 文章忽略的 issues ID
      host: '', // 博客的主域名,不填自动获取,请注意这个值会影响 hash 的值
      hash: 'ghp_gfFSku4ZU#H$VARm$g^IXAXsSmZmo!G$DUPZGFvdGldGh1Yi5pby9mZS1ibG9nLw==', // 必须
      perpage: 8, // 分页
    }
    </script>
</body>
</html>
  • repository是我另一个仓库的名称。

  • hash的获取是:

window.encrypt('<Token>', 'daotin.github.io')

提交到gh-pages下后,打开网站 https://daotin.github.io/ 报错:

image

image

是我使用方式有问题吗?

如何更新?

Mirror 更新后好像每次都要重新 init 然后覆盖配置,有点繁琐哈.

部署后第一次请求报401错误

你好,打扰了,我有个问题想请教下。
我在第一次部署后请求首页提示我401错误:
image

我查了下401是Unauthorized

我想问下这个错误你有遇到过吗?
我检查了下我的 token没有问题,配置也是参照实例配置的。
我的repo:shui/leetcode,首页:https://leetcode.adu.im/

多谢!

支持删除文章吗?

issue删除不可,但是Mirror是否可以过滤掉带有某些特征的issue,以达到删除的目的。
比如列表中不显示带有deleted标签的issue。
Mirror目前是否有这种功能?

authors问题

配置中的authors在index.html中会被不加双引号地使用,导致界面一直处于Loading状态。
实测需要加上双引号之后才能正常访问(我这边是这个情况)

原配置:
"authors":1715173329
实际应是
"authors":"1715173329"

Token 建立后被删除

建立一个 token 后,很快发现 token 被删除,Github 发来了安全警示邮件:

We noticed that a valid OAuth access token of yours was committed to a public GitHub repository. Publicly disclosing a valid access token would allow other people to interact with GitHub on your behalf, potentially altering data, your contact information, and billing data.

As a precautionary measure, we have revoked the OAuth token. A new token will need to be generated in order to continue using OAuth to authenticate to GitHub. Here are a couple of steps you can do to ensure your account security has not been compromised:

development error?

when i developmentin local, i get error:

xshot-0008

i add token only user:

xshot-0009

i should how to resolve the error?

文章列表页面的时间戳问题

你好,感谢你的贡献,你的博客系统十分优雅,我一直有在使用。但是期间遇到一个疑问,文章列表页面的时间戳貌似是根据 issue 的更新时间来就决定的,请问能不能改成 issue 的创建时间呢?因为我有时候回 review 自己的 blog issue ,可能会在同一天对许多博客都做了更改,这样在文章列表上的时间都变成同一天了,窃以为这样有点不雅观。
感谢你阅读我的 issue 。

建议:评论,搜索,tag

首先必须赞,这是我看过的众多issue blog中审美最好的一个,使用体验也很流畅。

要说改进的话

  1. 目前评论需要跳转、不会自动加载。
  2. 无法搜索文章
  3. 主页内无法分类查看文章
  4. 使用tag查看文章需要跳转
  5. 滚动条无法拖动

这些是博文读者会面临的几个痛点。

作为开发者的话,希望文档再丰富一些,不管是私人定制还是参与开发都会方便很多。

can't read issue from target repo.

index.html:

// Define
var config = {
    user:       'shnode',                                       // GitHub Username
    repo:       'trashy-notes',                                     // GitHub Repo
    token:      '2322a49be80'+'2d09bd95e3a1e3cd58776b31c584c',  // Github access_token
    info:       'Be cool, but also be warm',                   // About Yourself
    per_page:   9,                                              // Per Page Posts Number
    behance:    '',                                             // Behance URL
    dribbble:   '',                                             // Dribbble URL
    instagram:  ''                                              // Instagram URL
}

issue repo: link
with api link returns right response: https://api.github.com/repos/shnode/trashy-notes/issues
but there is no posts when access Mirror.

what happened...

Proxy替换Observer该如何实现呢?

现在源码中用的是Observer, 创建实例的时候传入了mirror这个对象, 然后还有个watch监听方法, 如果换成Proxy实现的话, 是不是应该是这样:

let handler  = {
    // Observer constructor()
    get(){
        
    }
}
new Proxy(mirror, handler)

handler的get()方法是否相当于Observer的constructor()方法, 但是Proxy怎么实现像Observer的watch()方法呢?因为在程序入口处用了Observer的watch方法.

observer.watch({
    user: '',
    issues: '',
    issue: '',
    comments: ''
})

大佬有时间的话指点一下, 谢谢!!!

几个问题

4.0版本的几个问题:
1、Label 只在首页显示而在blog单页中不显示?
2、为什么我的顶部主页小图标的链接重复显示我的主页地址? worz.net/worz.net 这样。
3、有可能调整字体大小么?现在的正文字体太小了,还是说抓取 issues 内容只能是缺省的大小?

i'm reading your source code, i have a problem invited you

i found in source code, many class has get xx(), i'm not undertand What time use get xx(), and what time not use get xx()? the both difference?

example:

class User {
    constructor(selector) {
        this.container = $(selector)
        this.user = null
    }

    get email() {
        const email = this.user.email || this.user.organizationBillingEmail
        return email ? `<a target="_blank" href="mailto:${email}">${emailIcon}</a>` : ''
    }
}

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.