手摸手帶你用Hexo擼博客(一)
環境搭建
安裝 node
狂點下一步
命令行輸入此條命令 如果能看到版本號則安裝成功
node -v
安裝Git
(同上) 實在不會的小伙伴百度一下,教程很多,不細說了
命令行輸入此條命令 如果能看到版本號則安裝成功
git version
安裝 Hexo
博客的搭建工具有很多,這里我選用的是Hexo,原因嘛,因為我只會這一個,相同功能的輪子會一個就夠了,而且也確實好用
全局安裝Hexo
打開 CMD
npm install -g hexo-cli
安裝完成后，就可以通過Hexo搭建博客了 。
進入要創建項目的目錄, 執行以下命令
hexo init my-blog
新建完成后，指定文件夾的目錄如下：
├── _config.yml 博客主題的大部分參數配置(不包括主題)
├── package.json 這就不用說了吧
├── scaffolds (模板文件夾 新建文件時根據模板創建)
├── source
| ├── _drafts(博客草稿文件,需要自己新建)
| └── _posts (博客的MD文件,你所寫的文章一般都放在這里)
└── themes (主題文件)
根目錄下命令行輸入
npm run server
一個普通的不能再普通的博客主題就搭建好了
瀏覽器打開http://localhost:4000 進行本地訪問
如果端口號被占用你可以自定義端口號
例如
npm run server --port 5000
部署到Git Page
隨意新建一個倉庫
名字隨便起, 能保證上傳下載就行
啟動pages
-
點擊倉庫內的Setting
-
-
往下滑,找到這一個選項
-
-
之后頁面會刷新一下,再找到這個選項
點擊上面的頁面訪問路徑就可以查看了,不過現在還什么都沒有,進去肯定是404
配置自己的項目
去根目錄下找到_config.yml這個文件
接着使用 Git 配置下 SSH Key。設置你的用戶名和郵箱：
git config --global user.name "你的用戶名"
git config --global user.email "你的Github郵箱地址"
生成密鑰：
ssh-keygen -t rsa -C "你的Github郵箱地址"
查看密鑰並復制：
cat ~/.ssh/id_rsa.pub
Github 添加 SSH Key
然后在 Github 上添加剛剛生成的 SSH Key。
打開 Github –> Settings –> SSH and GPG keys –> SSH keys –> New SSH key，復制之前生成的密鑰粘貼就行了。
此時打開 Git，輸入命令 ssh -T git@github.com 驗證一下，如果出現 Hi XXX! You’ve successfully authenticated, but GitHub does not provide shell access. 說明 SSH key 添加成功了。如果出現問題，很有可能是之前的用戶名、郵箱設置錯誤，檢查一下。常見錯誤可以參考：
git-ssh 配置和使用
GitHub Help - Error Permission denied (publickey)
項目配置一鍵部署github
需要先安裝一個插件
npm install hexo-deployer-git --save
在配置文件的最底部有這幾條
然后命令行執行命令(需按順序)
npm run clean 清除緩存
npm run build項目打包
npm run deploy上傳git
大功告成
在訪問自己的博客地址就可以訪問了, 不會有404了
下期教大家怎么應用主題
畢竟博客這么丑
怎么好意思拿出來見人啊