到底如何使用jekyll發布博客?

千辛萬苦在win10上安裝好了jekyll,也看了jekyll的文檔,想嘗試著搭建自己的博客。可是事情遠沒有那麼順利,一路上全是坑TAT,真心希望有個大神來指點一下我這個傻蛋。。。

1.首先,我在終端中使用下面的命令來創建一個新的站點:

jekyll new blog

cd blog

jekyll serve

然後,通過localhost:4000訪問成功,是這個樣子的:

但是,如果直接訪問blog/_site/index.html的話,或者上傳到github上再訪問的話就是這個樣子:

剛開始我以為只是丟失了樣式表,最後我發現它不光是載入不了樣式表那麼簡單,博文也無法正常打開。

2.我從mojombo/http://github.io上複製了整個倉庫下來,然後運行jekyll serve,竟然出現了這樣的情況:

既然這樣,我就運行gem install RedCloth嘛,結果運行完了並沒有什麼卵用。。。

問題的關鍵在於到底如何發布這個站點。。。


樓主的問題是很普遍的,因為網上資料很龐雜,很多都需要我們有相關領域的基礎知識。

在我搭建的過程中發現一些很簡單的問題由於大量不對稱的資料搞複雜了,也是踩過很多坑,於是想把整個過程梳理一遍分享出來,讓大家能有一個清晰明了的搭建過程。

我自己的博客採用了 Github Pages + Jekyll 方案,題主的問題可以在這裡直接得到完整的解答:

Github Pages + Jekyll 獨立博客一小時快速搭建上線指南

主題fork自 @黃玄 大神的模版,在此表示非常感謝!


我之前也遇到這個問題了,你不能用gh-page分支來搞。

直接用你的github名字,例如我的xiaokefeng,建立一個res,命名為http://xiaokefeng.github.io

然後往master分支上直接提交jekyll需要的_post之類的必要文件

最後直接訪問http://xiaokefeng.github.io,就可以了


Github Pages 牆內訪問不穩定,且百度不收錄(由於百度之前被利用攻擊 GitHub 被 GitHub 屏蔽了),目前可以用 Coding Pages 代替,搜一下 Coding+Jekyll 或者 Coding+HEXO,教程有很多:

OS X 下使用 Jekyll 和 Coding Pages 搭建靜態博客

當然最快的方法就是 fork 別人的,比如 https://coding.net/u/coding/p/awesome-blogs/git


用安卓發布最簡單

Jekyll for Android

博客安卓客戶端

用Github Pages和Jekyll搭建一個免費的,無限流量的Blog,並且在手機上可以隨時隨地發布blog和隨筆。 不用關心jekyll的各種yam格式。你只用關心你的blog內容。 簡單點說,它向Jekyll博客的_posts /目錄或者子目錄提交了一個yyyy-mm-dd-title.md這樣的文件。 同時以友好的用戶界面顯示。

Jekyll博客安卓客戶端 - 知乎專欄


直接ForK一個過來慢慢改,坑就少多了


ref: 本地安裝Jekyll調試環境(Windows)


可以參考我的個人博客


Do you want to set up Jekyll Blog? Please refer to http://dontry.github.io/about/


windows下坑確實多,官方也不建議在 windows 下配置。


推薦閱讀:

看沃爾瑪如何玩轉 React Native
【備戰秋招Day 1】經典面試題1-4及在線編程題1-3答案
Angular 應用瘦身記——比 jQuery 更小的 TodoMVC

TAG:博客 | Jekyll | 前端框架 |