用hexo和github-pages搭建博客

這是個人第一次使用Hexo和GitHub來搭建本身的一個我的博客,接下來我會講解我第一次搭建博客時所用的過程。假設你已經安裝好node.js和npm。node

進入安全目錄

cd ~/Desktop,在桌面這個安全目錄來操做,禁止在根目錄上操做。git

建立空倉庫

在GitHub上建立一個空的倉庫,倉庫名稱是[你的用戶名.github.io],注意,你的倉庫名字必須是這個,這是固定的命名約定。我一開始就由於這個而引起了錯誤github

安裝Hexo

  1. npm install -g hexo-cli,在全局安裝hexo-cli
  2. hexo init myBlog,建立一個hexo框架,框架名字"myBlog"自擬
  3. cd myBlog,進入新建的框架目錄
  4. npm i,安裝依賴包,'i'是'install'的縮寫
  5. hexo new blogName,在該框架下建立一個blogName.md的文件,在bash裏面會出現指向該文件的目錄
  6. start blogName.md,使用編輯器編輯該md文件,注意,要先去該md文件所在的目錄才能用該方法打開文件.
  7. start _config.yml,編輯網站配置,包括npm

    • 第六行的title
    • 第九行的author
    • 最後一行的type改爲type: git
    • 在最後一行,與type平齊,加上一行repo:倉庫地址,[你的用戶名.github.io]對應的倉庫地址,地址以ssh的形式。

安裝git部署插件

npm install hexo-deployer-git --save,該插件幫助Hexo部署到github平臺安全

上傳至github

hexo deploy,部署至githubbash

上傳第二篇博客

hexo new 第二篇博客hexo

start 第二篇博客.md,將路徑修改至該文件所在目錄框架

hexo generate,生成一個靜態網站,這個靜態文件可直接訪問ssh

hexo deploy,部署至github編輯器

換博客頁面主題

  1. https://github.com/hexojs/hexo/wiki/Themes上面有主題合集。
  2. 隨便找一個主題,進入主題的Github首頁
  3. 複製它的https地址或者ssh地址
  4. cd themes,將目錄換至主題文件目錄
  5. git clone ssh或https地址,將主題下載至本地
  6. cd ..,回到父級目錄
  7. 將_config.yml的第75行改成theme: 主題名字
  8. hexo g,而後hexo d,以後刷新頁面,獲得新外觀

上傳源代碼

由於github上沒有保存生成博客的程序代碼,因此須要建立一個名爲blog-generator的空倉庫,以後上傳源代碼。

以上就是個人第一次用hexo框架來建博客的基本歷程。

相關文章
相關標籤/搜索