-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathatom.xml
More file actions
163 lines (121 loc) · 16.2 KB
/
atom.xml
File metadata and controls
163 lines (121 loc) · 16.2 KB
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
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
<title>Deleav's Home</title>
<link href="/atom.xml" rel="self"/>
<link href="http://deleav.github.io/"/>
<updated>2017-01-02T17:34:46.000Z</updated>
<id>http://deleav.github.io/</id>
<author>
<name>Deleav Chou</name>
</author>
<generator uri="http://hexo.io/">Hexo</generator>
<entry>
<title>在 Hexo 使用 Disqus 評論功能</title>
<link href="http://deleav.github.io/2017/01/02/add-disqus-into-hexo/"/>
<id>http://deleav.github.io/2017/01/02/add-disqus-into-hexo/</id>
<published>2017-01-02T11:30:36.000Z</published>
<updated>2017-01-02T17:34:46.000Z</updated>
<content type="html"><p><img src="/imgs/add-disqus-into-hexo/kitchen.jpg" alt="廚房"></p>
<a id="more"></a>
<h1 id="申請帳號"><a href="#申請帳號" class="headerlink" title="申請帳號"></a>申請帳號</h1><p>首先,你需要先到 <a href="https://disqus.com/" target="_blank" rel="external">Disqus</a> 申請一個帳號。</p>
<h1 id="新增-Site"><a href="#新增-Site" class="headerlink" title="新增 Site"></a>新增 Site</h1><p>登入後在首頁右上角點 Admin,然後在左上角選擇 Your Site 點 New</p>
<p><img src="/imgs/add-disqus-into-hexo/img1.jpg" alt=""><br>然後在這邊打上你想要的 shortname,然後選個 Category</p>
<p><img src="/imgs/add-disqus-into-hexo/img2.jpg" alt=""><br>接下來的都不管他,一直下一步到結束,然後選上面的 setting</p>
<p><img src="/imgs/add-disqus-into-hexo/img3.jpg" alt=""><br>可以看到這裡有寫</p>
<blockquote>
<p>Your website shortname is testeeee-1</p>
</blockquote>
<p>把他加在你 hexo 的 <code>_config.yml</code></p>
<figure class="highlight yml"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line"><span class="comment"># Disqus</span></span><br><span class="line"><span class="attr">disqus_shortname:</span> testeeee<span class="bullet">-1</span></span><br></pre></td></tr></table></figure>
<p>就能開始使用 disqus 提供的評論功能了,這邊是因為有跟別人重複到 shortname,所以他強制加了 <code>-1</code>,如果沒有重複到的話就會是你原本設定的那個 shortname 了。</p>
</content>
<summary type="html">
<p><img src="/imgs/add-disqus-into-hexo/kitchen.jpg" alt="廚房"></p>
</summary>
<category term="hexo" scheme="http://deleav.github.io/tags/hexo/"/>
<category term="disqus" scheme="http://deleav.github.io/tags/disqus/"/>
</entry>
<entry>
<title>子元素如何不繼承 CSS 的 opacity 屬性</title>
<link href="http://deleav.github.io/2017/01/01/do-not-inherit-opacity/"/>
<id>http://deleav.github.io/2017/01/01/do-not-inherit-opacity/</id>
<published>2017-01-01T14:35:08.000Z</published>
<updated>2017-01-02T13:32:21.000Z</updated>
<content type="html"><p><img src="/imgs/do-not-inherit-opacity/tree.jpg" alt="樹"></p>
<a id="more"></a>
<h1 id="事情是這樣的"><a href="#事情是這樣的" class="headerlink" title="事情是這樣的"></a>事情是這樣的</h1><p>我想為我的小專案製作一個 Menu 選單,為了讓選單滑出來的時候其他部分是黑色半透明的,我打算放一個全畫面的 <code>div</code> 上去,然後上面再放上我的 Menu,所以我這麼做。<br><figure class="highlight"><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">// menu page css</span><br><span class="line">background-color: black;</span><br><span class="line">opacity: 0.5;</span><br></pre></td></tr></table></figure></p>
<p>結果連 Menu page 上面的子元素全都繼承了 <code>opacity: 0.5;</code>,而且在子元素加上 <code>opacity: 1;</code> 也完全沒有用,只能在父元素的透明度基礎上更淡。</p>
<ul>
<li><h4 id="理想"><a href="#理想" class="headerlink" title="理想"></a>理想</h4><img src="/imgs/do-not-inherit-opacity/img1.jpg" alt="理想"></li>
<li><h4 id="實際"><a href="#實際" class="headerlink" title="實際"></a>實際</h4>左邊的 <code>item1</code> 跟底色都變淡了,連陰影效果都跟著掛了。<br><img src="/imgs/do-not-inherit-opacity/img2.jpg" alt="實際"></li>
</ul>
<h1 id="解決方法"><a href="#解決方法" class="headerlink" title="解決方法"></a>解決方法</h1><p>其實很簡單,只要改用這種方式來避免更改到 <code>opacity</code> 屬性,就不會有改不掉的問題。</p>
<figure class="highlight"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line">background-color: rgba(0, 0, 0, 0.5);</span><br><span class="line">// rgba() 前三個值為 R G B,第四個為透明度</span><br></pre></td></tr></table></figure>
<p>同理,文字顏色一樣可以這麼做,可惜我還是沒找到能夠複寫父元素的 <code>opacity</code> 的方法,等找到了再來更新。</p>
</content>
<summary type="html">
<p><img src="/imgs/do-not-inherit-opacity/tree.jpg" alt="樹"></p>
</summary>
<category term="CSS" scheme="http://deleav.github.io/tags/CSS/"/>
</entry>
<entry>
<title>hexo 佈署到 github</title>
<link href="http://deleav.github.io/2016/03/04/hexo-%E8%87%AA%E5%8B%95%E4%BD%88%E7%BD%B2%E5%88%B0-github/"/>
<id>http://deleav.github.io/2016/03/04/hexo-自動佈署到-github/</id>
<published>2016-03-03T22:04:19.000Z</published>
<updated>2017-01-01T14:46:43.000Z</updated>
<content type="html"><p><img src="/imgs/hexo-自動佈署到-github.jpg" alt="燈塔"></p>
<a id="more"></a>
<h1 id="如果你已經架設好-hexo-了"><a href="#如果你已經架設好-hexo-了" class="headerlink" title="如果你已經架設好 hexo 了"></a>如果你已經架設好 hexo 了</h1><ul>
<li>install <code>hexo-deployer-git</code></li>
<li><p>設定 <code>_config.yml</code></p>
<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></pre></td><td class="code"><pre><span class="line"><span class="attr">deploy:</span></span><br><span class="line"><span class="attr"> type:</span> git</span><br><span class="line"><span class="attr"> repo:</span> https://github.com/username/repo</span><br><span class="line"><span class="attr"> branch:</span> branch // master or gh-pages</span><br><span class="line"><span class="attr"> message:</span> message // 預設是 Site updated: &#123;&#123; now(<span class="string">'YYYY-MM-DD HH:mm:ss'</span>) &#125;&#125;</span><br></pre></td></tr></table></figure>
</li>
<li><p>以下兩個都是先產生檔案再部署的意思</p>
<figure class="highlight bash"><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></pre></td><td class="code"><pre><span class="line">// 以下二選一</span><br><span class="line">hexo g <span class="_">-d</span></span><br><span class="line">hexo d -g</span><br><span class="line">// d(deploy), g(generate) --&gt; 簡寫(原始指令)</span><br></pre></td></tr></table></figure>
</li>
</ul>
<h1 id="ref"><a href="#ref" class="headerlink" title="ref."></a>ref.</h1><ul>
<li><a href="https://hexo.io/docs/deployment.html" target="_blank" rel="external">Hexo Deployment</a></li>
<li><a href="https://hexo.io/docs/generating.html" target="_blank" rel="external">Hexo Generating</a></li>
</ul>
</content>
<summary type="html">
<p><img src="/imgs/hexo-自動佈署到-github.jpg" alt="燈塔"></p>
</summary>
<category term="開發環境" scheme="http://deleav.github.io/categories/%E9%96%8B%E7%99%BC%E7%92%B0%E5%A2%83/"/>
<category term="hexo" scheme="http://deleav.github.io/tags/hexo/"/>
</entry>
<entry>
<title>atom package backup</title>
<link href="http://deleav.github.io/2016/03/04/atom-package-backup/"/>
<id>http://deleav.github.io/2016/03/04/atom-package-backup/</id>
<published>2016-03-03T20:54:33.000Z</published>
<updated>2017-01-01T14:46:56.000Z</updated>
<content type="html"><p><img src="/imgs/atom-package-backup.jpg" alt="早晨"></p>
<a id="more"></a>
<h1 id="如何備份-atom-package-lists"><a href="#如何備份-atom-package-lists" class="headerlink" title="如何備份 atom package lists"></a>如何備份 atom package lists</h1><ul>
<li><p>backup</p>
<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">apm list --installed --bare &gt; packages.list</span><br></pre></td></tr></table></figure>
<p>會在當前目錄下產生 packages.list</p>
</li>
<li><p>install all</p>
<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">apm install `cat packages.list`</span><br></pre></td></tr></table></figure>
</li>
</ul>
<h1 id="My-atom-package-list"><a href="#My-atom-package-list" class="headerlink" title="My atom package list"></a>My atom package list</h1><ul>
<li><a href="https://github.com/deleav/atom-setting-backup/blob/master/packages.list" target="_blank" rel="external">package.list</a></li>
</ul>
<figure class="highlight"><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">atom-beautify@0.29.6</span><br><span class="line">atom-jade@0.3.0</span><br><span class="line">autocomplete-modules@1.4.1</span><br><span class="line">autocomplete-paths@1.0.2</span><br><span class="line">emmet@2.4.3</span><br><span class="line">file-icons@1.7.5</span><br><span class="line">highlight-selected@0.11.2</span><br><span class="line">language-babel@2.17.3</span><br><span class="line">language-ejs@0.2.0</span><br><span class="line">markdown-preview-plus@2.4.0</span><br><span class="line">merge-conflicts@1.4.1</span><br><span class="line">pigments@0.26.0</span><br><span class="line">project-manager@2.9.7</span><br><span class="line">react@0.15.0</span><br></pre></td></tr></table></figure>
<h1 id="ref"><a href="#ref" class="headerlink" title="ref."></a>ref.</h1><ul>
<li><a href="https://discuss.atom.io/t/how-to-backup-all-your-settings/15674" target="_blank" rel="external">How to backup all your atom setting</a></li>
</ul>
</content>
<summary type="html">
<p><img src="/imgs/atom-package-backup.jpg" alt="早晨"></p>
</summary>
<category term="開發環境" scheme="http://deleav.github.io/categories/%E9%96%8B%E7%99%BC%E7%92%B0%E5%A2%83/"/>
<category term="atom" scheme="http://deleav.github.io/tags/atom/"/>
<category term="coding" scheme="http://deleav.github.io/tags/coding/"/>
</entry>
</feed>