靜態部落格demo：tristanhuang.cn
通過兩天的摸索，終於能整出部落格的大概樣子出來了，總的來說並沒有太過接觸jekyll框架底層的東西，只是在fork了hux大神的io專案之後做了調整和修改，熟悉了一下子jekyll生成靜態網頁的原理、liquid模組語言、以及進一步熟悉了git和markdown。
---
layout: post
title: "我的部落格搭建記"
- 操作流
- 日誌
---
本地訪問部落格
儘管github個人**專案是免費的，但是卻有一些限制。總體來說，完全夠用，甚至太多了。
最新的規定在這裡：github page的規定
根據需要我會時不時地對blog做一些修改，會記錄在下面：
6.1 關於新增歌曲外鏈
找到了乙個關於新增歌曲外鏈的好方法，而且應該很難會失效，是利用的qq郵箱的附件收藏功能，具體的方法看這裡
6.2 emoji支援
jekyll 本身不支援 emoji，不過有個外掛程式可以使它支援 emoji 表情，那就是 jemoji(jekyll/jemoji)，顯然這是官方提供的外掛程式。
步驟：
參考部落格:jekyll 的 emoji 外掛程式
所有支援的表情：emoji cheat sheet
6.4 **塊顯示優化
2018/01/18： 調整了行間距、語法高亮、滾動條美化等
6.4.1 使用rouge獲取語法高亮樣式表
之前的語法高亮用了一年，感覺不太好看，然後就尋思著換一下。我使用的**高亮器是rouge。rouge是乙個純ruby編寫的**高亮器，可用於60多種語言的高亮，其源**託管在github上，我們可以通過它來生成不同的樣式表。
首先安裝rouge，然後生成對應主題的css檔案
$ gem install rouge
$ rougify style monokai.sublime > assets/css/syntax.css
$ rougify style (theme_name)
>
(css_file.css)
pre[class='highlight']
同時發現了乙個以前沒有發現的問題，就是在**塊中，我的方法注釋如果是多行的話，在本地jekyll解釋後是沒問題的，但是上傳到github上顯示就會出現不換行的問題，分析網頁的原始檔，發現不知道為什麼包著**塊的div中又多了一層div，所以我只能在css中用選擇器使第二層的div設定了一下white-space: pre，然後就可以換行了。
6.4.3 **塊滾動條優化
原來的滾動條太醜了，簡直不能看，花了點功夫優化了一下，但是只能在webkit核心的瀏覽器上顯示目前應該，沒有做相容性處理，主要增加了如下的css：
/* 設定垂直滾動條的寬度和水平滾動條的高度 */
.highlight::-webkit-scrollbar
/* 設定滾動條的滑軌 */
.highlight::-webkit-scrollbar-track
/* 滑塊 */
.highlight::-webkit-scrollbar-thumb
/* 滑軌兩頭的監聽按鈕 */
.highlight::-webkit-scrollbar-button
/* 橫向滾動條和縱向滾動條相交處尖角 */
.highlight::-webkit-scrollbar-corner
祝大家雞年大吉…吧 ?
行號問題：
**塊中行號的美化顯示，看到stackoverflow上有討論：
enabling line numbers with rouge #4619，但試了一下，發現巨醜，回頭再解決一下看看。
使用GitHub jekyll搭建Blog
為了搭建這麼個blog，也是老淚縱橫啊，過程艱辛。好了，這是我的眼淚就不流給你看了，哈哈 1 註冊github賬號 首先，你要想使用github搭建自己的blog，那就必須要先註冊乙個github賬號，由於我已經申請了，這個過程，只能給個鏈結 也是我學習的鏈結 還有不得不說的是，鐵錨先生說的不錯，註...
怎樣利用App打造自明星實現自盈利
1 了解各個概念 自 說白了，就是乙個傳播渠道，傳播思想也好，傳播資訊也罷，總之是乙個渠道。自明星 個人通過自 成為讓大眾熟知的某個領域的名人。自盈利 就是個人通過自 自明星 自電商達到盈利的目的。2 定位成為自明星的領域，設計產品 1 普通大眾，須要裝修的使用者。2 裝修工人 裝修行業的老闆。3 ...
職場人士，如何打造「自品牌」？
如題，這裡的 職場人士 範圍會比平常的定義會更廣些，包括了企事業單位人員 自由職業人士 想要或準備創業的人。在這些人士裡，我認為最需要也是最迫切打造自品牌的人群，應該是那些8090後的上班族們 當然對於其他人士也同樣重要和需要 絕大多人，一方面掌握了至少一項比較專業的技能和積累了一定的工作經驗，另一...