-
Notifications
You must be signed in to change notification settings - Fork 0
/
atom 3.xml
144 lines (80 loc) · 20.8 KB
/
atom 3.xml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
<title>张念磊的博客</title>
<subtitle>我</subtitle>
<link href="/atom.xml" rel="self"/>
<link href="http://yoursite.com/"/>
<updated>2020-04-19T04:03:54.759Z</updated>
<id>http://yoursite.com/</id>
<author>
<name>张念磊</name>
</author>
<generator uri="http://hexo.io/">Hexo</generator>
<entry>
<title>博客平台对比 - 想写博客该选用那个平台呢？</title>
<link href="http://yoursite.com/2020/04/19/%E5%8D%9A%E5%AE%A2%E5%B9%B3%E5%8F%B0%E5%AF%B9%E6%AF%94-%E6%83%B3%E5%86%99%E5%8D%9A%E5%AE%A2%E8%AF%A5%E9%80%89%E7%94%A8%E9%82%A3%E4%B8%AA%E5%B9%B3%E5%8F%B0%E5%91%A2%EF%BC%9F/"/>
<id>http://yoursite.com/2020/04/19/博客平台对比-想写博客该选用那个平台呢？/</id>
<published>2020-04-19T03:27:41.000Z</published>
<updated>2020-04-19T04:03:54.759Z</updated>
<content type="html"><![CDATA[<p>对于我的个人博客，我一直没有停下折腾的脚步，最早的博客是大二时搭在腾讯云学生服务器上，github上找的博客项目，删删改改改成自己的，后面也尝试了CSDN，cnblog，简书，掘金等博客平台，下面是我做的一个简单地分析对比：</p><ol><li>几大平台中<code>CSDN</code>的SEO做的最好，原因见下图：</li></ol><p><img src="https://tva1.sinaimg.cn/large/007S8ZIlly1gdyx11o5ruj31lp0u0tga.jpg" alt="image-20200419001254184"></p><p>访问量最多的能有7000+ <a href="https://blog.csdn.net/Mr_Zhang____" target="_blank" rel="noopener">https://blog.csdn.net/Mr_Zhang..</a></p><p>访问最多的几篇有一个共性：都是解决具体的问题，也是让人哭笑不得的事情。</p><p>但是这类文章要写好也不是件容易的事情，先写解决方案，在写原理，出现这种问题的原因。这样让别人看了也能有一点收获。</p><p>其他文章无人问津。</p><ol start="2"><li>博客平台发布的文章全都需要审核，审核时长不定，且有一定的几率会不过审，自己搭建的博客则没有审核机制。</li><li>自己搭建的博客是发布在的自己的腾讯云云服务器上的，网址： <a href="zhangnlei.cn">zhangnlei.cn</a>。云服务器需要定期维护，对个人来说是需要不小的时间成本和金钱投入。</li></ol><p>zhangnlei</p><p><img src="https://tva1.sinaimg.cn/large/007S8ZIlly1gdyx0322b7j32160j4dj0.jpg" alt="image-20200419112759165"></p><p><img src="https://tva1.sinaimg.cn/large/007S8ZIlly1gdyx07vp9dj31ta0kitbx.jpg" alt="image-20200419112806994"></p>]]></content>
<summary type="html">
<p>对于我的个人博客，我一直没有停下折腾的脚步，最早的博客是大二时搭在腾讯云学生服务器上，github上找的博客项目，删删改改改成自己的，后面也尝试了CSDN，cnblog，简书，掘金等博客平台，下面是我做的一个简单地分析对比：</p>
<ol>
<li>几大平台中<code>
</summary>
</entry>
<entry>
<title>后端 - Git学习分享</title>
<link href="http://yoursite.com/2020/04/18/%E5%90%8E%E7%AB%AF-Git%E5%AD%A6%E4%B9%A0%E5%88%86%E4%BA%AB/"/>
<id>http://yoursite.com/2020/04/18/后端-Git学习分享/</id>
<published>2020-04-18T11:22:42.000Z</published>
<updated>2020-04-18T11:55:51.705Z</updated>
<content type="html"><![CDATA[<h1 id="后端-Git学习分享"><a href="#后端-Git学习分享" class="headerlink" title="后端 - Git学习分享"></a>后端 - Git学习分享</h1><p>@auther <code>张念磊</code><br>@date 2020/2/17</p><h2 id="一个学习git的网站"><a href="#一个学习git的网站" class="headerlink" title="一个学习git的网站"></a>一个学习git的网站</h2><p><a href="https://learngitbranching.js.org/" target="_blank" rel="noopener">https://learngitbranching.js.org/</a></p><figure class="highlight shell"><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><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br></pre></td><td class="code"><pre><span class="line"><span class="meta">#</span><span class="bash"> 基础</span></span><br><span class="line">git checkout -b hotfix # 新建一个分支</span><br><span class="line"></span><br><span class="line">git checkout C2 # 分离head</span><br><span class="line">git branch -f master C2 # 将分支指向提交C2</span><br><span class="line">git branch -f master HEAD^ # 将master指向HEAD的上一个节点</span><br><span class="line">git branch -f master HEAD~3 # 将master指向HEAD的前面第三个节点</span><br><span class="line">git reset Head^ # 撤销一次本地提交</span><br><span class="line">git revert HEAD^ # 撤销一次远程提交</span><br><span class="line"></span><br><span class="line">git rebase master # 改变代码提交的顺序</span><br><span class="line">git cherry-pick C2 C3 # 将C2 C3次提交添加到当前分支 git cherry-pick 'commit id' # 复制一个特定的提交到当前的分支</span><br><span class="line">git rebase -i HEAD~4 # 交互式rebase最近的4次提交</span><br></pre></td></tr></table></figure><p><img src="https://tva1.sinaimg.cn/large/007S8ZIlly1gdy53zzv41j30z50q90v5.jpg" alt="image-20200218102321108"></p><p>示例 ： 把分支以图像的方式展现给用户</p><p><img src="https://tva1.sinaimg.cn/large/007S8ZIlly1gdy542q42ej30ql0fggn3.jpg" alt="image-20200218220559729"></p><h3 id="通关截图"><a href="#通关截图" class="headerlink" title="通关截图"></a>通关截图</h3><p><img src="https://tva1.sinaimg.cn/large/007S8ZIlly1gdy5414r55j30yq0rtmzv.jpg" alt="image-20200218225905225"></p><p>主要介绍的两个命令 rebase cherry-pick </p><p><img src="https://tva1.sinaimg.cn/large/007S8ZIlly1gdy53yvq4nj30q00pj0um.jpg" alt="image-20200327160103150"></p><h2 id="配置别名"><a href="#配置别名" class="headerlink" title="配置别名"></a>配置别名</h2><p>有没有经常敲错命令？比如<code>git status</code></p><p>如果敲<code>git st</code>就表示<code>git status</code>那就简单多了，当然这种偷懒的办法我们是极力赞成的。</p><p>我们只需要敲一行命令，告诉Git，以后<code>st</code>就表示<code>status</code>：</p><figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ git config --global alias.st status</span><br></pre></td></tr></table></figure><p>好了，现在敲<code>git st</code>看看效果。</p><p>当然还有别的命令可以简写，很多人都用<code>co</code>表示<code>checkout</code>，<code>ci</code>表示<code>commit</code>，<code>br</code>表示<code>branch</code>：</p><figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">$ git config --global alias.co checkout</span><br><span class="line">$ git config --global alias.ci commit</span><br><span class="line">$ git config --global alias.br branch</span><br></pre></td></tr></table></figure><p>提交就可以简写成：</p><figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ git ci -m "bala bala bala..."</span><br></pre></td></tr></table></figure><p><code>--global</code>参数是全局参数，也就是这些命令在这台电脑的所有Git仓库下都有用。</p><p><code>git log</code></p><p><img src="https://tva1.sinaimg.cn/large/007S8ZIlly1gdy53zj3urj317w0u0dke.jpg" alt="image-20200327154624267"></p><p>甚至还有人丧心病狂地把<code>lg</code>配置成了：</p><figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">git config --global alias.lg "log --color --graph --pretty=format:'%Cred%h%Creset -%C(yellow)%d%Creset %s %Cgreen(%cr) %C(bold blue)<%an>%Creset' --abbrev-commit"</span><br></pre></td></tr></table></figure><p>来看看<code>git lg</code>的效果：</p><p><img src="https://tva1.sinaimg.cn/large/00831rSTgy1gd8j6l772pj317w0u015d.jpg" alt="image-20200327154509668" style="zoom: 50%;" /></p><h2 id="其他操作："><a href="#其他操作：" class="headerlink" title="其他操作："></a>其他操作：</h2><p>连接远程仓库<br><strong>git remote add origin 仓库地址</strong></p><p>查看远程连接<br><strong>git remote -v</strong></p><p>git取消与远程仓库的连接<br><strong>git remote remove origin</strong></p>]]></content>
<summary type="html">
<h1 id="后端-Git学习分享"><a href="#后端-Git学习分享" class="headerlink" title="后端 - Git学习分享"></a>后端 - Git学习分享</h1><p>@auther <code>张念磊</code><br>@date
</summary>
<category term="Git" scheme="http://yoursite.com/tags/Git/"/>
</entry>
<entry>
<title>Vue - 滚动条滚动到最下方时更新</title>
<link href="http://yoursite.com/2020/04/18/Vue-%E6%BB%9A%E5%8A%A8%E6%9D%A1%E6%BB%9A%E5%8A%A8%E5%88%B0%E6%9C%80%E4%B8%8B%E6%96%B9%E6%97%B6%E6%9B%B4%E6%96%B0/"/>
<id>http://yoursite.com/2020/04/18/Vue-滚动条滚动到最下方时更新/</id>
<published>2020-04-18T09:38:13.000Z</published>
<updated>2020-04-19T04:03:59.632Z</updated>
<content type="html"><![CDATA[<p><code>代码展示</code></p><figure class="highlight js"><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><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br></pre></td><td class="code"><pre><span class="line">watchScroll() {</span><br><span class="line"> <span class="keyword">this</span>.$nextTick(<span class="function"><span class="params">()</span> =></span> {</span><br><span class="line"> <span class="keyword">const</span> el = <span class="keyword">this</span>.$refs[<span class="string">"discussInfoBox"</span>];</span><br><span class="line"> <span class="keyword">const</span> offsetHeight = el.offsetHeight;</span><br><span class="line"> el.onscroll = <span class="function"><span class="params">()</span> =></span> {</span><br><span class="line"> <span class="keyword">const</span> scrollTop = el.scrollTop;</span><br><span class="line"> <span class="keyword">const</span> scrollHeight = el.scrollHeight;</span><br><span class="line"> <span class="keyword">if</span> (offsetHeight + scrollTop - scrollHeight >= <span class="number">-1</span>) {</span><br><span class="line"> <span class="comment">// 需要执行的代码</span></span><br><span class="line"> <span class="built_in">console</span>.log(<span class="string">"get info "</span>);</span><br><span class="line"> }</span><br><span class="line"> };</span><br><span class="line"> });</span><br><span class="line">},</span><br></pre></td></tr></table></figure><p><code>使用步骤</code></p><ol><li>第三行中的<code>discussInfoBox</code>为要监听的div的ID</li><li>在第十行编写当滚动条滚动到最下方时需要调用的函数</li><li>在需要的地方调用该函数。例如created方法或其他监听事件中</li></ol>]]></content>
<summary type="html">
<p><code>代码展示</code></p>
<figure class="highlight js"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2
</summary>
<category term="Vue" scheme="http://yoursite.com/tags/Vue/"/>
</entry>
<entry>
<title>Vue - 父组件如何更新子组件的参数</title>
<link href="http://yoursite.com/2020/04/18/Vue-%E7%88%B6%E7%BB%84%E4%BB%B6%E5%A6%82%E4%BD%95%E6%9B%B4%E6%96%B0%E5%AD%90%E7%BB%84%E4%BB%B6%E7%9A%84%E5%8F%82%E6%95%B0/"/>
<id>http://yoursite.com/2020/04/18/Vue-父组件如何更新子组件的参数/</id>
<published>2020-04-18T09:35:31.000Z</published>
<updated>2020-04-18T11:56:28.038Z</updated>
<content type="html"><![CDATA[<h2 id="父组件如何更新子组件的参数"><a href="#父组件如何更新子组件的参数" class="headerlink" title="父组件如何更新子组件的参数"></a>父组件如何更新子组件的参数</h2><p>以下为两种简单地思路：</p><h3 id="1-父组件更新子组件的prop参数"><a href="#1-父组件更新子组件的prop参数" class="headerlink" title="1. 父组件更新子组件的prop参数"></a>1. 父组件更新子组件的prop参数</h3><p>所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定：父级 prop 的更新会向下流动到子组件中，但是反过来则不行。这样会防止从子组件意外改变父级组件的状态，从而导致你的应用的数据流向难以理解。</p><p>额外的，每次父级组件发生更新时，子组件中所有的 prop 都将会刷新为最新的值。这意味着你不应该在一个子组件内部改变 prop。如果你这样做了，Vue 会在浏览器的控制台中发出警告。</p><h3 id="2-父组件调用子组件的方法"><a href="#2-父组件调用子组件的方法" class="headerlink" title="2. 父组件调用子组件的方法"></a>2. 父组件调用子组件的方法</h3><ol><li>在子组件中定义函数</li></ol><p><img src="https://tva1.sinaimg.cn/large/007S8ZIlly1gdy20dp3p5j30jz0b6dgu.jpg" alt="image-20200417173318790"></p><ol start="2"><li>在父组件中的使用处添加ref </li></ol><p><img src="https://tva1.sinaimg.cn/large/007S8ZIlly1gdy20eultjj30gf083mxs.jpg" alt="image-20200417173352552"></p><ol start="3"><li>在需要的地方调用</li></ol><p><img src="https://tva1.sinaimg.cn/large/007S8ZIlly1gdy20edzejj30bo08y0tb.jpg" alt="image-20200417173511471"></p>]]></content>
<summary type="html">
<h2 id="父组件如何更新子组件的参数"><a href="#父组件如何更新子组件的参数" class="headerlink" title="父组件如何更新子组件的参数"></a>父组件如何更新子组件的参数</h2><p>以下为两种简单地思路：</p>
<h3 id="1-
</summary>
<category term="Vue" scheme="http://yoursite.com/tags/Vue/"/>
</entry>
<entry>
<title>折腾了半下午搞定了hexo，记录一下</title>
<link href="http://yoursite.com/2020/04/18/%E6%8A%98%E8%85%BE%E4%BA%86%E5%8D%8A%E4%B8%8B%E5%8D%88%E6%90%9E%E5%AE%9A%E4%BA%86hexo%EF%BC%8C%E8%AE%B0%E5%BD%95%E4%B8%80%E4%B8%8B/"/>
<id>http://yoursite.com/2020/04/18/折腾了半下午搞定了hexo，记录一下/</id>
<published>2020-04-18T09:29:35.000Z</published>
<updated>2020-04-19T06:11:29.327Z</updated>
<content type="html"><![CDATA[<h2 id="搭建了自己的GitHub-Page博客"><a href="#搭建了自己的GitHub-Page博客" class="headerlink" title="搭建了自己的GitHub Page博客"></a>搭建了自己的GitHub Page博客</h2><p>关键词：<code>Hexo</code> 、<code>GitHub Page</code>、<code>Typora</code>、<code>Blog</code></p><p>对于我的个人博客，我一直没有停下折腾的脚步，最早的博客是大二时搭在腾讯云学生服务器上，后面也尝试了CSDN，cnblog，简书，掘金等博客平台，下面是我做的一个简单地分析对比：</p><h2 id="博客平台简分析对比"><a href="#博客平台简分析对比" class="headerlink" title="博客平台简分析对比"></a>博客平台简分析对比</h2><ol><li><p>几大平台中<code>CSDN</code>的SEO做的最好，访问量最多的能有7000+ <a href="https://blog.csdn.net/Mr_Zhang____" target="_blank" rel="noopener">https://blog.csdn.net/Mr_Zhang..</a></p></li><li><p>在博客平台发布文章需要审核，审核时长不定，且有一定的几率会不过审，自己搭建的博客则无需审核机制。</p></li><li>自己搭的博客是发布在的自己的腾讯云云服务器上的，网址： <a href="zhangnlei.cn">zhangnlei.cn</a>。博客服务需要自己发布，云服务器需要定期维护，对个人来说是需要不小的时间成本和金钱投入。（我的博客服务是GitHub上找的一个开源项目，删删改改，为自己所用）</li><li>因为网页的编辑器不是很稳点，我写博客一般都是先在本地写好Markdown，然后在贴到博客的编辑器中，再添加标签、分类等，最后再发布。需要很多重复工作。</li></ol><p>综上：自己的服务器有一定的服务维护成本，博客平台编辑体验不佳、自由度不高。</p><p>所以决定尝试使用<code>GitHub Page</code>+<code>Hexo</code>搭建了自己的博客，优点有以下：</p><h2 id="使用GitHub-Hexo搭建博客的优点"><a href="#使用GitHub-Hexo搭建博客的优点" class="headerlink" title="使用GitHub+Hexo搭建博客的优点"></a>使用GitHub+Hexo搭建博客的优点</h2><ol><li>无需维护服务器，服务是挂载在github的服务器上，由github维护（现由微软收购），维护成本几乎为0，且足够稳定。</li><li>自由度高，发布的内容随心而定，无需受平台的限制。</li><li>编辑体验好，无需反复搬运文本，打标签等，搭配软件Typora在本地编写MarkDown，博客编写完后一行命令一秒发布，契合程序员的操作体验。</li></ol><p>好下面简单介绍一下我使用到的工具和服务：</p><h2 id="使用到的工具和服务"><a href="#使用到的工具和服务" class="headerlink" title="使用到的工具和服务"></a>使用到的工具和服务</h2><ol><li>Hexo是一个非常成熟的博客框架，可以根据用户编辑的Markdown文件生成静态的htnl文件。当然用户可以选择自己喜欢的主题插件安装，以生成优美博客界面。</li><li><p>GitHub提供了一个GitHub Page的功能，每个用户都可以有一个属于自己域名的静态页面。</p></li><li><p>Typora软件，本地编写md文件，实时编写实时渲染，使用体验极佳。</p></li></ol><p>于是使用Hexo + GitHub Page便可搭建一个免费的个人博客，搭配Typora在本地编写MarkDown，舒适度不要太高。</p><p>有了上面的工具做基础，实现起来就很简单啦，具体的步骤就不详细说明了，网上一搜一大把。</p><p>这里提供几个搜索的关键词：<code>github.io</code>/<code>github page</code>/<code>hexo</code>/<code>个人博客</code>。</p><p>安装过程并非一帆风顺，好在hexo技术和社区非常成熟，官方有文档、网络上也有非常多帖子。</p><h2 id="成果展示"><a href="#成果展示" class="headerlink" title="成果展示"></a>成果展示</h2><p>我选用的Hexo主题是Vue风格的<code>vexo</code>主题，干净简单。本人比较喜欢Vue的主题，Typora用的也是类Vue的主题。</p><p>上一张效果图：</p><p><img src="https://tva1.sinaimg.cn/large/007S8ZIlly1gdycz4vzvuj31gq0u0gzp.jpg" alt="image-20200418235505523"></p><p>下图为Typora软件截图：</p><p><img src="https://tva1.sinaimg.cn/large/007S8ZIlly1gdybof1yc0j30x60u0k3b.jpg" alt="image-20200418231011590"></p><h2 id="写在最后"><a href="#写在最后" class="headerlink" title="写在最后"></a>写在最后</h2><p>以后会在此记录一些心情、读书笔记、编程技术分享之类的文章。</p><p>感谢阅读。</p>]]></content>
<summary type="html">
<h2 id="搭建了自己的GitHub-Page博客"><a href="#搭建了自己的GitHub-Page博客" class="headerlink" title="搭建了自己的GitHub Page博客"></a>搭建了自己的GitHub Page博客</h2><p>关键
</summary>
<category term="心情" scheme="http://yoursite.com/tags/%E5%BF%83%E6%83%85/"/>
<category term="Hexo" scheme="http://yoursite.com/tags/Hexo/"/>
<category term="GitHub Page" scheme="http://yoursite.com/tags/GitHub-Page/"/>
<category term="Typora" scheme="http://yoursite.com/tags/Typora/"/>
<category term="Blog" scheme="http://yoursite.com/tags/Blog/"/>
</entry>
</feed>