如何做到一毛不拔的搭建網站

以下操作全程使用管理員許可權,因為我不清楚哪裡會出現 permission denied

1.下載 nodejs

對應 windows 使用者，下載對應的 ".msi" 的檔案安裝就行

Linux 和 Mac 使用者...此處省略

安裝成功後可以檢視版本

node -v

npm -v

為方便國內使用，可以把 npm 換成 taobao 的 cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

2.本地搭建

安裝 hexo

cnpm install -g hexo-cli
 

檢視版本,驗證成功

hexo -v

建立一個資料夾，比如名為 blog

mkdir blog

進入 blog , 初始化hexo

hexo init

等他完事後,可以在 http://localhost:4000/ 下本地預覽

如圖 :

hexo s

如果新建一篇文章

檔名最好為英文，方便操作

hexo n name

他會在 source/_posts 下生成一篇名為 name 的 markdown 檔案，內容自己寫

3.推到遠端

登入你的 github , 新建一個倉庫

倉庫名為 使用者名稱.github.io 使用者名稱小寫

現在是個空倉庫

回到終端下

安裝 hexo-deployer

cnpm install --save hexo-deployer-git

修改 _config.yml 檔案

在 blog 目錄下

如圖修改最下面 , repo 改為自己的倉庫地址

部署到遠端

hexo d

你可以重新整理 github 倉庫, 裡面已經有東西了

完事

你的部落格地址就是:

使用者名稱.github.io

4.更換主題

hexo 主題 : https://hexo.io/themes/

每個主題裡都有說明

比如：lx

在 blog 目錄下

git clone https://github.com/blleng/hexo-theme-lx themes/lx

按照他說明的改一下就行了

把 blog/_config.yml 裡的 theme 改成要換的主題名就完事了, 把 landscape 改成 lx

本地預覽一下

hexo clean

hexo s

如果渲染不出來，嘗試安裝以下解決

cnpm install  hexo-renderer-pug hexo-renderer-stylus hexo-renderer-jade hexo-generator-feed hexo-generator-sitemap hexo-generator-archive --save

推到遠端

hexo g

hexo d

5.常用命令總結 :

建立一篇新文章
hexo n example
---
清理舊的資料
hexo clean
---
重新生成一下
hexo g
---
部署到遠端
hexo d

The_End