參考網站
-
Github 綁定個人域名
-
Hexo 搭建參考(個人推薦使用)
-
Jekyll 搭建參考
Hexo & Jekyll 的對比
- Jeky基于Ruby實現,安裝Jeky需要搭建Ruby環境,在Windows搭建Ruby環境并不是被推薦的,而 Hexo基于NodeJs實現,在Windows上安裝NodeJs開發環境簡單。
- 兩者都有很多各自的主題提供,可依據個人喜好去選擇
- 兩者都支持Markdown語法
Hexo 搭建過程及問題解決
確保電腦已經安裝 Node.js 和 Git,若沒有安裝,請自行搜索安裝教程 。
-
通過 npm 安裝 Hexo
$ sudo npm install -g hexo-cli
<p style="color: red;font-size: 12px;">注意:出現錯誤:npm ERR! path /usr/local/bin/hexo
npm ERR! code EEXIST
npm ERR! Refusing to delete /usr/local/bin/hexo: ../lib/node_modules/hexo/bin/hexo symlink target is not controlled by npm /usr/local/bin;解決辦法:執行命令:rm /usr/local/bin/hexo。后重新安裝即可</p> -
創建一個文件夾,如:Blog,cd到Blog里執行hexo init的。命令:
$ hexo init blog $ cd blog
-
繼續再Blog目錄下執行如下命令,生成靜態頁面
$ hexo generate (hexo g 也可以)
-
啟動本地服務,進行文章預覽調試,瀏覽器輸入http://localhost:4000 打開預覽:
$ hexo server
Jekyll 搭建過程及問題解決
-
通過 Homebrew 包管理器 安裝 Ruby
$ sudo brew install ruby
<p style="color: red;font-size: 12px;">注意:初次安裝要使用 sudo,管理員授權,否則會出現錯誤提示:ERROR: While executing gem ... (Gem::FilePermissionError)
You don't have write permissions for the /Library/Ruby/Gems/2.0.0 directory. </p> -
通過 ruby 的 gem 安裝 jekyll
$ sudo gem install bundler $ gem install jekyll
<p style="color: red;font-size: 12px;">注意:安裝jekyll之前需要先安裝 bundler,否則會報錯: Dependency Error: Yikes! It looks like you don't have bundler or one of its dependencies installed. In order to use Jekyll as currently configured, you'll need to install this gem. The full error message from Ruby is: 'cannot load such file -- bundler' If you run into trouble, you can find helpful resources at https://jekyllrb.com/help/!</p>
-
新建一個初始的Jekyll項目,并啟動本地預覽服務
$ jekyll new myblog $ cd myblog $ jekyll serve
<p style="color: red;font-size: 12px;">注意:報錯:Deprecation: The 'gems' configuration option has been renamed to 'plugins'. Please update your config file accordingly. 解決辦法:打開配置文件_config.yml,使用 plugins 替換 gems 即可。</p>
在瀏覽器中輸入:http://localhost:4000,即可打開博客預覽
<p style="color: red;font-size: 12px;">注意:若電腦端的 4000端口被占用,會報錯:Error: Permission denied - bind(2) for 127.0.0.1:4000,解決方法:在_config.yml文件的末尾加上port: 5000,改為5000端口即可。在瀏覽器輸入:http://127.0.0.1:5000/ 訪問即可</p>主題的選擇與安裝