PageSourceSearch

https://cardinfolink.github.io/2016/11/10/how-add-blog/

html cardinfolink.github.io collected 2026-10-03 08:45:13 UTC 16,220 bytes, 533 lines download raw bytes

1<!DOCTYPE html>
2<html>
3
4  <head>
5    <meta charset="utf-8">
6    <meta http-equiv="X-UA-Compatible" content="IE=edge">
7    <meta name="viewport" content="width=device-width, initial-scale=1">
8
9    <title>如何在这里发布自己的文章</title>
10    <meta name="description" content="你可以在这里记录在讯联的点点滴滴,无论技术分享还是生活随笔。">
11
12    <link rel="shortcut icon" href="/favicon.ico?" type="image/x-icon">
13    <link rel="icon" href="/favicon.ico?" type="image/x-icon">
14    <link rel="stylesheet" href="/css/fontawesome/css/font-awesome.min.css ">
15    <link rel="stylesheet" href="/css/main.css ">
16    <link rel="canonical" href="http://cardinfolink.github.io/2016/11/10/how-add-blog/">
17    <link rel="alternate" type="application/rss+xml" title="Cardinfolink" href="http://cardinfolink.github.io/feed.xml ">
18
19    <!-- share.css -->
20    <link rel="stylesheet" href="/css/share/css/share.min.css">
21
22
23
24    
24<script>
25    // google analytics
vendor: 365 bytes, lines 25-31
25
26      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
27      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
28      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
29      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
30
31      ga('create', '
31UA-71851539-15
vendor: 47 bytes, lines 31-34
31', 'auto');
32      ga('send', 'pageview');
33
34    
34</script>
34
35
36</head>
37
38
39  <body>
40
41    <header id="top">
42    <div class="wrapper">
43        <a href="/" class="brand">Cardinfolink</a>
44        <small>讯联数据</small>
45        <button id="headerMenu" class="menu"><i class="fa fa-bars"></i></button>
46        <nav id="headerNav">
47            <ul>
48                <li>
49                    
50                    <a href="/">
51                    
52                        <i class="fa fa-home"></i>主页
53                    </a>
54                </li>
55
56                
57                    
58                    <li>
59                        
60                        <a href="/collection/">
61                        
62                            <i class="fa fa-bookmark"></i>讯联早报
63                        </a>
64                    </li>
65                    
66                
67                    
68                    <li>
69                        
70                        <a href="/archive/">
71                        
72                            <i class="fa fa-archive"></i>归档
73                        </a>
74                    </li>
75                    
76                
77                    
78                    <li>
79                        
80                        <a href="/tag/">
81                        
82                            <i class="fa fa-tags"></i>标签
83                        </a>
84                    </li>
85                    
86                
87                    
88                    <li>
89                        
90                        <a href="/category/">
91                        
92                            <i class="fa fa-th-list"></i>分类
93                        </a>
94                    </li>
95                    
96                
97                    
98                    <li>
99                        
100                        <a href="/about/">
101                        
102                            <i class="fa fa-heart"></i>关于
103                        </a>
104                    </li>
105                    
106                
107                    
108                    <li>
109                        
110                        <a href="/project/">
111                        
112                            <i class="fa fa-folder"></i>项目
113                        </a>
114                    </li>
115                    
116                
117                    
118                
119                    
120                
121                    
122                
123                    
124                
125                    
126                
127                    
128                
129            </ul>
130        </nav>
131    </div>
132</header>
133
134
135        <div class="page clearfix" post>
136    <div class="left">
137        <h1>如何在这里发布自己的文章</h1>
138        <div class="label">
139
140            <div class="label-card">
141                <i class="fa fa-calendar"></i>2016-11-10
142            </div>
143
144            <div class="label-card">
145                <i class="fa fa-user"></i>ChenFeng
146                
147            </div>
148
149            <div class="label-card">
150                
151            </div>
152
153            <div class="label-card">
154            
155
156
157<!-- <span class="point">•</span> -->
158<span class="categories">
159  <i class="fa fa-th-list"></i>
160  
161    
162        <a href="/category/#note" title="Category: note" rel="category">note</a>
163    
164  
165
166  <!-- <span class="point">•</span> -->
167</span>
168
169
170            </div>
171
172            <div class="label-card">
173            
174<!-- <span class="point">•</span> -->
175<span class="pageTag">
176  <i class="fa fa-tags"></i>
177  
178    
179        <!--a href="/tag/#cardinfolink" title="Tag: cardinfolink" rel="tag">cardinfolink</a-->
180        <a href="/tag/#cardinfolink" title="Tag: cardinfolink" rel="tag">cardinfolink</a>&nbsp;
181    
182        <!--a href="/tag/#%E6%95%99%E7%A8%8B" title="Tag: 教程" rel="tag">教程</a-->
183        <a href="/tag/#教程" title="Tag: 教程" rel="tag">教程</a>
184    
185  
186
187</span>
188
189            </div>
190
191        </div>
192        <hr>
193        <article itemscope itemtype="http://schema.org/BlogPosting">
194        <h3 id="fork-仓库">Fork 仓库</h3>
195
196<p>访问讯联仓库地址 <a href="https://github.com/CardInfoLink/Cardinfolink.github.io">https://github.com/CardInfoLink/Cardinfolink.github.io</a> 并 Fork 到自己的某个组织。</p>
197
198<p><img src="../../../../image/E0646CE1-7729-445C-88EC-2094EAE45D52.png" alt="" /></p>
199
200<h3 id="clone-仓库">clone 仓库</h3>
201
202<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>	$ git clone [email protected]:xxxx/Cardinfolink.github.io.git
203	// 替换成正确的地址
204</code></pre></div></div>
205
206<h3 id="新增文章">新增文章</h3>
207
208<ul>
209  <li>打开项目</li>
210</ul>
211
212<p>使用文本编辑器打开上一步 clone 下来的项目,并在 <code class="language-plaintext highlighter-rouge">_post</code>
212 目录下新增自己的文章,如图:</p>
213
214<p><img src="../../../../image/662AE1C7-2B48-4E96-AE6E-2DCB5C696526.png" alt="" /></p>
215
216<ul>
217  <li>文件名命名规范:</li>
218</ul>
219
220<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>	YYYY-MM-DD-blog-title.markdown //年-月-日-文章名字.markdown
221</code></pre></div></div>
222<p>如:<code class="language-plaintext highlighter-rouge">2016-11-10-how-add-blog.markdown</code></p>
223
224<ul>
225  <li>文章内容</li>
226</ul>
227
228<p><img src="../../../../image/0C4399E3-2BF9-4A57-9212-7C6CEAFF9B11.png" alt="" /></p>
229
230<p>抬头部分字段解释:</p>
231
232<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>	---
233	layout: post 			//使用的模板,默认
234	title:  "如何在这里发布自己的文章"	//文章题目
235	date:   2016-11-9 15:14:54	//发布时间
236	categories: cardinfolink 	//分类
237	tags: cardinfolink 教程		//标签
238	excerpt: 你可以在这里记录在讯联的点点滴滴,无论技术分享还是生活随笔。//概要
239	author: ChenFeng		//作者
240	---
241</code></pre></div></div>
242
243<p>文章默认使用 markdown 格式编写,不熟悉 markdown 的同学请移步 <a href="/2016/11/10/markdown-grammar/">markdown 的基本语法</a>。</p>
244
245<h3 id="运行调试">运行调试</h3>
246
247<p>当文章写好时,你可能需要预览下效果,打开终端,进入到项目根目录下,执行下面的命令</p>
248
249<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>	$ jekyll s
250	// Server address: http://127.0.0.1:4000/
251</code></pre></div></div>
252<p>然后打开浏览器,访问地址 <a href="http://localhost:4000/">http://localhost:4000/</a></p>
253
254<h3 id="提交代码">提交代码</h3>
255
256<p>当调试 OK ,预览效果很满意,便可以提交你的代码了。</p>
257
258<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>	$ git add .
259	$ git commit -m "my new blog"
260	$ git push origin master
261</code></pre></div></div>
262
263<p>还没搭好 jekyll 环境的同学请移步 <a href="/2016/11/10/welcome-to-jekyll/">使用 Github Pages + jekyll 搭建博客</a></p>
264
265<h3 id="发送-pr">发送 PR</h3>
266
267<p>登录到 github 网站,找到你第一步 Fork 的仓库 <code class="language-plaintext highlighter-rouge">Cardinfolink.github.io</code> ,点击下面的 <code class="language-plaintext highlighter-rouge">New pull request</code> ,然后发送 PR 。</p>
268
269<p><img src="../../../../image/CFCB3040-C740-400D-AF15-6B93DF8E1D44.png" alt="" /></p>
270
271<p>等待项目管理员审核通过,便可以在 <a href="https://cardinfolink.github.io/">https://cardinfolink.github.io/</a> 看到你的文章了!</p>
272
273
274        </article>
275        <hr>
276
277        
278        
279            
280            
281                
282                    
283                
284                    
285                
286            
287                
288                    
289                
290                    
291                
292            
293        
294            
295            
296                
297                    
298                
299                    
300                
301            
302                
303                    
304                
305                    
306                
307            
308        
309            
310            
311                
312                    
313                
314                    
315                
316            
317        
318            
319            
320                
321                    
322                
323                    
324                
325            
326        
327            
328            
329                
330                    
331                
332                    
333                
334            
335        
336            
337            
338                
339                    
340                
341                    
342                
343            
344                
345                    
346                
347                    
348                        
349                        <h2 id="similar_posts">相关文章</h2>
350                        <ul>
351                        
352                        <li class="relatedPost">
353                            <a href="http://cardinfolink.github.io/2016/11/14/git-cheat-sheet/">GIT CHEAT SHEET
354                            
355                            </a>
356                        </li>
357                        
358                        
359                    
360                
361            
362        
363            
364            
365                
366                    
367                
368                    
369                        
370                        <li class="relatedPost">
371                            <a href="http://cardinfolink.github.io/2016/11/10/markdown-grammar/">markdown 的基本语法
372                            
373                            </a>
374                        </li>
375                        
376                        
377                    
378                
379            
380        
381            
382            
383                
384                    
385                
386                    
387                
388            
389                
390                    
391                
392                    
393                        
394                        <li class="relatedPost">
395                            <a href="http://cardinfolink.github.io/2016/11/10/welcome-to-jekyll/">使用 Github Pages + jekyll 搭建博客
396                            
397                            </a>
398                        </li>
399                        
400                        
401                    
402                
403            
404        
405        
406            </ul>
407        
408
409        <div class="post-recent">
410    <div class="pre">
411        
412        <p><strong>上一篇</strong> <a href="/2016/11/10/markdown-grammar/">markdown 的基本语法</a></p>
413        
414    </div>
415    <div class="nex">
416
417        
418        <p><strong>下一篇</strong> <a href="/2016/11/14/git-cheat-sheet/">GIT CHEAT SHEET</a></p>
419        
420    </div>
421</div>
422
423        
424        <h2 id="share">分享</h2>
425        <div class="social-share"></div>
426
427
428        <h2 id="comments">评论</h2>
429        
430
431
432<div id="disqus_thread"></div>
433<script>
434    /**
435     * RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
436     * LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables
437     */
438
439    var disqus_config = function() {
440        this.page.url = 'http://cardinfolink.github.io/2016/11/10/how-add-blog/'; // Replace PAGE_URL with your page's canonical URL variable
441        this.page.identifier = 'http://cardinfolink.github.io/2016/11/10/how-add-blog/'; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
442    };
443
444    (function() { // DON'T EDIT BELOW THIS LINE
445        var d = document,
446            s = d.createElement('script');
447
448        s.src = '//cardinfolink-blog.disqus.com/embed.js';
449
450        s.setAttribute('data-timestamp', +new Date());
451        (d.head || d.body).appendChild(s);
452    })();
453</script>
453
454<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
455
456
457
458
459    </div>
460    <button class="anchor"><i class="fa fa-anchor"></i></button>
461    <div class="right">
462        <div class="wrap">
463
464            <!-- Content -->
465            <div class="side content">
466                <div>
467                    目录
468                </div>
469                <ul id="content-side" class="content-ul">
470                    <li><a href="#similar_posts">相关文章</a></li>
471                    <li><a href="#comments">评论</a></li>
472                </ul>
473            </div>
474            <!-- 其他div框放到这里 -->
475            <!-- <div class="side">bbbb</div> -->
476        </div>
477    </div>
478</div>
479<script>
480/**
481 * target _blank
482 */
483(function() {
484    var aTags = document.querySelectorAll('article a:not([id])')
485    for (var i = 0; i < aTags.length; i++) {
486        aTags[i].setAttribute('target', '_blank')
487    }
488}());
489</script>
vendor: 1 bytes, line 489
489
490<script src="/js/pageContent.js " charset="utf-8"></script>
490
491
492
493    <footer class="site-footer">
494
495
496    <div class="wrapper">
497
498        <p class="description">
499             上海讯联数据 
500        </p>
501        <p class="contact">
502            
503            <a href="https://github.com/Cardinfolink" title="GitHub"><i class="fa fa-github" aria-hidden="true"></i></a>  
504            <a href="mailto:[email protected]" title="email"><i class="fa fa-envelope-o" aria-hidden="true"></i></a>  
505            <a href="http://weibo.com/cardinfolink" title="Weibo"><i class="fa fa-weibo" aria-hidden="true"></i></a>  
506            <a href="https://www.zhihu.com/people/Cardinfolink" title="Zhihu"><i class="iconfont">&#xe829;</i></a>  
507            <a href="https://twitter.com/Cardinfolink" title="Twitter"><i class="fa fa-twitter" aria-hidden="true"></i></a>  
508            <a href="https://www.facebook.com/Cardinfolink" title="Facebook"><i class="fa fa-facebook-official" aria-hidden="true"></i></a>   
509            <a href="https://www.linkedin.com/company/cardinfolink" title="LinkedIn"><i class="fa fa-linkedin" aria-hidden="true"></i></a>  
510        </p>
511        <p>
512            本站总访问量<span id="busuanzi_value_site_pv"></span>次,本站访客数<span id="busuanzi_value_site_uv"></span>人次,本文总阅读量<span id="busuanzi_value_page_pv"></span>次
513        </p>
514    </div>
515</footer>
516<script async src="https://dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js"></script>
516
517
518
519    <div class="back-to-top">
520    <a href="#top" class="scroll">
521        <i class="fa fa-arrow-up" aria-hidden="true"></i>
522    </a>
523</div>
524
525    
525<script src=" /js/main.js " charset="utf-8"></script>
525
526    
526<script src=" /js/scroll.min.js " charset="utf-8"></script>
526
527
528	<!-- share.js -->
529    
529<script src=" /js/jquery.share.min.js" charset="utf-8"></script>
529
530    
530<script src=" /js/social-share.min.js " charset="utf-8"></script>
530
531  </body>
532
533</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.