Loading... <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAA1JREFUCJljePfx038ACXMD0ZVlJAYAAAAASUVORK5CYII=" data-original="https://fehey.com/post-images/hve-notes-start.jpg" alt="" /> 如果你使用过 <strong>Hexo</strong> 等工具基于 <strong>Github</strong> 做个人博客,那么恭喜你,你可以很轻松的上手使用<strong>Gridea</strong> 如果你以前没有使用过,那么希望这篇文章可以帮助你顺利的完成博客搭建。话不多说,Let's Go! <font style="color:red">由于项目之前叫做 Hve Notes,所以截图还是旧版软件,但不影响使用,各位小伙伴先将就咯</font> <h2>准备工作</h2> <blockquote> 由于 Github 和 Coding 的步骤差不多,下面就以 Github 为例来操作一下 </blockquote> <strong>必须:确保你已经安装过 <span class="external-link"><a class="no-external-link" href="https://git-scm.com/downloads" target="_blank">Git<i data-feather='external-link'></i></a></span> 和 <span class="external-link"><a class="no-external-link" href="https://gridea.dev/" target="_blank">Gridea<i data-feather='external-link'></i></a></span></strong> <strong>注意:同步会覆盖掉仓库的文件,若仓库内有需要备份的,请手动备份</strong> 首先你需要一个 <span class="external-link"><a class="no-external-link" href="http://github.com" target="_blank">Github<i data-feather='external-link'></i></a></span> 账号,如果没有的话,快去注册一个吧! 登录 Github,然后进入到 <span class="external-link"><a class="no-external-link" href="https://github.com/settings/tokens/new" target="_blank">这里<i data-feather='external-link'></i></a></span> 创建一个 <strong>Token</strong>,勾选上 <strong>repo</strong> 的相关权限即可,下面是对应的截图示例: <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAA1JREFUCJljePfx038ACXMD0ZVlJAYAAAAASUVORK5CYII=" data-original="https://fehey.com/post-images/1550403256560.png" alt="Github Personal access tokesn" /> 生成之后你可以复制 <strong>Token</strong> 到你可以再次找到的某个地方,因为一旦你关了这个网页就再也不会看到它了,稍后会在软件中使用 <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAA1JREFUCJljePfx038ACXMD0ZVlJAYAAAAASUVORK5CYII=" data-original="https://fehey.com/post-images/1550403732691.png" alt="Token示例" /> 接下来你需要创建一个仓库,用来存放博客构建后的静态文件。我们建议你创建仓库名为 <strong>用户名.github.io</strong> 的仓库,因为 Github 会默认将此仓库设置成 <span class="external-link"><a class="no-external-link" href="https://pages.github.com/" target="_blank">Github Pages<i data-feather='external-link'></i></a></span> 可访问类型,若不是用此命名的仓库,则不能默认使用 Github Pages,所以请认真确认。例如我的 Github 用户名为 <strong>EryouHao</strong>,则仓库名为 <strong>EryouHao.github.io</strong>。使用这种方式还有一个好处是,在没有自定义域名的情况下,使你的博客域名更短。当然如果想使用其他仓库来存放博客静态文件的话,也不是不可以,只不过,存放之后,若没有设置自定义域名,则访问地址将变成 <code>https://用户名.github.io/blog</code> (blog 为仓库名)这种二级目录的形式。 <h2>开始使用</h2> 打开 <strong>Hve Notes</strong> 进入到<strong>配置</strong>页面,然后按照下面示例,输入相关配置并保存 <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAA1JREFUCJljePfx038ACXMD0ZVlJAYAAAAASUVORK5CYII=" data-original="https://fehey.com/post-images/1550405739647.png" alt="配置示例" /> 在不开启文章评论的情况下,到此为止,你已经可以点击预览,点击同步进行博客部署啦,快去试试看吧!(当然在不同步的情况下) <h2>开启文章评论</h2> <strong>Hve Notes</strong> 目前提供了 <span class="external-link"><a class="no-external-link" href="https://github.com/gitalk/gitalk/blob/master/readme-cn.md" target="_blank">Gitalk<i data-feather='external-link'></i></a></span> 和 <a href="">Disqus</a> 两种评论系统支持。 <blockquote> Gitalk 是一个基于 GitHub Issue 和 Preact 开发的评论插件。如果你博客使用的是 Gitalk 的话,建议你可以选择 Gitalk 来作为评论插件。 </blockquote> 你可以按照 <span class="external-link"><a class="no-external-link" href="https://github.com/gitalk/gitalk/blob/master/readme-cn.md" target="_blank">Gitalk 的文档<i data-feather='external-link'></i></a></span> 进行相关字段配置,或者按照下面的步骤操作。 首先你需要有一个 <strong>Github OAuth Application</strong>,点击<span class="external-link"><a class="no-external-link" href="https://github.com/settings/applications/new" target="_blank">这里<i data-feather='external-link'></i></a></span>创建,字段填写可以参照下图 <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAA1JREFUCJljePfx038ACXMD0ZVlJAYAAAAASUVORK5CYII=" data-original="https://fehey.com/post-images/1550455713413.png" alt="Github OAuth" /> 创建完成后可将 <strong>Client ID</strong> 和 <strong>Client Secret</strong>复制一下,保存到本地 <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAA1JREFUCJljePfx038ACXMD0ZVlJAYAAAAASUVORK5CYII=" data-original="https://fehey.com/post-images/1550455918492.png" alt="" /> 接下来就可以去应用里面填写对应的信息,并开启评论 <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAA1JREFUCJljePfx038ACXMD0ZVlJAYAAAAASUVORK5CYII=" data-original="https://fehey.com/post-images/1550456148809.png" alt="" /> 这样评论插件就设置好了,在预览时会在文章页显示评论模块,但不会显示具体的评论信息,因为这个是本地预览,而 <strong>Github OAuth</strong> 设置的域名为线上的域名。待博客同步到线上时就可以显示啦! 快快开始你的创作吧!<hr class="content-copyright" style="margin-top:50px" /><blockquote class="content-copyright" style="font-style:normal"><p class="content-copyright">版权属于:孟小N</p><p class="content-copyright">本文链接:<a class="content-copyright" href="https://ivmoe.com/26.html">https://ivmoe.com/26.html</a></p><p class="content-copyright">除非特别声明,否则本站文章均为原创,转载时须注明出处及本声明</p></blockquote> 最后修改:2020 年 10 月 11 日 12 : 22 AM © 允许规范转载 赞赏 如果觉得我的文章对你有用,请随意赞赏 ×Close 赞赏作者 扫一扫支付 支付宝支付 微信支付
我用gridea 在GitHub上搭建静态博客,访问速度非常非常慢,请问有解决方案嘛?
同步到 Vercel 上会快很多
比GitHub page要好用么,我回头试试
说实话,用GitHub的page服务访问特别慢这个东西都会有,你可以套个CDN 试试
对了,每个地区的访问速度是不一样的,可能你所在的地区访问GitHub就慢,我老家也慢,但是在北京就比较快
:grin: 静态的从来没折腾成功过。
你试试这个,这个很简单,下载一个Git,弄一个GitHub page 。按照教程一步步操作就可以了
程序不错,就是主题没啥亮点。
是的啊,程序很好,就是主题差点,要是大神的话 可以搬几套hexo的主题过来的