參考網(wǎng)站
-
Github 綁定個人域名
-
Hexo 搭建參考(個人推薦使用)
-
Jekyll 搭建參考
Hexo & Jekyll 的對比
- Jeky基于Ruby實現(xiàn),安裝Jeky需要搭建Ruby環(huán)境溅呢,在Windows搭建Ruby環(huán)境并不是被推薦的硬爆,而 Hexo基于NodeJs實現(xiàn)喉镰,在Windows上安裝NodeJs開發(fā)環(huán)境簡單。
- 兩者都有很多各自的主題提供诀诊,可依據(jù)個人喜好去選擇
- 兩者都支持Markdown語法
Hexo 搭建過程及問題解決
確保電腦已經(jīng)安裝 Node.js 和 Git月幌,若沒有安裝,請自行搜索安裝教程 西轩。
-
通過 npm 安裝 Hexo
$ sudo npm install -g hexo-cli
<p style="color: red;font-size: 12px;">注意:出現(xiàn)錯誤: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员舵;解決辦法:執(zhí)行命令:rm /usr/local/bin/hexo。后重新安裝即可</p> -
創(chuàng)建一個文件夾藕畔,如:Blog马僻,cd到Blog里執(zhí)行hexo init的。命令:
$ hexo init blog $ cd blog
-
繼續(xù)再Blog目錄下執(zhí)行如下命令注服,生成靜態(tài)頁面
$ hexo generate (hexo g 也可以)
-
啟動本地服務(wù)韭邓,進行文章預覽調(diào)試措近,瀏覽器輸入http://localhost:4000 打開預覽:
$ hexo server
Jekyll 搭建過程及問題解決
-
通過 Homebrew 包管理器 安裝 Ruby
$ sudo brew install ruby
<p style="color: red;font-size: 12px;">注意:初次安裝要使用 sudo女淑,管理員授權(quán)瞭郑,否則會出現(xiàn)錯誤提示: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項目,并啟動本地預覽服務(wù)
$ 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>主題的選擇與安裝