利用Hexo搭建博客

前言

爲何要搭建我的博客?

本人是一個沒錢沒顏的小哥哥,人生中最大的樂趣就是白嫖。可是,做爲一位有着一腔熱血、熱愛學習的青年,找不到合適記筆記的地方(映像筆記、有道雲都還能夠,推薦你們去看看,滑稽.png)。無心中萌發搭建博客的想法,因此寫了這篇博客(第一篇博客,想一想仍是很激動的,儘管沒人看)。node

什麼是 HEXO ?

Hexo 是一個快速、簡潔且高效的博客框架。Hexo 使用 Markdown(或其餘渲染引擎)解析文章,在幾秒內,便可利用靚麗的主題生成靜態網頁。git

Github Page 建立

  • GitHub 帳號建立
  • 新建倉庫,倉庫名爲 username.github.io [ username 爲 github 用戶名]

環境搭建

  • 安裝 node.js
  • 安裝 git 後右鍵「Git Bash Here」進行全局配置
git config --global user.name "John Doe"
git config --global user.email johndoe@example.com
  • 全部必備的應用程序安裝完成後,便可使用 npm 安裝 Hexo
npm install -g hexo-cli

新建站點

  • 在本地D盤新建一個文件夾 localBlog (此時工做目錄爲D盤)按住 shift 右鍵打開 power shell
  • 輸入 hexo init localBlog 初始化該站點(速度有點慢,耐心等待一下)
cd <folder>        //進入站點
npm install        //安裝相關模塊
  • 初始化後輸入以下命令就能夠看見搭建的博客雛形
hexo server
//hexo server 等價於 hexo s
//在瀏覽器輸入 http://localhost:4000

配置博客

修改網站相關信息

title: 海棠的我的博客
subtitle: 副標題
description: 網頁描述
author: 海棠
language: zh-CN
timezone: Asia/Shanghai
url: https://haitany.github.io

配置部署相關信息

deploy: 
  type: git
  repo: https://github.com/Username/username.github.io.git
  branch: master

添加 SSH key 步驟

  • 檢查電腦是否已經擁有 SSH key,運行 git bash 客戶端
cd ~/.ssh
ls
  • 如有,則跳過此步驟。建立一個 SSH key(該過程須要 Enter 三次)
ssh-keygen -t rsa -C "你的註冊郵箱"
  • 添加 SSH key 到 github
clip < ~/.ssh/id_rsa.pub    //至關於複製該文件裏的內容
  • 登陸你的 github 帳號,從右上角的設置 Settings 進入,而後點擊菜單欄的 SSH key 進入頁面添加便可。
測試一下 SSH key 是否正常?

git bash 輸入 ssh -T git@github.com 而後輸入 yes 知道看見 successfully authenticated 字樣而不是 access denied 字樣則證實 SSH key 鏈接正常。github

寫做文章

  • 進入 localBlog 按住 shift 右鍵打開 power shell 輸入 hexo new "文章名" 系統會在 source 下的 _post 裏生成一篇 md 文件,而後你就能夠盡情發揮了。
hexo g        //生成靜態頁面
hexo s        //本地預覽
hexo d        //一鍵部署
該過程首次進行可能會提示須要登錄 github 及 OpenSSH

若是過程提示 ERROR: deploy don't find git ! 則須要執行npm install hexo-deployer-git --saveshell

關於圖片

  • source 下新建 images 文件夾,用來存放圖片
  • typora 設置圖像

image-20200127215215882.png

關於啓用資源(Asset)文件夾,這裏就不做詳細介紹 ! ! !
相關文章
相關標籤/搜索