1+ <!DOCTYPE html>
2+ < html >
3+ < head > < meta name ="generator " content ="Hexo 3.9.0 ">
4+ < meta charset ="utf-8 ">
5+
6+
7+
8+ < title > 首页 | gitalk 插件官方文档</ title >
9+ < meta name ="viewport " content ="width=device-width, initial-scale=1, maximum-scale=1 ">
10+ < meta name ="description " content ="欢迎访问 hexo-plugin-gitalk 官网 👋 Hexo 整合 gitalk 插件实现评论功能 🏠 主页效果 用法Step #1 - 更新 _config.yml 配置文件在 _config.yml 配置文件中,配置 gitalk 插件相关信息,详情见 gitalk. 123456789plugins: gitalk: clientID: GitHub Applicati ">
11+ < meta name ="keywords " content ="hexo-plugin-gitalk,gitbook-plugin-mygitalk,gitalk,gitment,discuss,comment,issues,github,hexo,gitbook ">
12+ < meta property ="og:type " content ="article ">
13+ < meta property ="og:title " content ="首页 ">
14+ < meta property ="og:url " content ="https://snowdreams1006.github.io/hexo-plugin-gitalk/2019/10/16/README/index.html ">
15+ < meta property ="og:site_name " content ="gitalk 插件官方文档 ">
16+ < meta property ="og:description " content ="欢迎访问 hexo-plugin-gitalk 官网 👋 Hexo 整合 gitalk 插件实现评论功能 🏠 主页效果 用法Step #1 - 更新 _config.yml 配置文件在 _config.yml 配置文件中,配置 gitalk 插件相关信息,详情见 gitalk. 123456789plugins: gitalk: clientID: GitHub Applicati ">
17+ < meta property ="og:locale " content ="zh-CN ">
18+ < meta property ="og:image " content ="https://img.shields.io/npm/v/hexo-plugin-gitalk.svg ">
19+ < meta property ="og:image " content ="https://img.shields.io/npm/dt/hexo-plugin-gitalk.svg ">
20+ < meta property ="og:image " content ="https://img.shields.io/badge/documentation-yes-brightgreen.svg ">
21+ < meta property ="og:image " content ="https://img.shields.io/badge/Maintained%3F-yes-green.svg ">
22+ < meta property ="og:image " content ="https://img.shields.io/npm/l/hexo-plugin-gitalk.svg ">
23+ < meta property ="og:image " content ="https://img.shields.io/badge/github-snowdreams1006-brightgreen.svg ">
24+ < meta property ="og:image " content ="https://img.shields.io/badge/%E5%BE%AE%E4%BF%A1%E5%85%AC%E4%BC%97%E5%8F%B7-%E9%9B%AA%E4%B9%8B%E6%A2%A6%E6%8A%80%E6%9C%AF%E9%A9%BF%E7%AB%99-brightgreen.svg ">
25+ < meta property ="og:image " content ="https://snowdreams1006.github.io/hexo-plugin-gitalk/2019/10/16/README/gitalk-use-preview.png ">
26+ < meta property ="og:updated_time " content ="2019-10-16T01:16:47.349Z ">
27+ < meta name ="twitter:card " content ="summary ">
28+ < meta name ="twitter:title " content ="首页 ">
29+ < meta name ="twitter:description " content ="欢迎访问 hexo-plugin-gitalk 官网 👋 Hexo 整合 gitalk 插件实现评论功能 🏠 主页效果 用法Step #1 - 更新 _config.yml 配置文件在 _config.yml 配置文件中,配置 gitalk 插件相关信息,详情见 gitalk. 123456789plugins: gitalk: clientID: GitHub Applicati ">
30+ < meta name ="twitter:image " content ="https://img.shields.io/npm/v/hexo-plugin-gitalk.svg ">
31+
32+ < link rel ="alternate " href ="/hexo-plugin-gitalk/atom.xml " title ="gitalk 插件官方文档 " type ="application/atom+xml ">
33+
34+
35+ < link rel ="icon " href ="/favicon.png ">
36+
37+
38+ < link href ="//fonts.googleapis.com/css?family=Source+Code+Pro " rel ="stylesheet " type ="text/css ">
39+
40+ < link rel ="stylesheet " href ="/hexo-plugin-gitalk/css/style.css ">
41+ </ head >
42+ </ html >
43+ < body >
44+ < div id ="container ">
45+ < div id ="wrap ">
46+ < header id ="header ">
47+ < div id ="banner "> </ div >
48+ < div id ="header-outer " class ="outer ">
49+ < div id ="header-title " class ="inner ">
50+ < h1 id ="logo-wrap ">
51+ < a href ="/hexo-plugin-gitalk/ " id ="logo "> gitalk 插件官方文档</ a >
52+ </ h1 >
53+
54+ < h2 id ="subtitle-wrap ">
55+ < a href ="/hexo-plugin-gitalk/ " id ="subtitle "> hexo-plugin-gitalk</ a >
56+ </ h2 >
57+
58+ </ div >
59+ < div id ="header-inner " class ="inner ">
60+ < nav id ="main-nav ">
61+ < a id ="main-nav-toggle " class ="nav-icon "> </ a >
62+
63+ < a class ="main-nav-link " href ="/hexo-plugin-gitalk/ "> Home</ a >
64+
65+ < a class ="main-nav-link " href ="/hexo-plugin-gitalk/archives "> Archives</ a >
66+
67+ </ nav >
68+ < nav id ="sub-nav ">
69+
70+ < a id ="nav-rss-link " class ="nav-icon " href ="/hexo-plugin-gitalk/atom.xml " title ="RSS Feed "> </ a >
71+
72+ < a id ="nav-search-btn " class ="nav-icon " title ="搜索 "> </ a >
73+ </ nav >
74+ < div id ="search-form-wrap ">
75+ < form action ="//google.com/search " method ="get " accept-charset ="UTF-8 " class ="search-form "> < input type ="search " name ="q " class ="search-form-input " placeholder ="Search "> < button type ="submit " class ="search-form-submit "> </ button > < input type ="hidden " name ="sitesearch " value ="https://snowdreams1006.github.io/hexo-plugin-gitalk "> </ form >
76+ </ div >
77+ </ div >
78+ </ div >
79+ </ header >
80+ < div class ="outer ">
81+ < section id ="main "> < article id ="post-README " class ="article article-type-post " itemscope itemprop ="blogPost ">
82+ < div class ="article-meta ">
83+ < a href ="/hexo-plugin-gitalk/2019/10/16/README/ " class ="article-date ">
84+ < time datetime ="2019-10-15T17:47:52.000Z " itemprop ="datePublished "> 2019-10-16</ time >
85+ </ a >
86+
87+ </ div >
88+ < div class ="article-inner ">
89+
90+
91+ < header class ="article-header ">
92+
93+
94+ < h1 class ="article-title " itemprop ="name ">
95+ 首页
96+ </ h1 >
97+
98+
99+ </ header >
100+
101+ < div class ="article-entry " itemprop ="articleBody ">
102+
103+ < h1 id ="欢迎访问-hexo-plugin-gitalk-官网-👋 "> < a href ="#欢迎访问-hexo-plugin-gitalk-官网-👋 " class ="headerlink " title ="欢迎访问 hexo-plugin-gitalk 官网 👋 "> </ a > 欢迎访问 hexo-plugin-gitalk 官网 👋</ h1 > < p > < a href ="https://www.npmjs.com/package/hexo-plugin-gitalk " target ="_blank " rel ="noopener "> < img src ="https://img.shields.io/npm/v/hexo-plugin-gitalk.svg " alt ="npm:version "> </ a > < br > < a href ="https://www.npmjs.com/package/hexo-plugin-gitalk " target ="_blank " rel ="noopener "> < img src ="https://img.shields.io/npm/dt/hexo-plugin-gitalk.svg " alt ="npm:download "> </ a > < br > < a href ="https://github.com/snowdreams1006/hexo-plugin-gitalk#readme " target ="_blank " rel ="noopener "> < img src ="https://img.shields.io/badge/documentation-yes-brightgreen.svg " alt ="github:documentation "> </ a > < br > < a href ="https://github.com/snowdreams1006/hexo-plugin-gitalk/graphs/commit-activity " target ="_blank " rel ="noopener "> < img src ="https://img.shields.io/badge/Maintained%3F-yes-green.svg " alt ="github:maintenance "> </ a > < br > < a href ="https://github.com/snowdreams1006/hexo-plugin-gitalk/blob/master/LICENSE " target ="_blank " rel ="noopener "> < img src ="https://img.shields.io/npm/l/hexo-plugin-gitalk.svg " alt ="npm:license "> </ a > < br > < a href ="https://github.com/snowdreams1006 " target ="_blank " rel ="noopener "> < img src ="https://img.shields.io/badge/github-snowdreams1006-brightgreen.svg " alt ="github:snodreams1006 "> </ a > < br > < a href ="https://snowdreams1006.github.io/snowdreams1006-wechat-public.jpeg "> < img src ="https://img.shields.io/badge/%E5%BE%AE%E4%BF%A1%E5%85%AC%E4%BC%97%E5%8F%B7-%E9%9B%AA%E4%B9%8B%E6%A2%A6%E6%8A%80%E6%9C%AF%E9%A9%BF%E7%AB%99-brightgreen.svg " alt ="微信公众号:雪之梦技术驿站-brightgreen.svg "> </ a > </ p >
104+ < blockquote >
105+ < p > Hexo 整合 gitalk 插件实现评论功能</ p >
106+ </ blockquote >
107+ < h3 id ="🏠-主页 "> < a href ="#🏠-主页 " class ="headerlink " title ="🏠 主页 "> </ a > 🏠 < a href ="https://github.com/snowdreams1006/hexo-plugin-gitalk#readme " target ="_blank " rel ="noopener "> 主页</ a > </ h3 > < h2 id ="效果 "> < a href ="#效果 " class ="headerlink " title ="效果 "> </ a > 效果</ h2 > < p > < img src ="gitalk-use-preview.png " alt ="gitalk-use-preview.png "> </ p >
108+ < h2 id ="用法 "> < a href ="#用法 " class ="headerlink " title ="用法 "> </ a > 用法</ h2 > < h3 id ="Step-1-更新-config-yml-配置文件 "> < a href ="#Step-1-更新-config-yml-配置文件 " class ="headerlink " title ="Step #1 - 更新 _config.yml 配置文件 "> </ a > Step #1 - 更新 < code > _config.yml</ code > 配置文件</ h3 > < p > 在 < code > _config.yml</ code > 配置文件中,配置 < code > gitalk</ code > 插件相关信息,详情见 < a href ="https://github.com/gitalk/gitalk " target ="_blank " rel ="noopener "> gitalk</ a > .</ p >
109+ < figure class ="highlight yml "> < 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 > </ pre > </ td > < td class ="code "> < pre > < span class ="line "> < span class ="attr "> plugins:</ span > </ span > < br > < span class ="line "> < span class ="attr "> gitalk:</ span > </ span > < br > < span class ="line "> < span class ="attr "> clientID:</ span > < span class ="string "> GitHub</ span > < span class ="string "> Application</ span > < span class ="string "> Client</ span > < span class ="string "> ID</ span > </ span > < br > < span class ="line "> < span class ="attr "> clientSecret:</ span > < span class ="string "> GitHub</ span > < span class ="string "> Application</ span > < span class ="string "> Client</ span > < span class ="string "> Secret</ span > </ span > < br > < span class ="line "> < span class ="attr "> repo:</ span > < span class ="string "> GitHub</ span > < span class ="string "> repo</ span > </ span > < br > < span class ="line "> < span class ="attr "> owner:</ span > < span class ="string "> GitHub</ span > < span class ="string "> repo</ span > < span class ="string "> owner</ span > </ span > < br > < span class ="line "> < span class ="attr "> admin:</ span > </ span > < br > < span class ="line "> < span class ="bullet "> -</ span > < span class ="string "> GitHub</ span > < span class ="string "> repo</ span > < span class ="string "> owner</ span > < span class ="string "> and</ span > < span class ="string "> collaborators,</ span > < span class ="string "> only</ span > < span class ="string "> these</ span > < span class ="string "> guys</ span > < span class ="string "> can</ span > < span class ="string "> initialize</ span > < span class ="string "> github</ span > < span class ="string "> issues</ span > </ span > < br > < span class ="line "> < span class ="attr "> distractionFreeMode:</ span > < span class ="literal "> false</ span > </ span > < br > </ pre > </ td > </ tr > </ table > </ figure >
110+
111+ < blockquote >
112+ < p > 注意: 前往 < a href ="https://github.com/gitalk/gitalk " target ="_blank " rel ="noopener "> gitalk</ a > 申请开通 < code > gitalk</ code > 功能后,< strong > 一定要替换成自己的相关配置</ strong > !</ p >
113+ </ blockquote >
114+ < p > 其中,配置参数含义如下: </ p >
115+ < ul >
116+ < li > < strong > clientID</ strong > < code > String</ code > < br > < strong > 必须</ strong > . GitHub Application Client ID.</ li >
117+ < li > < strong > clientSecret</ strong > < code > String</ code > < br > < strong > 必须</ strong > . GitHub Application Client Secret.</ li >
118+ < li > < strong > repo</ strong > < code > String</ code > < br > < strong > 必须</ strong > . GitHub repository.</ li >
119+ < li > < strong > owner</ strong > < code > String</ code > < br > < strong > 必须</ strong > . GitHub repository 所有者,可以是个人或者组织.</ li >
120+ < li > < strong > admin</ strong > < code > Array</ code > < br > < strong > 必须</ strong > . GitHub repository 的所有者和合作者(对这个 repository 有写权限的用户)</ li >
121+ < li > < strong > distractionFreeMode</ strong > < code > Boolean</ code > < br > Default: false< br > 类似Facebook评论框的全屏遮罩效果.</ li >
122+ </ ul >
123+ < h3 id ="Step-2-运行-hexo-相关命令 "> < a href ="#Step-2-运行-hexo-相关命令 " class ="headerlink " title ="Step #2 - 运行 hexo 相关命令 "> </ a > Step #2 - 运行 hexo 相关命令</ h3 > < ul >
124+ < li > 运行 < code > npm install</ code > 命令安装到本地项目</ li >
125+ </ ul >
126+ < figure class ="highlight bash "> < table > < tr > < td class ="gutter "> < pre > < span class ="line "> 1</ span > < br > </ pre > </ td > < td class ="code "> < pre > < span class ="line "> $ npm install hexo-plugin-gitalk --save</ span > < br > </ pre > </ td > </ tr > </ table > </ figure >
127+
128+ < ul >
129+ < li > 运行 < code > hexo generate</ code > 命令构建本地项目或者 < code > hexo server</ code > 启动本地服务.</ li >
130+ </ ul >
131+ < figure class ="highlight bash "> < table > < tr > < td class ="gutter "> < pre > < span class ="line "> 1</ span > < br > </ pre > </ td > < td class ="code "> < pre > < span class ="line "> $ hexo generate</ span > < br > </ pre > </ td > </ tr > </ table > </ figure >
132+
133+ < p > 或者</ p >
134+ < figure class ="highlight bash "> < table > < tr > < td class ="gutter "> < pre > < span class ="line "> 1</ span > < br > </ pre > </ td > < td class ="code "> < pre > < span class ="line "> $ hexo server</ span > < br > </ pre > </ td > </ tr > </ table > </ figure >
135+
136+ < h2 id ="示例 "> < a href ="#示例 " class ="headerlink " title ="示例 "> </ a > 示例</ h2 > < p > 不仅 < a href ="https://github.com/snowdreams1006/hexo-plugin-gitalk " target ="_blank " rel ="noopener "> hexo-plugin-gitalk</ a > < strong > 官方文档</ strong > 已整合 < code > gitalk</ code > 版权保护插件,此外还提供了示例项目,详情参考 < code > example</ code > 目录.</ p >
137+ < ul >
138+ < li > < a href ="https://github.com/snowdreams1006/hexo-plugin-gitalk/tree/master/docs " target ="_blank " rel ="noopener "> 官方文档</ a > </ li >
139+ < li > < a href ="https://github.com/snowdreams1006/hexo-plugin-gitalk/tree/master/example " target ="_blank " rel ="noopener "> 官方示例</ a > </ li >
140+ </ ul >
141+ < h2 id ="作者 "> < a href ="#作者 " class ="headerlink " title ="作者 "> </ a > 作者</ h2 > < p > 👤 < strong > snowdreams1006</ strong > </ p >
142+ < ul >
143+ < li > Github: < a href ="https://github.com/snowdreams1006 " target ="_blank " rel ="noopener "> @snowdreams1006</ a > </ li >
144+ < li > Email: < a href ="mailto:snowdreams1006@163.com " target ="_blank " rel ="noopener "> snowdreams1006@163.com</ a > </ li >
145+ </ ul >
146+ < h2 id ="🤝-贡献 "> < a href ="#🤝-贡献 " class ="headerlink " title ="🤝 贡献 "> </ a > 🤝 贡献</ h2 > < p > 如果你想贡献自己的一份力量,欢迎提交 < a href ="https://github.com/snowdreams1006/hexo-plugin-gitalk/issues " target ="_blank " rel ="noopener "> < code > Issues</ code > </ a > 或者 < code > Pull Request</ code > 请求!</ p >
147+ < h2 id ="支持 "> < a href ="#支持 " class ="headerlink " title ="支持 "> </ a > 支持</ h2 > < p > 如果本项目对你有所帮助,欢迎 ⭐️ < a href ="https://github.com/snowdreams1006/hexo-plugin-gitalk " target ="_blank " rel ="noopener "> hexo-plugin-gitalk</ a > 项目,感谢你的支持与认可!</ p >
148+ < h2 id ="📝-版权 "> < a href ="#📝-版权 " class ="headerlink " title ="📝 版权 "> </ a > 📝 版权</ h2 > < p > Copyright © 2019 < a href ="https://github.com/snowdreams1006 " target ="_blank " rel ="noopener "> snowdreams1006</ a > .</ p >
149+ < p > This project is < a href ="https://github.com/snowdreams1006/hexo-plugin-gitalk/blob/master/LICENSE " target ="_blank " rel ="noopener "> MIT</ a > licensed.</ p >
150+
151+ < div id ="gitalk-container "> </ div >
152+ < link rel ="stylesheet " href ="https://unpkg.com/gitalk/dist/gitalk.css "> < script src ="https://unpkg.com/gitalk/dist/gitalk.min.js "> </ script >
153+ < script > new Gitalk ( { "clientID" :"3f62415a283d19cbd696" , "clientSecret" :"aed0e1db0620bf5d0e3a3f0225f801997ad74e58" , "repo" :"hexo-plugin-gitalk" , "owner" :"snowdreams1006" , "admin" :[ "snowdreams1006" ] , "distractionFreeMode" :false } ) . render ( "gitalk-container" ) </ script >
154+
155+ </ div >
156+ < footer class ="article-footer ">
157+ < a data-url ="https://snowdreams1006.github.io/hexo-plugin-gitalk/2019/10/16/README/ " data-id ="ck1sl9asq0000z418afu36q2r " class ="article-share-link "> Share</ a >
158+
159+
160+ </ footer >
161+ </ div >
162+
163+
164+
165+ </ article >
166+
167+
168+
169+
170+
171+ </ section >
172+
173+ < aside id ="sidebar ">
174+
175+
176+
177+
178+
179+
180+
181+
182+
183+
184+ < div class ="widget-wrap ">
185+ < h3 class ="widget-title "> 归档</ h3 >
186+ < div class ="widget ">
187+ < ul class ="archive-list "> < li class ="archive-list-item "> < a class ="archive-list-link " href ="/hexo-plugin-gitalk/archives/2019/10/ "> 十月 2019</ a > </ li > </ ul >
188+ </ div >
189+ </ div >
190+
191+
192+
193+
194+ < div class ="widget-wrap ">
195+ < h3 class ="widget-title "> 最新文章</ h3 >
196+ < div class ="widget ">
197+ < ul >
198+
199+ < li >
200+ < a href ="/hexo-plugin-gitalk/2019/10/16/README/ "> 首页</ a >
201+ </ li >
202+
203+ </ ul >
204+ </ div >
205+ </ div >
206+
207+
208+ </ aside >
209+
210+ </ div >
211+ < footer id ="footer ">
212+
213+ < div class ="outer ">
214+ < div id ="footer-info " class ="inner ">
215+ © 2019 snowdreams1006< br >
216+ Powered by < a href ="http://hexo.io/ " target ="_blank "> Hexo</ a >
217+ </ div >
218+ </ div >
219+ </ footer >
220+ </ div >
221+ < nav id ="mobile-nav ">
222+
223+ < a href ="/hexo-plugin-gitalk/ " class ="mobile-nav-link "> Home</ a >
224+
225+ < a href ="/hexo-plugin-gitalk/archives " class ="mobile-nav-link "> Archives</ a >
226+
227+ </ nav >
228+
229+
230+ < script src ="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js "> </ script >
231+
232+
233+ < link rel ="stylesheet " href ="/hexo-plugin-gitalk/fancybox/jquery.fancybox.css ">
234+ < script src ="/hexo-plugin-gitalk/fancybox/jquery.fancybox.pack.js "> </ script >
235+
236+
237+ < script src ="/hexo-plugin-gitalk/js/script.js "> </ script >
238+
239+
240+
241+ </ div >
242+ </ body >
243+ </ html>
0 commit comments