Mac環境下搭建Octopress部落格
最近看了兩本書:
1.唐巧的《IOS開發進階》。
2.Matt Galloway的《Effective Objective-C 2.0》。
發現兩書的作者都在用Octopress的部落格,所以自己也想研究一下。養成寫部落格的習慣,對學習做一個總結,也可以方便其他人。閒話不多說,開始。
1.安裝Octopress
mac系統下一般已預設安裝了git
1.開啟終端輸入:git://github.com/imathis/octopress.git octopress,完成後Octopress會下載到個人資料夾,Finder中“前往-個人”
2.終端中輸入:cd octopress
2.安裝相關工具
1.終端輸入:
sudo gem install bundler
輸入密碼安裝成功後進入下一步。
2.bundle install
這裡是安裝具體的工具。
3.rake install
安裝預設主題和配置。
如果遇到You have already activated rake 0.9.6,but ....問題說明rake自動安裝的版本太低,需在終端執行bundle update rake更新rake**
3.部署部落格
部署部落格有三種方式:
1.-github 自定義域名 免費 但可被人clone下來
2.-heroku 自定義域名 免費 並且私有 博主用的是這種
3.-rsync 部署到自己的伺服器
開始部署:
1.註冊賬號:官網 https://id.heroku.com
2.賬號啟用後回到終端:輸入:sudo gem install heroku,此步驟較慢,耐心等待。
3.建立heroku應用:
heroku create
會要求輸入註冊的使用者名稱和密碼。
4.設定本地遠端程式碼庫到heroku:
git config branch.master.remote heroku
5.進入Octopress的根目錄,修改.gitignore檔案(此檔案為隱藏檔案,開啟隱藏檔案方法請自行查詢),此檔案中的內容為git版本控制時會自動忽略的檔案,刪除“public”和“Gemfile.lock”。
6.建立key:終端輸入heroku keys:add。按照提示確認,上傳成功。
7.生成專案:rake generate。
8.commit本地git庫:
git add .(空格點)
git commit -m 'site updated'
基本工作已經完成,最後一步,上傳專案到heroku伺服器:git push heroku master。
4.部落格設定
(1)基本資訊設定
開啟專案根目錄下的_config.yml檔案
url: http://yoursite.com
title: 李威的技術部落格
subtitle: 要麼得到,要麼學到
author: 李威
simple_search: https://www.google.com/search
description:
修改完成後可以試試本地預覽:
終端輸入:
rake generate
rake preview
然後瀏覽器開啟http://localhost:4000/
(2)修改域名
1.登入heroku網站,選擇已經"Personal Apps",進入已經存在的App。點選右上角的Settings,修改Name。
2.修改了App名字後要修改遠端庫地址,終端輸入:
git remote set-url heroku GitURL(自己編輯)
GitURL可在網站Settings頁Info中檢視。
3.寫部落格
rake new_post["title"]
文章生成在目錄下的source/_posts目錄下。文章是markdown格式的。可以通過Mou軟體來編輯儲存。
關於markdown的格式可以參考這篇文章:http://wowubuntu.com/markdown/
4.上傳:
rake generate
git add .
git commit -m "site updated."
git push heroku master
5.刪除一篇文章,直接刪除markdown檔案,終端執行:
git rm -r - -cached
git add .
git commit -m 'site updated'
...
後續
因為筆者也是第一次使用Octopress部落格,所以有很多地方也不熟悉,等慢慢熟悉後,後續會帶來Octopress的一些設定,包括搜尋引擎優化,設定評論,安裝主題等等。
相關文章
- mac 下搭建flutter環境MacFlutter
- Linux下-LNMP環境搭建部落格網站(全過程)LinuxLNMP網站
- 部落格專案環境搭建和Model設計
- Flutter 即學即用系列部落格——01 環境搭建Flutter
- MAC環境下PHP開發除錯環境搭建MacPHP除錯
- Django搭建個人部落格:在Windows中搭建開發環境DjangoWindows開發環境
- mac下搭建android 開發環境MacAndroid開發環境
- mac搭建環境Mac
- 【單頁面部落格從前端到後端】環境搭建前端後端
- MAC 下的PHP開發環境搭建MacPHP開發環境
- Mac 環境下 Redis 叢集的搭建MacRedis
- 在Mac下怎麼搭建MySQL環境?MacMySql
- Mac Flutter環境搭建MacFlutter
- Flutter 環境搭建 For MacFlutterMac
- Mac 新環境搭建Mac
- golang環境搭建macGolangMac
- Get Started:Mac下搭建PHP開發環境MacPHP開發環境
- Mac下git的環境搭建和基本使用MacGit
- Windows環境下的Nginx環境搭建WindowsNginx
- window環境下testlink環境搭建(xammp)
- CI環境搭建(Mac)——GerritMac
- CI環境搭建(Mac)——JenkinsMacJenkins
- flutter環境搭建mac版FlutterMac
- 以太坊-Win環境下remix環境搭建REM
- mac系統下git、mysql、nginx、php的環境搭建MacGitMySqlNginxPHP
- Windows 下搭建 lnmp 環境WindowsLNMP
- Centos下搭建golang環境CentOSGolang
- docker下LNMP環境搭建DockerLNMP
- windows下搭建lisp環境WindowsLisp
- andriod環境搭建(Mac機器)Mac
- React Native Android環境搭建(Mac)React NativeAndroidMac
- Mac 搭建 PHP 開發環境MacPHP開發環境
- Mac搭建Flutter開發環境MacFlutter開發環境
- Selenium環境搭建 - Mac電腦Mac
- ubuntu環境下搭建以太坊開發環境Ubuntu開發環境
- Mac 下 vue 開發環境的搭建以及專案建立MacVue開發環境
- Mac下AndroidStudio3.x的NDK開發環境搭建MacAndroid開發環境
- Windows下搭建ESP-IDF環境搭建Windows
- Ubuntu下Java環境的搭建UbuntuJava