前人栽樹,后人乘涼。多謝各位大牛的技術文檔,讓我可以站在巨人的肩膀上眺望遠方!(不過在windows上走流程有各種坑)下邊是我結合制作自己博客寫的總結:(非常建議Windows下用hexo環境創建博客,jekyll下問題多多,坑坑多多)
精簡版地址:http://baixin.io/2016/10/jekyll_tutorials1/
mkdir Algate's Site

在Windows環境下和其他環境系統下安裝內容和方法有所不同,此處只介紹windows下安裝方法
windows環境下安裝;
操作說明連接地址:http://www.madhur.co.in/blog/2011/09/01/runningjekyllwindows.html
1. 安裝 Ruby
官網:http://rubyinstaller.org/downloads/
測試:Ruby是否安裝成功,執行命令ruby -v
注意:勾選 “Add Ruby executables to your PATH”,安裝路徑不能包含空格
2.安裝DevKit-mingw64-64-4.7.2-20130224-1432-sfx.exe
地址:在步驟一的官網地址里
這里需要特別注意:

要下載相對應的版本
步驟:在命令窗口下切換到安裝目錄,并執行以下命令
C:\Devkit 下:
ruby dk.rb init
notepad config.yml
在打開的記事本窗口中,末尾會自動添加新的一行- C:\Ruby…-x64。(相對應的安裝路徑)
回到命令行窗口內,審查(非必須)并安裝。
ruby dk.rb review
ruby dk.rb install
測試:gem是否安裝成功,執行命令gem -v
3.到想要創建站點項目的本地路徑下
步驟:在命令窗口下執行以下命令
可以更改源,可以直接略過直接安裝jekyll
(但是國內你就不要跳過了)詳細方法連接地址:http://blog.csdn.net/rxm1989/article/details/40050185
~~~
//更換gem源
gem sources --remove https://rubygems.org/
gem sources -a https://ruby.taobao.org/
|~~|此處有錯,截止到發稿時,鏡像地址已經改變,地址為:http://gems.ruby-china.org/
gem sources -a http://gems.ruby-china.org/
//查看gem源
gem sources -l
清空源緩存
gem sources -c
更新源緩存
gem sources -u
//更新gem
gem update --system
~~~
//安裝jekyll
gem install jekyll
是否安裝成功
測試:
坑:(提醒 ridk install)- 但是呢你根本下載不下來,網上不好找,終于找到一個
連接地址:https://www.jianshu.com/p/181e3fe0b545

測試:gem是否安裝成功,執行命令gem -v
4.安裝python(可以直接略過直接看第七步驟)
地址:https://www.python.org/downloads/release/python-2714/
需要手動配置環境變量
5.安裝 Easy Install
下載distribute_setup.py
地址:http://pypi.python.org/pypi/distribute
(官網下載的py文件一直執行不成功)換成被人改好的文件執行成功了
下載地址:https://pan.baidu.com/s/1jG2bYbs
把此文件單獨放到python安裝根目錄下
命令:在python根目錄下執行:python distribute_setup.py
判斷是否安裝成功,網上的測試在Windows下有問題:
測試:Easy Install 是否安裝成功,執行命令easy_install --version
測試是否安裝成功需要找到python根目錄下找相關路徑 (Lib\site-packages\easy_install.py)
例如:C:\Python27\Lib\site-packages
然后執行 easy_install.py --version(.py文件后綴必須添加,負責永遠對不了-我的電腦如此)
此處問題較多,再加上官網也沒有詳細的結束,會長時間嘗試安裝,大坑啊!
網上解決方法https://jingyan.baidu.com/article/09ea3ede27f88ac0aede3900.html
6.安裝 Pygments
7.(可以是第四步)。
jekyll new algateJekyll

然后在文件夾下可以自動生成文件夾,初始內容如下圖所示

8.cd algateJekyll
jekyll serve
我這執行啟動服務的時候,出現了下列報錯

需要安裝bundler(gem install bundler)
可能需要重新打開命令窗口執行server
jekyll --serve --watch 命令將開啟實時更新,修改文件后在瀏覽器中刷新就可看到效果,對本地調試很有幫助;
至此,簡單的jekyll服務搭建完成
(4-6是為了高亮顯示所需要的插件)
仿照https://themebetter.com/ 主題制作屬于自己的blog
- 1. KanCloud快捷鍵
- algate.github.io的網站建設
- algate.github.io基礎完善
- 如何在github上展示作品——為你的項目生成一個快速訪問的網址
- Github README.md 添加圖片
- git上傳github常用命令
- WEB開發文檔
- 工具相關文檔說明
- GulpJs開發文檔
- 安裝Gulp詳細教程
- 如何上傳到github
- 服務端相關文檔
- tomcat配置多域名多端口訪問
- Vue遇到的那些大坑
- vue-bulid新建問題解決方案
- vue-prev功能實現方案優劣(element)
- 常用組件使用和功能實現
- 1-文件上傳功能
- 2-select插件實現利弊
- 3-實現分步驟流程效果
- ES6-export與export default遇到的坑
- require.context()-route去中心化管理
- webpack.ensure(webpack代碼分割)
- angular爬-跪著也要爬完
- 新建遇到的問題
- 常用angular核心知識
- React初生牛犢不怕虎
- react初次見面之泥坑深譚
- react+webpack+es6精簡版HelloWorld
- create-react-app創建失敗
- create-react-app不歸路
- react用到的組件module
- react-hot-loader
- JavaScript成長之路
- Js進階
- Js模塊化編程:require.js的用法
- 淺談前端架構
- Js常見問題匯總
- 瀏覽器渲染原理及解剖瀏覽器內部工作原理
- 雅虎前端優化的35條軍規
- 常見問題描述-面試常問
- 前端性能優化-algate
- http狀態碼詳解
- 作用域,閉包,面向對象
- Js基礎知識
- Js基本功必須扎實
- 各個瀏覽器加載icon
- html特殊標簽和屬性的說明
- 個人資源總結
- 個人簡歷-絕對真實有效
- Jekyll博客創建
- Jekyll開始創建
- Jekyll文檔說明
- jekyll-paginate分頁問題
- HEXO博客創建
- es6新用法解析以及使用
- 神奇的三個點:...
- 幾大類
- coding創建hexo
- sublime相關配置
- Atom使用