jekyll介紹安裝.github靜態頁面工具

  
  
  
  

   
   
   
   

   
   
   
   

   
   
   
   

   
   
   
   

   
   
   
   

   
   
   
   

   
   
   
   

   
   
   
   

   
   
   
   

   
   
   
   

   
   
   
   

   
   
   
   

   
   
   
   

  
  
  
  

jekyll build# => 當前文件夾中的內容將會生成到 ./site 文件夾中。$ jekyll build --destination <destination># => 當前文件夾中的內容將會生成到目標文件夾<destination>中。$ jekyll build --source <source> --destination <destination># => 指定源文件夾<source>中的內容將會生成到目標文件夾<destination>中。$ jekyll build --watch# => 當前文件夾中的內容將會生成到 ./site 文件夾中，# 查看改變，而且自動再生成。

   
   
   
   

    
    
    
    

    
    
    
    

    
    
    
    

    
    
    
    

    
    
    
    

    
    
    
    

    
    
    
    

    
    
    
    

    
    
    
    

    
    
    
    

   
   
   
   
jekyll serve# => 一個開發服務器將會運行在 http://localhost:4000/$ jekyll serve --detach# => 功能和`jekyll serve`命令相同，可是會脫離終端在後臺運行。# 若是你想關閉服務器，可使用`kill -9 1234`命令，"1234" 是進程號（PID）。# 若是你找不到進程號，那麼就用`ps aux | grep jekyll`命令來查看，而後關閉服務器。[更多](http://unixhelp.ed.ac.uk/shell/jobz5.html).$ jekyll serve --watch# => 和`jekyll serve`相同，可是會查看變動而且自動再生成。

    
    
    
    

     
     
     
     

     
     
     
     

     
     
     
     

     
     
     
     

     
     
     
     

    
    
    
    
還有一些能夠配置的配置選項. 不少配置選項既能夠在命令行中做爲標識(flags)設定，也能夠在源文件根目錄中的 _config.yml 文件中進行設定。Jekyll 會自動加載這些配置。好比你在你的 _config.yml 文件中添加了下面幾行：source: _sourcedestination: _deployjekyll build$ jekyll build --source _source --destination _deploy

   
   
   
   

    
    
    
    

    
    
    
    

    
    
    
    

    
    
    
    

    
    
    
    

    
    
    
    

    
    
    
    

    
    
    
    

    
    
    
    

    
    
    
    

    
    
    
    

    
    
    
    

    
    
    
    

    
    
    
    

    
    
    
    

    
    
    
    

    
    
    
    

    
    
    
    

    
    
    
    

    
    
    
    

    
    
    
    

    
    
    
    

    
    
    
    

    
    
    
    

    
    
    
    

    
    
    
    

    
    
    
    

    
    
    
    

   
   
   
   
//jekyll安裝1. 下載最新的RubyInstaller並安裝(我下載的是rubyinstaller-1.9.3-p194.exe)，設置環境變量，path中配置C:\Ruby193\bin目錄，而後在命令行終端下輸入gem update --system來升級gem；2. 下載最新的DevKit，DevKit是windows平臺下編譯和使用本地C/C++擴展包的工具。它就是用來模擬Linux平臺下的make,gcc,sh來進行編譯。可是這個方法目前僅支持經過RubyInstaller安裝的Ruby，並雙擊運行解壓到C:\DevKit。而後打開終端cmd，輸入下列命令進行安裝：cd C:\DevKitruby dk.rb initruby dk.rb install3. 完成上面的準備就能夠安裝Jekyll了,由於Jekyll是用Ruby編寫的,最好的安裝方式是經過RubyGems(gem):gem install Jekyll並使用命令檢驗是否安裝成功jekyll --version4. 安裝Rdiscount，這個用來解析Markdown標記的包，使用以下命令：gem install rdiscount5. 運行本地工程：cd 到工程目錄，啓動服務：jekyll --server

    
    
    
    

     
     
     
     

     
     
     
     

     
     
     
     

     
     
     
     

     
     
     
     

     
     
     
     

     
     
     
     

     
     
     
     

     
     
     
     

     
     
     
     

     
     
     
     

     
     
     
     

     
     
     
     

     
     
     
     

     
     
     
     

    
    
    
    
 jekyll目錄結構 _posts： _posts中的數據文檔，經過注入_layouts定義的模板，經過jekyll --server最終生成的靜態頁面在_sites目錄。目錄是用來存放你的文章的，通常以日期的形式書寫標題。 _layouts：_layouts中的模板通常指向了_includes/themes中的模板。目錄是用來存放模板的，在這裏你能夠定義頁面中不一樣的頭部和底部。 _includes：1) _includes/JB中有一些經常使用的工具，用於列表顯示、評論等；2) _includes/themes中可參看主題的相關html文檔。3) _includes/themes中的主題通常包含default.html、post.html和page.html三個文檔。default.html定義了網站的最上層框架（模板），post.html和page.html是其子框架（模板）。4) 生成好的html子頁面經過default.html的{{ content }}變量調用，生成整個頁面。 assets 渲染頁面的CSS和JS文檔在assets/themes中 _config.yml 站點生成須要用到_config.yml配置文件，站點的全局變量在_config.yml中定義，用site.訪問；頁面的變量在YAML Front Matter中定義，用page.訪問，更多的模板變量可參考模板數據。 index.html是你的頁面首頁。

     
     
     
     

      
      
      
      

      
      
      
      

      
      
      
      

      
      
      
      

      
      
      
      

      
      
      
      

      
      
      
      

      
      
      
      

      
      
      
      

      
      
      
      

      
      
      
      

      
      
      
      

      
      
      
      

      
      
      
      

      
      
      
      

      
      
      
      

      
      
      
      

      
      
      
      

      
      
      
      

      
      
      
      

     
     
     
     
 Jekyll-Bootstrap建立博客1. 建立我的站點，即建立一個新資源，格式爲username.github.com；2. 安裝Jekyll-Bootstrap：$ git clone https://github.com/plusjade/jekyll-bootstrap.git USERNAME.github.com$ cd USERNAME.github.com$ git remote set-url origin git@github.com:USERNAME/USERNAME.github.com.git$ git push origin master3. 訪問建立好的我的站點：username.github.com4. 在本地測試查看效果：cd USERNAME.github.comjekyll --server

      
      
      
      

       
       
       
       

       
       
       
       

       
       
       
       

       
       
       
       

       
       
       
       

       
       
       
       

       
       
       
       

       
       
       
       

       
       
       
       

       
       
       
       

       
       
       
       

       
       
       
       

       
       
       
       

       
       
       
       

       
       
       
       

       
       
       
       

       
       
       
       

       
       
       
       

       
       
       
       

       
       
       
       

       
       
       
       

       
       
       
       

       
       
       
       

       
       
       
       

       
       
       
       

       
       
       
       

       
       
       
       

       
       
       
       

       
       
       
       

       
       
       
       

       
       
       
       

       
       
       
       

       
       
       
       

       
       
       
       

       
       
       
       

       
       
       
       

       
       
       
       

      
      
      
      
Jekyll 寫博過程1、 配置_config.yml：1) 修改標題：title : My Blog =)2) 修改我的信息：author :name : Name Lastnameemail : blah@email.testgithub : usernametwitter : usernamefeedburner : feedname3) 引用：_config.yml中的鍵值均引用到其餘頁面{{ site.title }}；2、 寫文章按照_config.yml的格式permalink: /:categories/:year/:month/:day/:title，能夠修改格式，建立markdown格式文件，就能夠當初博客發佈了。3、 發佈本地預覽修改：運行jekyll –server，預覽http:127.0.0.1:4000。發佈到github上：經過命令提交或者客戶端提交。4.6 個性化博客Github Page完成了博客的主要功能，寫做、發佈、修改，這些都是相對靜態的東西，就是你本身能夠控制的事情，還有一些動態的東西Github Pages沒法支持，好比說文章瀏覽次數、文章的評論等，還有一些個性化的東西，像個性化頁頭頁尾、代碼高亮能夠把博客整的更漂亮一點，其實這寫均可以經過第三方應用來實現，個性化本身的博客。加上Disqus雲評論:註冊http://disqus.com/

來自爲知筆記(Wiz)